@underverse-ui/underverse 2.0.35 → 2.0.37

package/dist/{chunk-F2P3DJSC.js → chunk-GZ7EDNGF.js}

@@ -1,732 +1,34 @@
 import {
-  Tooltip,
-  chainEventHandlers,
+  Tooltip
+} from "./chunk-EN33T3LJ.js";
+import {
+  Popover,
+  getBorderRadiusClass,
+  useUnderverseUIConfig
+} from "./chunk-5GMQ23IU.js";
+import {
   cn,
   formControlFixedClass,
   formControlOutlineClass,
   formControlSizeStyles,
   formControlValueClass,
-  mergeRefs,
-  resolveUEditorPortalContainer,
   setRefValue,
-  useSmartTranslations,
-  useUEditorPortalContainerGetter
-} from "./chunk-6FAHXNDQ.js";
-
-// src/contexts/UnderverseConfigContext.tsx
-import * as React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var UnderverseUIConfigContext = React.createContext(null);
-function useUnderverseUIConfig() {
-  return React.useContext(UnderverseUIConfigContext) ?? {};
-}
-function UnderverseConfigProvider({ children, config }) {
-  if (!config) return /* @__PURE__ */ jsx(Fragment, { children });
-  return /* @__PURE__ */ jsx(UnderverseUIConfigContext.Provider, { value: config, children });
-}
-
-// src/utils/animations.ts
-import { useEffect } from "react";
-var shadcnAnimationStyles = `
-  /* ============================================
-   * DROPDOWN / POPOVER ANIMATIONS
-   * Uses spring-like cubic-bezier for natural feel
-   * ============================================ */
-  
-  /* Native-like Combobox Animation - Mimics browser default select */
-  [data-state="open"][data-combobox-dropdown] {
-    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);
-    transform-origin: top center;
-  }
-
-  [data-state="closed"][data-combobox-dropdown] {
-    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);
-    transform-origin: top center;
-  }
-
-  @keyframes comboboxOpen {
-    0% {
-      opacity: 0;
-      transform: translateY(-4px) scaleY(0.9);
-    }
-    100% {
-      opacity: 1;
-      transform: translateY(0) scaleY(1);
-    }
-  }
-
-  @keyframes comboboxClose {
-    0% {
-      opacity: 1;
-      transform: translateY(0) scaleY(1);
-    }
-    100% {
-      opacity: 0;
-      transform: translateY(-4px) scaleY(0.9);
-    }
-  }
-
-  /* Generic dropdown open/close */
-  [data-state="open"] {
-    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);
-  }
-  
-  [data-state="closed"] {
-    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);
-  }
-  
-  @keyframes slideDownAndFade {
-    from {
-      opacity: 0;
-      transform: translateY(-4px) scale(0.98);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0) scale(1);
-    }
-  }
-  
-  @keyframes slideUpAndFade {
-    from {
-      opacity: 1;
-      transform: translateY(0) scale(1);
-    }
-    to {
-      opacity: 0;
-      transform: translateY(-4px) scale(0.98);
-    }
-  }
-  
-  /* ============================================
-   * DROPDOWN ITEMS - Native-like instant appearance
-   * ============================================ */
-
-  /* Fast staggered animation for native feel */
-  .dropdown-item {
-    opacity: 0;
-    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;
-  }
-
-  @keyframes itemFadeIn {
-    from {
-      opacity: 0;
-      transform: translateX(-4px);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  /* Item stagger delays - minimal for speed */
-  .dropdown-item:nth-child(1) { animation-delay: 0ms; }
-  .dropdown-item:nth-child(2) { animation-delay: 15ms; }
-  .dropdown-item:nth-child(3) { animation-delay: 30ms; }
-  .dropdown-item:nth-child(4) { animation-delay: 45ms; }
-  .dropdown-item:nth-child(5) { animation-delay: 60ms; }
-  .dropdown-item:nth-child(6) { animation-delay: 75ms; }
-  .dropdown-item:nth-child(7) { animation-delay: 90ms; }
-  .dropdown-item:nth-child(8) { animation-delay: 105ms; }
-  .dropdown-item:nth-child(n+9) { animation-delay: 120ms; }
-
-  /* ============================================
-   * DATEPICKER ANIMATIONS
-   * ============================================ */
-
-  .datepicker-day {
-    opacity: 0;
-    animation: dayFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-
-  @keyframes dayFadeIn {
-    from {
-      opacity: 0;
-      transform: scale(0.8);
-    }
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  /* ============================================
-   * TOOLTIP ANIMATIONS
-   * ============================================ */
-
-  [data-tooltip] {
-    animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
-  }
-
-  @keyframes tooltipIn {
-    from {
-      opacity: 0;
-      transform: scale(0.95);
-    }
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  /* ============================================
-   * MODAL / DIALOG ANIMATIONS
-   * ============================================ */
-
-  .modal-content {
-    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
-  }
-  
-  @keyframes scaleIn {
-    from {
-      opacity: 0;
-      transform: scale(0.9);
-    }
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-  
-  /* Smooth backdrop blur transition */
-  .backdrop-animate {
-    transition: backdrop-filter 200ms ease, background-color 200ms ease;
-  }
-`;
-function ensureAnimationStylesInjected(targetDocument) {
-  const resolvedDocument = targetDocument ?? (typeof document !== "undefined" ? document : void 0);
-  if (resolvedDocument) {
-    const styleId = "shadcn-animations";
-    if (!resolvedDocument.getElementById(styleId)) {
-      const styleElement = resolvedDocument.createElement("style");
-      styleElement.id = styleId;
-      styleElement.textContent = shadcnAnimationStyles;
-      resolvedDocument.head.appendChild(styleElement);
-    }
-  }
-}
-function useShadCNAnimations(targetDocument) {
-  useEffect(() => {
-    if (targetDocument === null) return;
-    ensureAnimationStylesInjected(targetDocument);
-  }, [targetDocument]);
-}
-function injectAnimationStyles(targetDocument) {
-  ensureAnimationStylesInjected(targetDocument);
-}
-function getAnimationStyles() {
-  return shadcnAnimationStyles;
-}
-
-// src/components/Popover.tsx
-import * as React2 from "react";
-import { createPortal } from "react-dom";
-
-// src/utils/radius.ts
-var STANDARD_BORDER_MODES = ["none", "sm", "md", "lg", "xl", "2xl", "3xl", "full"];
-var CUSTOM_BORDER_MAP = {
-  daewoo: "rounded",
-  infiniq: "rounded-full"
-};
-var BORDER_MODE_DOCS_TYPE = `"${STANDARD_BORDER_MODES.join('" | "')}" | "${Object.keys(CUSTOM_BORDER_MAP).join('" | "')}"`;
-function getBorderRadiusClass(borderMode = "full") {
-  if (!borderMode) return "rounded-full";
-  if (borderMode in CUSTOM_BORDER_MAP) {
-    return CUSTOM_BORDER_MAP[borderMode];
-  }
-  if (STANDARD_BORDER_MODES.includes(borderMode)) {
-    return `rounded-${borderMode}`;
-  }
-  return borderMode;
-}
-function getPanelBorderRadiusClass(borderMode = "lg") {
-  const resolved = borderMode ?? "lg";
-  if (resolved === "full" || resolved === "infiniq") {
-    return "rounded-2xl";
-  }
-  return getBorderRadiusClass(resolved);
-}
-
-// src/components/Popover.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
-function getTransformOrigin(side, align) {
-  if (side === "top") return `${align === "end" ? "right" : "left"} bottom`;
-  if (side === "bottom") return `${align === "end" ? "right" : "left"} top`;
-  if (side === "left") return "right top";
-  return "left top";
-}
-function normalizePlacement(placement) {
-  switch (placement) {
-    case "top":
-      return { side: "top", align: "start" };
-    case "bottom":
-      return { side: "bottom", align: "start" };
-    case "left":
-      return { side: "left", align: "start" };
-    case "right":
-      return { side: "right", align: "start" };
-    default: {
-      const [side, align] = placement.split("-");
-      return { side, align };
-    }
-  }
-}
-var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
-function overflowAmount(left, width, viewportWidth, padding) {
-  const min = padding;
-  const max = viewportWidth - padding;
-  const overflowLeft = Math.max(0, min - left);
-  const overflowRight = Math.max(0, left + width - max);
-  return overflowLeft + overflowRight;
-}
-function getScrollAncestors(trigger, ownerWindow) {
-  const ancestors = [];
-  let current = trigger.parentElement;
-  while (current) {
-    try {
-      const style = ownerWindow.getComputedStyle(current);
-      const overflow = `${style.overflow} ${style.overflowX} ${style.overflowY}`;
-      if (/(auto|scroll|overlay|hidden)/.test(overflow)) ancestors.push(current);
-    } catch {
-    }
-    current = current.parentElement;
-  }
-  return ancestors;
-}
-function isFiniteRect(rect) {
-  return [rect.top, rect.right, rect.bottom, rect.left, rect.width, rect.height].every(Number.isFinite);
-}
-function isFullyOutsideViewport(rect, viewportWidth, viewportHeight) {
-  return rect.bottom < 0 || rect.right < 0 || rect.top > viewportHeight || rect.left > viewportWidth;
-}
-function computePopoverPosition(args) {
-  const { triggerRect, contentSize, placement, offset, padding, viewport, constrainToAvailableHeight } = args;
-  let { side, align } = normalizePlacement(placement);
-  const availableBelow = Math.max(0, viewport.height - padding - triggerRect.bottom - offset);
-  const availableAbove = Math.max(0, triggerRect.top - padding - offset);
-  if (side === "bottom") {
-    if (constrainToAvailableHeight) {
-      if (contentSize.height > availableBelow && availableAbove > availableBelow) side = "top";
-    } else {
-      const bottomTop = triggerRect.bottom + offset;
-      const overflowsBottom = bottomTop + contentSize.height > viewport.height - padding;
-      const topTop = triggerRect.top - offset - contentSize.height;
-      const fitsTop = topTop >= padding;
-      if (overflowsBottom && fitsTop) side = "top";
-    }
-  } else if (side === "top") {
-    if (constrainToAvailableHeight) {
-      if (contentSize.height > availableAbove && availableBelow > availableAbove) side = "bottom";
-    } else {
-      const topTop = triggerRect.top - offset - contentSize.height;
-      const overflowsTop = topTop < padding;
-      const bottomTop = triggerRect.bottom + offset;
-      const fitsBottom = bottomTop + contentSize.height <= viewport.height - padding;
-      if (overflowsTop && fitsBottom) side = "bottom";
-    }
-  } else if (side === "right") {
-    const rightLeft = triggerRect.right + offset;
-    const overflowsRight = rightLeft + contentSize.width > viewport.width - padding;
-    const leftLeft = triggerRect.left - offset - contentSize.width;
-    const fitsLeft = leftLeft >= padding;
-    if (overflowsRight && fitsLeft) side = "left";
-  } else if (side === "left") {
-    const leftLeft = triggerRect.left - offset - contentSize.width;
-    const overflowsLeft = leftLeft < padding;
-    const rightLeft = triggerRect.right + offset;
-    const fitsRight = rightLeft + contentSize.width <= viewport.width - padding;
-    if (overflowsLeft && fitsRight) side = "right";
-  }
-  let top = 0;
-  let left = 0;
-  if (side === "top" || side === "bottom") {
-    const leftStart = triggerRect.left;
-    const leftEnd = triggerRect.right - contentSize.width;
-    const startOverflow = overflowAmount(leftStart, contentSize.width, viewport.width, padding);
-    const endOverflow = overflowAmount(leftEnd, contentSize.width, viewport.width, padding);
-    if (align === "start" && startOverflow > 0 && endOverflow < startOverflow) align = "end";
-    if (align === "end" && endOverflow > 0 && startOverflow < endOverflow) align = "start";
-    left = align === "end" ? leftEnd : leftStart;
-    const availableHeight = side === "top" ? availableAbove : availableBelow;
-    const renderedHeight = constrainToAvailableHeight ? Math.min(contentSize.height, availableHeight) : contentSize.height;
-    top = side === "top" ? triggerRect.top - offset - renderedHeight : triggerRect.bottom + offset;
-    left = clamp(left, padding, viewport.width - contentSize.width - padding);
-    top = clamp(top, padding, viewport.height - renderedHeight - padding);
-    return { top, left, side, align, availableHeight };
-  }
-  top = triggerRect.top;
-  left = side === "left" ? triggerRect.left - offset - contentSize.width : triggerRect.right + offset;
-  left = clamp(left, padding, viewport.width - contentSize.width - padding);
-  top = clamp(top, padding, viewport.height - contentSize.height - padding);
-  return { top, left, side, align, availableHeight: Math.max(0, viewport.height - padding * 2) };
-}
-var Popover = ({
-  trigger,
-  children,
-  className,
-  contentClassName,
-  contentProps,
-  contentScrollable = false,
-  placement = "bottom",
-  modal = false,
-  disabled = false,
-  open,
-  onOpenChange,
-  matchTriggerWidth = false,
-  contentWidth,
-  borderMode,
-  getPortalContainer,
-  constrainToAvailableHeight = false
-}) => {
-  const isControlled = open !== void 0;
-  const [internalOpen, setInternalOpen] = React2.useState(false);
-  const triggerRef = React2.useRef(null);
-  const [triggerDocument, setTriggerDocument] = React2.useState(null);
-  const positionerRef = React2.useRef(null);
-  const panelRef = React2.useRef(null);
-  const pendingFrameRef = React2.useRef(null);
-  const closeRequestedRef = React2.useRef(false);
-  const lastAppliedRef = React2.useRef(null);
-  const globalConfig = useUnderverseUIConfig();
-  const resolvedBorderMode = borderMode ?? globalConfig.popover?.borderMode ?? globalConfig.borderMode;
-  const isOpen = isControlled ? open : internalOpen;
-  const contextGetPortalContainer = useUEditorPortalContainerGetter();
-  const requestedPortalContainer = isOpen && triggerDocument ? resolveUEditorPortalContainer(getPortalContainer, contextGetPortalContainer, triggerDocument) : null;
-  const portalContainer = requestedPortalContainer?.ownerDocument === triggerDocument ? requestedPortalContainer : triggerDocument?.body ?? null;
-  useShadCNAnimations(isOpen ? triggerDocument : null);
-  const setIsOpen = React2.useCallback(
-    (next) => {
-      if (!isControlled) setInternalOpen(next);
-      onOpenChange?.(next);
-    },
-    [isControlled, onOpenChange]
-  );
-  const offset = 4;
-  const padding = 8;
-  const initialPlacement = React2.useMemo(() => normalizePlacement(placement), [placement]);
-  const cancelScheduledPositionUpdate = React2.useCallback(() => {
-    const pending = pendingFrameRef.current;
-    if (!pending) return;
-    pendingFrameRef.current = null;
-    try {
-      pending.ownerWindow.cancelAnimationFrame(pending.frameId);
-    } catch {
-    }
-  }, []);
-  const closeWhenPositioningIsUnsafe = React2.useCallback(() => {
-    const positionerEl = positionerRef.current;
-    if (positionerEl) {
-      positionerEl.style.visibility = "hidden";
-      positionerEl.style.pointerEvents = "none";
-    }
-    if (closeRequestedRef.current) return;
-    closeRequestedRef.current = true;
-    setIsOpen(false);
-  }, [setIsOpen]);
-  const updatePosition = React2.useCallback(() => {
-    const triggerEl = triggerRef.current;
-    const positionerEl = positionerRef.current;
-    const panelEl = panelRef.current;
-    if (!triggerEl || !positionerEl || !panelEl) return;
-    const ownerDocument = triggerEl.ownerDocument;
-    const ownerWindow = ownerDocument.defaultView;
-    if (!ownerWindow || ownerWindow.closed || !triggerEl.isConnected || !positionerEl.isConnected || positionerEl.ownerDocument !== ownerDocument || panelEl.ownerDocument !== ownerDocument) {
-      closeWhenPositioningIsUnsafe();
-      return;
-    }
-    const contentEl = panelEl.firstElementChild;
-    if (!contentEl) {
-      closeWhenPositioningIsUnsafe();
-      return;
-    }
-    try {
-      const triggerRect = triggerEl.getBoundingClientRect();
-      const viewportWidth = ownerWindow.innerWidth;
-      const viewportHeight = ownerWindow.innerHeight;
-      if (!isFiniteRect(triggerRect) || !Number.isFinite(viewportWidth) || !Number.isFinite(viewportHeight) || viewportWidth <= 0 || viewportHeight <= 0 || isFullyOutsideViewport(triggerRect, viewportWidth, viewportHeight)) {
-        closeWhenPositioningIsUnsafe();
-        return;
-      }
-      const widthWanted = matchTriggerWidth ? triggerRect.width : contentWidth;
-      const widthPx = widthWanted == null ? void 0 : Math.max(0, Math.round(widthWanted));
-      if (widthPx == null) {
-        if (positionerEl.style.width) positionerEl.style.width = "";
-      } else if (positionerEl.style.width !== `${widthPx}px`) {
-        positionerEl.style.width = `${widthPx}px`;
-      }
-      const prevApplied = lastAppliedRef.current;
-      const measuredWidth = positionerEl.offsetWidth;
-      const measuredHeight = positionerEl.offsetHeight;
-      const contentRect = positionerEl.getBoundingClientRect();
-      const contentBoxWidth = measuredWidth || contentRect.width;
-      const contentBoxHeight = Math.max(measuredHeight, contentRect.height);
-      const next = computePopoverPosition({
-        triggerRect,
-        contentSize: { width: contentBoxWidth, height: contentBoxHeight },
-        placement,
-        offset,
-        padding,
-        viewport: {
-          width: viewportWidth,
-          height: viewportHeight
-        },
-        constrainToAvailableHeight
-      });
-      const top = Math.round(next.top);
-      const left = Math.round(next.left);
-      const applied = prevApplied && prevApplied.positioner === positionerEl && Math.abs(prevApplied.top - top) < 0.5 && Math.abs(prevApplied.left - left) < 0.5 && prevApplied.side === next.side && prevApplied.align === next.align && prevApplied.width === widthPx && prevApplied.availableHeight === next.availableHeight;
-      if (applied) return;
-      lastAppliedRef.current = {
-        positioner: positionerEl,
-        top,
-        left,
-        side: next.side,
-        align: next.align,
-        width: widthPx,
-        availableHeight: next.availableHeight
-      };
-      positionerEl.style.transform = `translate3d(${left}px, ${top}px, 0)`;
-      positionerEl.style.setProperty("--underverse-popover-available-height", `${next.availableHeight}px`);
-      positionerEl.dataset.side = next.side;
-      positionerEl.dataset.align = next.align;
-      panelEl.style.transformOrigin = getTransformOrigin(next.side, next.align);
-      if (positionerEl.style.visibility !== "visible") positionerEl.style.visibility = "visible";
-      if (positionerEl.style.pointerEvents !== "auto") positionerEl.style.pointerEvents = "auto";
-    } catch {
-      closeWhenPositioningIsUnsafe();
-    }
-  }, [placement, matchTriggerWidth, contentWidth, constrainToAvailableHeight, closeWhenPositioningIsUnsafe]);
-  const schedulePositionUpdate = React2.useCallback(() => {
-    if (pendingFrameRef.current) return;
-    const triggerEl = triggerRef.current;
-    const ownerWindow = triggerEl?.ownerDocument.defaultView;
-    if (!triggerEl || !ownerWindow || ownerWindow.closed) {
-      closeWhenPositioningIsUnsafe();
-      return;
-    }
-    try {
-      const frameId = ownerWindow.requestAnimationFrame(() => {
-        pendingFrameRef.current = null;
-        updatePosition();
-      });
-      pendingFrameRef.current = { ownerWindow, frameId };
-    } catch {
-      closeWhenPositioningIsUnsafe();
-    }
-  }, [closeWhenPositioningIsUnsafe, updatePosition]);
-  React2.useLayoutEffect(() => {
-    if (isOpen) {
-      closeRequestedRef.current = false;
-      return;
-    }
-    lastAppliedRef.current = null;
-    cancelScheduledPositionUpdate();
-  }, [cancelScheduledPositionUpdate, isOpen]);
-  React2.useLayoutEffect(() => {
-    if (!isOpen || !portalContainer) return;
-    updatePosition();
-    schedulePositionUpdate();
-    return cancelScheduledPositionUpdate;
-  }, [cancelScheduledPositionUpdate, isOpen, portalContainer, schedulePositionUpdate, updatePosition]);
-  React2.useEffect(() => {
-    const triggerEl = triggerRef.current;
-    const positionerEl = positionerRef.current;
-    if (!isOpen || !triggerEl || !positionerEl || !portalContainer) return;
-    const ownerDocument = triggerEl.ownerDocument;
-    const ownerWindow = ownerDocument.defaultView;
-    if (!ownerWindow || ownerWindow.closed || portalContainer.ownerDocument !== ownerDocument) {
-      closeWhenPositioningIsUnsafe();
-      return;
-    }
-    const scrollAncestors = getScrollAncestors(triggerEl, ownerWindow);
-    const passiveOptions = { passive: true };
-    for (const ancestor of scrollAncestors) {
-      ancestor.addEventListener("scroll", schedulePositionUpdate, passiveOptions);
-    }
-    ownerWindow.addEventListener("scroll", schedulePositionUpdate, passiveOptions);
-    ownerWindow.addEventListener("resize", schedulePositionUpdate);
-    ownerDocument.addEventListener("scroll", schedulePositionUpdate, { capture: true, passive: true });
-    const visualViewport = ownerWindow.visualViewport;
-    visualViewport?.addEventListener("scroll", schedulePositionUpdate, passiveOptions);
-    visualViewport?.addEventListener("resize", schedulePositionUpdate);
-    const ResizeObserverCtor = ownerWindow.ResizeObserver;
-    const resizeObserver = ResizeObserverCtor ? new ResizeObserverCtor(schedulePositionUpdate) : null;
-    resizeObserver?.observe(triggerEl);
-    resizeObserver?.observe(positionerEl);
-    const contentEl = panelRef.current?.firstElementChild;
-    if (contentEl) resizeObserver?.observe(contentEl);
-    const MutationObserverCtor = ownerWindow.MutationObserver;
-    const mutationObserver = MutationObserverCtor ? new MutationObserverCtor(() => {
-      const currentTrigger = triggerRef.current;
-      if (!currentTrigger || !currentTrigger.isConnected || currentTrigger.ownerDocument !== ownerDocument) {
-        closeWhenPositioningIsUnsafe();
-      }
-    }) : null;
-    if (mutationObserver && ownerDocument.documentElement) {
-      mutationObserver.observe(ownerDocument.documentElement, { childList: true, subtree: true });
-    }
-    schedulePositionUpdate();
-    return () => {
-      for (const ancestor of scrollAncestors) {
-        ancestor.removeEventListener("scroll", schedulePositionUpdate);
-      }
-      ownerWindow.removeEventListener("scroll", schedulePositionUpdate);
-      ownerWindow.removeEventListener("resize", schedulePositionUpdate);
-      ownerDocument.removeEventListener("scroll", schedulePositionUpdate, true);
-      visualViewport?.removeEventListener("scroll", schedulePositionUpdate);
-      visualViewport?.removeEventListener("resize", schedulePositionUpdate);
-      resizeObserver?.disconnect();
-      mutationObserver?.disconnect();
-      cancelScheduledPositionUpdate();
-    };
-  }, [
-    cancelScheduledPositionUpdate,
-    closeWhenPositioningIsUnsafe,
-    isOpen,
-    portalContainer,
-    schedulePositionUpdate
-  ]);
-  React2.useEffect(() => {
-    const triggerEl = triggerRef.current;
-    if (!isOpen || !triggerEl || !portalContainer) return;
-    const ownerDocument = triggerEl.ownerDocument;
-    const ownerWindow = ownerDocument.defaultView;
-    if (!ownerWindow || portalContainer.ownerDocument !== ownerDocument) {
-      closeWhenPositioningIsUnsafe();
-      return;
-    }
-    const handleClickOutside = (event) => {
-      const target = event.target;
-      const currentTrigger = triggerRef.current;
-      const popoverEl = positionerRef.current;
-      if (!currentTrigger || !popoverEl) return;
-      if (currentTrigger.contains(target)) return;
-      if (popoverEl.contains(target)) return;
-      if (target instanceof ownerWindow.Element && target.closest("[data-popover]")) return;
-      setIsOpen(false);
-    };
-    const handleEscape = (event) => {
-      if (event.key === "Escape") {
-        setIsOpen(false);
-      }
-    };
-    ownerDocument.addEventListener("mousedown", handleClickOutside);
-    ownerDocument.addEventListener("keydown", handleEscape);
-    return () => {
-      ownerDocument.removeEventListener("mousedown", handleClickOutside);
-      ownerDocument.removeEventListener("keydown", handleEscape);
-    };
-  }, [closeWhenPositioningIsUnsafe, isOpen, portalContainer, setIsOpen]);
-  const handleTriggerClick = () => {
-    if (!disabled) {
-      setIsOpen(!isOpen);
-    }
-  };
-  const triggerProps = trigger.props;
-  const childRef = triggerProps.ref;
-  const setTriggerNode = React2.useCallback((node) => {
-    triggerRef.current = node;
-    if (node) {
-      setTriggerDocument((currentDocument) => currentDocument === node.ownerDocument ? currentDocument : node.ownerDocument);
-    }
-  }, []);
-  const composedTriggerRef = React2.useMemo(
-    () => mergeRefs(childRef, setTriggerNode),
-    [childRef, setTriggerNode]
-  );
-  const popoverContent = isOpen && portalContainer ? createPortal(
-    /* @__PURE__ */ jsx2(
-      "div",
-      {
-        ref: positionerRef,
-        "data-popover": true,
-        style: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          transform: "translate3d(0, 0, 0)",
-          zIndex: 99999,
-          visibility: "hidden",
-          pointerEvents: "none",
-          willChange: "transform"
-        },
-        className: "z-[99999]",
-        children: /* @__PURE__ */ jsx2(
-          "div",
-          {
-            ref: panelRef,
-            "data-state": "open",
-            role: modal ? "dialog" : void 0,
-            "aria-modal": modal || void 0,
-            style: {
-              transformOrigin: getTransformOrigin(initialPlacement.side, initialPlacement.align)
-            },
-            className: cn(
-              // shadcn-like enter animation
-              "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-              className
-            ),
-            children: /* @__PURE__ */ jsx2(
-              "div",
-              {
-                ...contentProps,
-                className: cn(
-                  resolvedBorderMode ? getPanelBorderRadiusClass(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
-                ),
-                tabIndex: contentProps?.tabIndex ?? -1,
-                children
-              }
-            )
-          }
-        )
-      }
-    ),
-    portalContainer
-  ) : null;
-  return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    (() => {
-      return React2.cloneElement(trigger, {
-        ...triggerProps,
-        ref: composedTriggerRef,
-        onClick: chainEventHandlers(
-          (e) => {
-            triggerRef.current = e.currentTarget;
-            e.preventDefault();
-            e.stopPropagation();
-            handleTriggerClick();
-          },
-          triggerProps.onClick
-        ),
-        onFocus: chainEventHandlers(
-          (e) => {
-            triggerRef.current = e.currentTarget;
-          },
-          triggerProps.onFocus
-        ),
-        "aria-expanded": isOpen,
-        "aria-haspopup": triggerProps["aria-haspopup"] ?? "dialog"
-      });
-    })(),
-    popoverContent
-  ] });
-};
+  useSmartTranslations
+} from "./chunk-6XQTRIP6.js";
 
 // src/components/DropdownMenu.tsx
-import React3, { useState as useState2 } from "react";
+import React, { useState } from "react";
 import { ChevronRight } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var DropdownMenuContext = React3.createContext(null);
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenuContext = React.createContext(null);
 function useDropdownMenuClose() {
-  return React3.useContext(DropdownMenuContext)?.closeMenu ?? (() => {
+  return React.useContext(DropdownMenuContext)?.closeMenu ?? (() => {
   });
 }
 function useResettingIndex(resetToken) {
-  const [state, setState] = React3.useState({ resetToken, index: -1 });
+  const [state, setState] = React.useState({ resetToken, index: -1 });
   const activeIndex = Object.is(state.resetToken, resetToken) ? state.index : -1;
-  const setActiveIndex = React3.useCallback((nextIndex) => {
+  const setActiveIndex = React.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : -1;
       return {
@@ -753,9 +55,9 @@ var DropdownMenu = ({
   borderMode,
   getPortalContainer
 }) => {
-  const [internalOpen, setInternalOpen] = useState2(false);
+  const [internalOpen, setInternalOpen] = useState(false);
   const open = isOpen !== void 0 ? isOpen : internalOpen;
-  const setOpen = React3.useCallback(
+  const setOpen = React.useCallback(
     (nextOpen) => {
       if (isOpen === void 0) {
         setInternalOpen(nextOpen);
@@ -764,18 +66,18 @@ var DropdownMenu = ({
     },
     [isOpen, onOpenChange]
   );
-  const triggerRef = React3.useRef(null);
-  const menuRef = React3.useRef(null);
-  const itemsRef = React3.useRef([]);
+  const triggerRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+  const itemsRef = React.useRef([]);
   const [activeIndex, setActiveIndex] = useResettingIndex(open);
-  const parentMenu = React3.useContext(DropdownMenuContext);
-  const hoverCloseTimeoutRef = React3.useRef(null);
-  const cancelHoverClose = React3.useCallback(() => {
+  const parentMenu = React.useContext(DropdownMenuContext);
+  const hoverCloseTimeoutRef = React.useRef(null);
+  const cancelHoverClose = React.useCallback(() => {
     if (hoverCloseTimeoutRef.current === null) return;
     clearTimeout(hoverCloseTimeoutRef.current);
     hoverCloseTimeoutRef.current = null;
   }, []);
-  const scheduleHoverClose = React3.useCallback(() => {
+  const scheduleHoverClose = React.useCallback(() => {
     if (!openOnHover) return;
     cancelHoverClose();
     hoverCloseTimeoutRef.current = setTimeout(() => {
@@ -783,18 +85,18 @@ var DropdownMenu = ({
       setOpen(false);
     }, hoverCloseDelay);
   }, [cancelHoverClose, hoverCloseDelay, openOnHover, setOpen]);
-  React3.useEffect(() => () => cancelHoverClose(), [cancelHoverClose]);
-  const closeMenu = React3.useCallback(() => {
+  React.useEffect(() => () => cancelHoverClose(), [cancelHoverClose]);
+  const closeMenu = React.useCallback(() => {
     cancelHoverClose();
     setOpen(false);
     parentMenu?.closeMenu();
   }, [cancelHoverClose, parentMenu, setOpen]);
-  const getEnabledMenuItems = React3.useCallback(() => {
+  const getEnabledMenuItems = React.useCallback(() => {
     const menuEl = menuRef.current;
     if (!menuEl) return [];
     return Array.from(menuEl.querySelectorAll("[data-dropdown-menu-item]")).filter((el) => !el.disabled);
   }, []);
-  const focusMenuItem = React3.useCallback((index) => {
+  const focusMenuItem = React.useCallback((index) => {
     const enabled = getEnabledMenuItems();
     const item = enabled[index];
     if (!item) return;
@@ -804,7 +106,7 @@ var DropdownMenu = ({
   }, [getEnabledMenuItems, setActiveIndex]);
   const globalConfig = useUnderverseUIConfig();
   const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
-  React3.useEffect(() => {
+  React.useEffect(() => {
     if (!open) return;
     const handleKeyNav = (e) => {
       const triggerEl = triggerRef.current;
@@ -845,7 +147,7 @@ var DropdownMenu = ({
       menuDocument.removeEventListener("keydown", handleKeyNav, true);
     };
   }, [open, activeIndex, closeMenu, focusMenuItem, getEnabledMenuItems]);
-  const menuContext = React3.useMemo(
+  const menuContext = React.useMemo(
     () => ({
       closeMenu,
       closeOnSelect,
@@ -860,7 +162,7 @@ var DropdownMenu = ({
       closeMenu();
     }
   };
-  const menuBody = /* @__PURE__ */ jsx3(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ jsx3(
+  const menuBody = /* @__PURE__ */ jsx(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ jsx(
     "div",
     {
       ref: menuRef,
@@ -878,7 +180,7 @@ var DropdownMenu = ({
       } : void 0,
       children: items ? items.map((item, index) => {
         const IconComponent = item.icon;
-        return /* @__PURE__ */ jsxs2(
+        return /* @__PURE__ */ jsxs(
           "button",
           {
             ref: (el) => {
@@ -902,7 +204,7 @@ var DropdownMenu = ({
               item.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"
             ),
             children: [
-              IconComponent && /* @__PURE__ */ jsx3(IconComponent, { "aria-hidden": "true", className: "h-4 w-4" }),
+              IconComponent && /* @__PURE__ */ jsx(IconComponent, { "aria-hidden": "true", className: "h-4 w-4" }),
               item.label
             ]
           },
@@ -919,11 +221,11 @@ var DropdownMenu = ({
     onMouseEnter: triggerOnMouseEnter,
     onMouseLeave: triggerOnMouseLeave
   } = triggerProps;
-  const setTriggerNode = React3.useCallback((node) => {
+  const setTriggerNode = React.useCallback((node) => {
     setRefValue(childRef, node);
     triggerRef.current = node;
   }, [childRef]);
-  const handleTriggerKeyDown = React3.useCallback((event) => {
+  const handleTriggerKeyDown = React.useCallback((event) => {
     const triggerWindow = event.currentTarget.ownerDocument.defaultView;
     const scheduleFrame = (callback) => {
       if (triggerWindow) triggerWindow.requestAnimationFrame(callback);
@@ -948,14 +250,14 @@ var DropdownMenu = ({
     }
     triggerOnKeyDown?.(event);
   }, [disabled, focusMenuItem, getEnabledMenuItems, setOpen, triggerOnKeyDown]);
-  const handleTriggerClick = React3.useCallback((event) => {
+  const handleTriggerClick = React.useCallback((event) => {
     if (openOnHover && !disabled) {
       cancelHoverClose();
       setOpen(true);
     }
     triggerOnClick?.(event);
   }, [cancelHoverClose, disabled, openOnHover, setOpen, triggerOnClick]);
-  const handleTriggerMouseEnter = React3.useCallback((event) => {
+  const handleTriggerMouseEnter = React.useCallback((event) => {
     if (openOnHover && !disabled) {
       cancelHoverClose();
       parentMenu?.cancelHoverClose();
@@ -963,11 +265,11 @@ var DropdownMenu = ({
     }
     triggerOnMouseEnter?.(event);
   }, [cancelHoverClose, disabled, openOnHover, parentMenu, setOpen, triggerOnMouseEnter]);
-  const handleTriggerMouseLeave = React3.useCallback((event) => {
+  const handleTriggerMouseLeave = React.useCallback((event) => {
     scheduleHoverClose();
     triggerOnMouseLeave?.(event);
   }, [scheduleHoverClose, triggerOnMouseLeave]);
-  const enhancedTrigger = React3.cloneElement(trigger, {
+  const enhancedTrigger = React.cloneElement(trigger, {
     ...triggerProps,
     ref: setTriggerNode,
     "aria-haspopup": "menu",
@@ -977,7 +279,7 @@ var DropdownMenu = ({
     onMouseEnter: handleTriggerMouseEnter,
     onMouseLeave: handleTriggerMouseLeave
   });
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     Popover,
     {
       open,
@@ -1006,11 +308,11 @@ var DropdownMenuItem = ({
   closeOnSelect,
   borderMode
 }) => {
-  const menu = React3.useContext(DropdownMenuContext);
+  const menu = React.useContext(DropdownMenuContext);
   const shouldCloseOnSelect = closeOnSelect ?? menu?.closeOnSelect ?? false;
   const globalConfig = useUnderverseUIConfig();
   const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
@@ -1036,26 +338,26 @@ var DropdownMenuItem = ({
         className
       ),
       children: [
-        Icon && /* @__PURE__ */ jsx3(Icon, { "aria-hidden": "true", className: cn("w-4 h-4 shrink-0", active ? "text-primary" : "opacity-60 group-hover:opacity-100") }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex-1 text-left", children: [
-          label && /* @__PURE__ */ jsx3("div", { className: cn("font-medium", description && "leading-tight"), children: label }),
-          description && /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground", children: description }),
+        Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: cn("w-4 h-4 shrink-0", active ? "text-primary" : "opacity-60 group-hover:opacity-100") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 text-left", children: [
+          label && /* @__PURE__ */ jsx("div", { className: cn("font-medium", description && "leading-tight"), children: label }),
+          description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: description }),
           children
         ] }),
-        shortcut && /* @__PURE__ */ jsx3("span", { className: "ml-2 text-xs text-muted-foreground opacity-60", children: shortcut }),
-        active && /* @__PURE__ */ jsx3("svg", { "aria-hidden": "true", className: "w-4 h-4 text-primary shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx3("polyline", { points: "20 6 9 17 4 12" }) })
+        shortcut && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground opacity-60", children: shortcut }),
+        active && /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", className: "w-4 h-4 text-primary shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) })
       ]
     }
   );
 };
-var DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ jsx3("div", { role: "separator", className: cn("h-px bg-border my-1", className) });
+var DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ jsx("div", { role: "separator", className: cn("h-px bg-border my-1", className) });
 var DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, getPortalContainer, children }) => {
   const globalConfig = useUnderverseUIConfig();
   const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     DropdownMenu,
     {
-      trigger: /* @__PURE__ */ jsxs2(
+      trigger: /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
@@ -1072,9 +374,9 @@ var DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, getPortalConta
             "disabled:opacity-50 disabled:cursor-not-allowed"
           ),
           children: [
-            Icon && /* @__PURE__ */ jsx3(Icon, { "aria-hidden": "true", className: "w-4 h-4 shrink-0 opacity-60" }),
-            /* @__PURE__ */ jsx3("span", { className: "flex-1 text-left", children: label }),
-            /* @__PURE__ */ jsx3(ChevronRight, { "aria-hidden": "true", className: "w-3 h-3 opacity-50" })
+            Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: "w-4 h-4 shrink-0 opacity-60" }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: label }),
+            /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", className: "w-3 h-3 opacity-50" })
           ]
         }
       ),
@@ -1097,10 +399,10 @@ var SelectDropdown = ({
 }) => {
   const globalConfig = useUnderverseUIConfig();
   const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     DropdownMenu,
     {
-      trigger: /* @__PURE__ */ jsxs2(
+      trigger: /* @__PURE__ */ jsxs(
         "button",
         {
           className: cn(
@@ -1113,8 +415,8 @@ var SelectDropdown = ({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx3("span", { className: cn(formControlValueClass, "max-w-64 text-foreground/90"), children: value || placeholder }),
-            /* @__PURE__ */ jsx3("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", className: "shrink-0 opacity-70", children: /* @__PURE__ */ jsx3("path", { d: "M6 8l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+            /* @__PURE__ */ jsx("span", { className: cn(formControlValueClass, "max-w-64 text-foreground/90"), children: value || placeholder }),
+            /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", className: "shrink-0 opacity-70", children: /* @__PURE__ */ jsx("path", { d: "M6 8l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
           ]
         }
       ),
@@ -2305,9 +1607,9 @@ var ClipboardImages = Extension.create({
 });
 
 // src/components/UEditor/inputs.tsx
-import { useEffect as useEffect3, useId, useRef as useRef2, useState as useState3 } from "react";
+import { useEffect, useId, useRef, useState as useState2 } from "react";
 import { Check, X } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
   return sanitizeUEditorUrl(raw, "link");
 }
@@ -2317,12 +1619,12 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState3(initialUrl);
-  const [error, setError] = useState3("");
-  const inputRef = useRef2(null);
+  const [url, setUrl] = useState2(initialUrl);
+  const [error, setError] = useState2("");
+  const inputRef = useRef(null);
   const inputId = useId();
   const errorId = useId();
-  useEffect3(() => {
+  useEffect(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -2336,10 +1638,10 @@ var LinkInput = ({
     setError("");
     onSubmit(normalized);
   };
-  return /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "p-2", children: [
-    /* @__PURE__ */ jsx4("label", { htmlFor: inputId, className: "sr-only", children: t("toolbar.link") }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "p-2", children: [
+    /* @__PURE__ */ jsx2("label", { htmlFor: inputId, className: "sr-only", children: t("toolbar.link") }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx2(
         "input",
         {
           ref: inputRef,
@@ -2359,22 +1661,22 @@ var LinkInput = ({
           className: `flex-1 rounded-lg bg-muted/50 px-3 py-2 text-sm ${formControlOutlineClass} aria-invalid:border-destructive`
         }
       ),
-      /* @__PURE__ */ jsx4("button", { type: "submit", "aria-label": t("toolbar.link"), className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx4(Check, { "aria-hidden": "true", className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx4("button", { type: "button", "aria-label": t("imageInput.cancelBtn"), onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx4(X, { "aria-hidden": "true", className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsx2("button", { type: "submit", "aria-label": t("toolbar.link"), className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx2(Check, { "aria-hidden": "true", className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": t("imageInput.cancelBtn"), onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx2(X, { "aria-hidden": "true", className: "w-4 h-4" }) })
     ] }),
-    error ? /* @__PURE__ */ jsx4("p", { id: errorId, role: "alert", className: "mt-1.5 px-1 text-xs text-destructive", children: error }) : null
+    error ? /* @__PURE__ */ jsx2("p", { id: errorId, role: "alert", className: "mt-1.5 px-1 text-xs text-destructive", children: error }) : null
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState3("");
-  const [alt, setAlt] = useState3("");
-  const [error, setError] = useState3("");
-  const inputRef = useRef2(null);
+  const [url, setUrl] = useState2("");
+  const [alt, setAlt] = useState2("");
+  const [error, setError] = useState2("");
+  const inputRef = useRef(null);
   const urlId = useId();
   const altId = useId();
   const errorId = useId();
-  useEffect3(() => {
+  useEffect(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -2387,10 +1689,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       setError(t("imageInput.invalid"));
     }
   };
-  return /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx4("label", { htmlFor: urlId, className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx2("label", { htmlFor: urlId, className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ jsx2(
         "input",
         {
           ref: inputRef,
@@ -2411,9 +1713,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx4("label", { htmlFor: altId, className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx2("label", { htmlFor: altId, className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ jsx2(
         "input",
         {
           id: altId,
@@ -2427,9 +1729,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    error ? /* @__PURE__ */ jsx4("p", { id: errorId, role: "alert", className: "text-xs text-destructive", children: error }) : null,
-    /* @__PURE__ */ jsxs3("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx4(
+    error ? /* @__PURE__ */ jsx2("p", { id: errorId, role: "alert", className: "text-xs text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx2(
         "button",
         {
           type: "submit",
@@ -2438,7 +1740,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ jsx4("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ jsx2("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
@@ -2464,7 +1766,7 @@ function applyEditorLink(editor, href) {
 }
 
 // src/components/UEditor/toolbar.tsx
-import React7, { useRef as useRef4, useState as useState4 } from "react";
+import React5, { useRef as useRef3, useState as useState3 } from "react";
 import { useEditorState } from "@tiptap/react";
 import {
   AlignCenter,
@@ -2495,22 +1797,19 @@ import {
   Trash2,
   Type,
   Upload,
-  AlignStartVertical,
-  AlignCenterVertical,
-  AlignEndVertical,
   WrapText
 } from "lucide-react";
 import { setCellAttr } from "@tiptap/pm/tables";
 
 // src/components/UEditor/colors.tsx
-import React6, { useMemo as useMemo2, useRef as useRef3 } from "react";
+import React4, { useMemo, useRef as useRef2 } from "react";
 import { Check as Check2, Palette, Paintbrush, Grid } from "lucide-react";
 
 // src/components/UEditor/figma-toolbar-icons.tsx
-import React5 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function createToolbarIcon(displayName, width, height, path) {
-  const Icon = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  const Icon = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
     "svg",
     {
       ref,
@@ -2521,7 +1820,7 @@ function createToolbarIcon(displayName, width, height, path) {
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
-      children: /* @__PURE__ */ jsx5("path", { d: path })
+      children: /* @__PURE__ */ jsx3("path", { d: path })
     }
   ));
   Icon.displayName = displayName;
@@ -2533,7 +1832,7 @@ var FigmaChevronDownIcon = createToolbarIcon(
   512,
   "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
 );
-var FigmaTextStyleIcon = ({ className, ...props }) => /* @__PURE__ */ jsx5("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", className, fill: "currentColor", ...props, children: /* @__PURE__ */ jsx5("path", { d: "M4 4.25C4 3.56 4.56 3 5.25 3h13.5C19.44 3 20 3.56 20 4.25v2.5a1 1 0 1 1-2 0V5h-5v14h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2V5H6v1.75a1 1 0 1 1-2 0v-2.5Z" }) });
+var FigmaTextStyleIcon = ({ className, ...props }) => /* @__PURE__ */ jsx3("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", className, fill: "currentColor", ...props, children: /* @__PURE__ */ jsx3("path", { d: "M4 4.25C4 3.56 4.56 3 5.25 3h13.5C19.44 3 20 3.56 20 4.25v2.5a1 1 0 1 1-2 0V5h-5v14h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2V5H6v1.75a1 1 0 1 1-2 0v-2.5Z" }) });
 var FigmaLineHeightIcon = createToolbarIcon(
   "FigmaLineHeightIcon",
   576,
@@ -2650,12 +1949,12 @@ var FigmaHighlighterIcon = createToolbarIcon(
 );
 
 // src/components/UEditor/colors.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var TextColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ jsxs4("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx6("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs3("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx4("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
+    /* @__PURE__ */ jsx4(
       "span",
       {
         "aria-hidden": "true",
@@ -2667,9 +1966,9 @@ var TextColorIcon = ({ color }) => {
 };
 var HighlightColorIcon = ({ color }) => {
   const underlineColor = color || "currentColor";
-  return /* @__PURE__ */ jsxs4("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx6(FigmaHighlighterIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs3("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx4(FigmaHighlighterIcon, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx4(
       "span",
       {
         "aria-hidden": "true",
@@ -2681,9 +1980,9 @@ var HighlightColorIcon = ({ color }) => {
 };
 var CellBgColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ jsxs4("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx6(Paintbrush, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs3("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx4(Paintbrush, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx4(
       "span",
       {
         "aria-hidden": "true",
@@ -2695,9 +1994,9 @@ var CellBgColorIcon = ({ color }) => {
 };
 var CellBorderIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ jsxs4("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx6(Grid, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs3("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx4(Grid, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx4(
       "span",
       {
         "aria-hidden": "true",
@@ -2783,7 +2082,7 @@ function getSwatchCheckClass(color) {
 }
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
-  const textColors = useMemo2(
+  const textColors = useMemo(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -2797,7 +2096,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = useMemo2(
+  const highlightColors = useMemo(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -2822,12 +2121,12 @@ var EditorColorPalette = ({
   label
 }) => {
   const t = useSmartTranslations("UEditor");
-  const colorInputRef = useRef3(null);
+  const colorInputRef = useRef2(null);
   const automaticColor = colors[0]?.color ?? "";
   const paletteColors = colors.slice(1);
   const customColorSelect = onCustomColorSelect ?? onSelect;
-  const [hexInput, setHexInput] = React6.useState(currentColor.startsWith("#") ? currentColor : "");
-  React6.useEffect(() => {
+  const [hexInput, setHexInput] = React4.useState(currentColor.startsWith("#") ? currentColor : "");
+  React4.useEffect(() => {
     setHexInput(currentColor.startsWith("#") ? currentColor : "");
   }, [currentColor]);
   const commitHex = (val) => {
@@ -2838,20 +2137,20 @@ var EditorColorPalette = ({
       customColorSelect(formatted);
     }
   };
-  React6.useEffect(() => {
+  React4.useEffect(() => {
     const input = colorInputRef.current;
     if (!input) return;
     const commitColor = () => customColorSelect(input.value);
     input.addEventListener("change", commitColor);
     return () => input.removeEventListener("change", commitColor);
   }, [customColorSelect]);
-  React6.useEffect(() => {
+  React4.useEffect(() => {
     const input = colorInputRef.current;
     if (input) input.value = currentColor.startsWith("#") ? currentColor : "#000000";
   }, [currentColor]);
-  return /* @__PURE__ */ jsxs4("div", { className: "w-56 p-2", "data-ueditor-keep-open": true, children: [
-    /* @__PURE__ */ jsx6("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3("div", { className: "w-56 p-2", "data-ueditor-keep-open": true, children: [
+    /* @__PURE__ */ jsx4("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         type: "button",
@@ -2863,12 +2162,12 @@ var EditorColorPalette = ({
           currentColor === automaticColor ? "border-primary text-primary" : "border-transparent text-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx6("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ jsx6(Check2, { className: "h-3.5 w-3.5" }) }),
-          /* @__PURE__ */ jsx6("span", { className: "flex-1 text-center", children: t("colors.automatic") })
+          /* @__PURE__ */ jsx4("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ jsx4(Check2, { className: "h-3.5 w-3.5" }) }),
+          /* @__PURE__ */ jsx4("span", { className: "flex-1 text-center", children: t("colors.automatic") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx6("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ jsx6(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx6("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx4("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ jsx4(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx4("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
@@ -2880,19 +2179,19 @@ var EditorColorPalette = ({
           currentColor === c.color ? "border-primary ring-2 ring-primary/25" : "border-border/70"
         ),
         style: { backgroundColor: c.color || "transparent" },
-        children: currentColor === c.color && /* @__PURE__ */ jsx6("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx6(Check2, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
+        children: currentColor === c.color && /* @__PURE__ */ jsx4("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx4(Check2, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
       }
     ) }, `${c.name}-${c.color}`)) }),
-    /* @__PURE__ */ jsxs4("div", { className: "mt-3 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex h-8 flex-1 items-center gap-1.5 rounded-md border border-input bg-muted/30 px-2", children: [
-        /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsxs3("div", { className: "mt-3 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex h-8 flex-1 items-center gap-1.5 rounded-md border border-input bg-muted/30 px-2", children: [
+        /* @__PURE__ */ jsx4(
           "span",
           {
             className: "h-4 w-4 shrink-0 rounded-[2px] border border-border",
             style: { backgroundColor: hexInput.startsWith("#") ? hexInput : currentColor.startsWith("#") ? currentColor : "transparent" }
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx4(
           "input",
           {
             type: "text",
@@ -2913,7 +2212,7 @@ var EditorColorPalette = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -2921,11 +2220,11 @@ var EditorColorPalette = ({
           onClick: () => colorInputRef.current?.click(),
           title: t("colors.moreColors"),
           className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-input bg-muted/30 text-foreground transition-colors hover:bg-muted",
-          children: /* @__PURE__ */ jsx6(Palette, { className: "h-4 w-4 text-muted-foreground" })
+          children: /* @__PURE__ */ jsx4(Palette, { className: "h-4 w-4 text-muted-foreground" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx4(
       "input",
       {
         ref: colorInputRef,
@@ -4246,6 +3545,24 @@ function expandTableFromCell(editor, activeCellPos, rows, columns) {
   return true;
 }
 
+// src/components/UEditor/table-vertical-align-icons.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var linePositions = {
+  top: [4.5, 7],
+  middle: [7, 9.5],
+  bottom: [10, 12.5]
+};
+function TableVerticalAlignIcon({ align, ...props }) {
+  const [shortLine, longLine] = linePositions[align];
+  return /* @__PURE__ */ jsxs4("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.35", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+    /* @__PURE__ */ jsx5("rect", { x: "2", y: "1.5", width: "12", height: "13", rx: "1", opacity: "0.55" }),
+    /* @__PURE__ */ jsx5("path", { d: `M5 ${shortLine}h6M4 ${longLine}h8` })
+  ] });
+}
+var TableVerticalAlignTopIcon = (props) => /* @__PURE__ */ jsx5(TableVerticalAlignIcon, { align: "top", ...props });
+var TableVerticalAlignMiddleIcon = (props) => /* @__PURE__ */ jsx5(TableVerticalAlignIcon, { align: "middle", ...props });
+var TableVerticalAlignBottomIcon = (props) => /* @__PURE__ */ jsx5(TableVerticalAlignIcon, { align: "bottom", ...props });
+
 // src/components/UEditor/typography-options.ts
 function normalizeStyleValue(value) {
   return typeof value === "string" ? value.trim().replace(/^['"]|['"]$/g, "") : "";
@@ -4324,7 +3641,7 @@ function getDefaultLetterSpacings() {
 }
 
 // src/components/UEditor/toolbar.tsx
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function getTableAnchorPos(editor) {
   const tableInfo = findTableNodeInfoFromState(editor.state);
   if (tableInfo) return editor.state.selection.from;
@@ -4430,7 +3747,7 @@ function getEditorUiRenderState(editor) {
   editorUiRenderStateCache.set(editor, { state, value });
   return value;
 }
-var EditorUiRenderStateContext = React7.createContext(null);
+var EditorUiRenderStateContext = React5.createContext(null);
 function EditorUiRenderStateProvider({
   children,
   editor
@@ -4439,10 +3756,10 @@ function EditorUiRenderStateProvider({
     editor,
     selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
-  return /* @__PURE__ */ jsx7(EditorUiRenderStateContext.Provider, { value: { editor, value }, children });
+  return /* @__PURE__ */ jsx6(EditorUiRenderStateContext.Provider, { value: { editor, value }, children });
 }
 function useSharedEditorUiRenderState(editor) {
-  const context = React7.useContext(EditorUiRenderStateContext);
+  const context = React5.useContext(EditorUiRenderStateContext);
   if (!context || context.editor !== editor) {
     throw new Error("UEditor chrome must be rendered inside EditorUiRenderStateProvider");
   }
@@ -4451,8 +3768,8 @@ function useSharedEditorUiRenderState(editor) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = React7.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ jsx7(
+var ToolbarButton = React5.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ jsx6(
     "button",
     {
       ref,
@@ -4477,28 +3794,28 @@ var ToolbarButton = React7.forwardRef(({ onClick, onMouseDown, active, disabled,
     }
   );
   if (title) {
-    return /* @__PURE__ */ jsx7(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ jsx6(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx7("div", { "aria-hidden": "true", className: "mx-1 h-5 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx6("div", { "aria-hidden": "true", className: "mx-1 h-5 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = React7.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = React5.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
   return /* @__PURE__ */ jsxs5("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
-    /* @__PURE__ */ jsx7("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ jsx7("div", { className: "grid grid-cols-8 gap-1", role: "grid", "aria-label": insertLabel, children: Array.from({ length: maxRows }).map(
+    /* @__PURE__ */ jsx6("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
+    /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-8 gap-1", role: "grid", "aria-label": insertLabel, children: Array.from({ length: maxRows }).map(
       (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
         const rows = rowIndex + 1;
         const cols = colIndex + 1;
         const active = rows <= selection.rows && cols <= selection.cols;
-        return /* @__PURE__ */ jsx7(
+        return /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -4528,7 +3845,7 @@ var TableInsertGrid = ({
         );
       })
     ) }),
-    /* @__PURE__ */ jsx7("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
+    /* @__PURE__ */ jsx6("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
   ] });
 };
 function applyTableCellAttribute(editor, name, value) {
@@ -4560,14 +3877,14 @@ var EditorToolbar = ({
   const t = useSmartTranslations("UEditor");
   const editorUiState = useSharedEditorUiRenderState(editor);
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = useState4(false);
-  const [showLinkInput, setShowLinkInput] = useState4(false);
-  const [isTableMenuOpen, setIsTableMenuOpen] = useState4(false);
-  const [fontSizeDraft, setFontSizeDraft] = useState4("");
-  const [isEditingFontSize, setIsEditingFontSize] = useState4(false);
-  const fileInputRef = useRef4(null);
-  const [isUploadingImage, setIsUploadingImage] = useState4(false);
-  const [imageUploadError, setImageUploadError] = useState4(null);
+  const [showImageInput, setShowImageInput] = useState3(false);
+  const [showLinkInput, setShowLinkInput] = useState3(false);
+  const [isTableMenuOpen, setIsTableMenuOpen] = useState3(false);
+  const [fontSizeDraft, setFontSizeDraft] = useState3("");
+  const [isEditingFontSize, setIsEditingFontSize] = useState3(false);
+  const fileInputRef = useRef3(null);
+  const [isUploadingImage, setIsUploadingImage] = useState3(false);
+  const [imageUploadError, setImageUploadError] = useState3(null);
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const tableAnchorPos = getTableAnchorPos(editor);
@@ -4588,10 +3905,10 @@ var EditorToolbar = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = React7.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
-  const availableFontSizes = React7.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
-  const availableLineHeights = React7.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
-  const availableLetterSpacings = React7.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
+  const availableFontFamilies = React5.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
+  const availableFontSizes = React5.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
+  const availableLineHeights = React5.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
+  const availableLetterSpacings = React5.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 ?? (currentFontSize.replace(/px$/i, "") || "13");
@@ -4642,45 +3959,45 @@ var EditorToolbar = ({
   };
   if (variant === "minimal") {
     return /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-muted/30 p-1.5", children: [
-      /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx7(FigmaUndoIcon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx7(FigmaRedoIcon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx7(ToolbarDivider, {}),
-      /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx7(FigmaBoldIcon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx7(FigmaItalicIcon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx6(FigmaUndoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx6(FigmaRedoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx6(ToolbarDivider, {}),
+      /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx6(FigmaBoldIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx6(FigmaItalicIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx6(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ jsx7(FigmaListIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx6(FigmaListIcon, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx6(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().decreaseIndent().run(),
           disabled: !editorUiState.can.decreaseIndent,
           title: t("toolbar.decreaseIndent"),
-          children: /* @__PURE__ */ jsx7(IndentDecrease, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx6(IndentDecrease, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx6(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().increaseIndent().run(),
           disabled: !editorUiState.can.increaseIndent,
           title: t("toolbar.increaseIndent"),
-          children: /* @__PURE__ */ jsx7(IndentIncrease, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx6(IndentIncrease, { className: "h-4 w-4" })
         }
       ),
       /* @__PURE__ */ jsxs5(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ jsx7(SquareCheckBig, { className: "w-4 h-4" }) }),
+          trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ jsx6(SquareCheckBig, { className: "w-4 h-4" }) }),
           children: [
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx6(
               DropdownMenuItem,
               {
                 icon: SquareCheckBig,
@@ -4688,7 +4005,7 @@ var EditorToolbar = ({
                 onClick: () => editor.chain().focus().setFormCheckbox().run()
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx6(
               DropdownMenuItem,
               {
                 icon: CircleCheckBig,
@@ -4699,12 +4016,12 @@ var EditorToolbar = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx6(
         DropdownMenu,
         {
           contentClassName: "min-w-72",
-          trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx7(FigmaLinkIcon, { className: "h-4 w-4" }) }),
-          children: showLinkInput ? /* @__PURE__ */ jsx7(
+          trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx6(FigmaLinkIcon, { className: "h-4 w-4" }) }),
+          children: showLinkInput ? /* @__PURE__ */ jsx6(
             LinkInput,
             {
               initialUrl: String(editor.getAttributes("link").href ?? ""),
@@ -4714,8 +4031,8 @@ var EditorToolbar = ({
               },
               onCancel: () => setShowLinkInput(false)
             }
-          ) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
-            /* @__PURE__ */ jsx7(
+          ) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+            /* @__PURE__ */ jsx6(
               DropdownMenuItem,
               {
                 icon: LinkIcon,
@@ -4725,7 +4042,7 @@ var EditorToolbar = ({
                 closeOnSelect: false
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx6(
               DropdownMenuItem,
               {
                 icon: Trash2,
@@ -4738,25 +4055,25 @@ var EditorToolbar = ({
           ] })
         }
       ),
-      onToggleMenuBar && /* @__PURE__ */ jsx7(
+      onToggleMenuBar && /* @__PURE__ */ jsx6(
         ToolbarButton,
         {
           onClick: onToggleMenuBar,
           active: isMenuBarVisible,
           title: t(isMenuBarVisible ? "toolbar.hideMenuBar" : "toolbar.showMenuBar"),
-          children: isMenuBarVisible ? /* @__PURE__ */ jsx7(PanelTopClose, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx7(PanelTopOpen, { className: "h-4 w-4" })
+          children: isMenuBarVisible ? /* @__PURE__ */ jsx6(PanelTopClose, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx6(PanelTopOpen, { className: "h-4 w-4" })
         }
       )
     ] });
   }
-  const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? AlignCenterVertical : currentCellVerticalAlign === "bottom" ? AlignEndVertical : AlignStartVertical;
+  const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? TableVerticalAlignMiddleIcon : currentCellVerticalAlign === "bottom" ? TableVerticalAlignBottomIcon : TableVerticalAlignTopIcon;
   return /* @__PURE__ */ jsxs5(
     "div",
     {
       role: "toolbar",
       className: "flex min-h-9 flex-wrap items-center gap-0.5 border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-1.5 py-1 dark:bg-muted/60",
       children: [
-        isFull && /* @__PURE__ */ jsx7(
+        isFull && /* @__PURE__ */ jsx6(
           DropdownMenu,
           {
             trigger: /* @__PURE__ */ jsxs5(
@@ -4767,13 +4084,13 @@ var EditorToolbar = ({
                 title: t("toolbar.fontFamily"),
                 className: "h-7 w-40 max-w-40 justify-between gap-1.5 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__ */ jsx7("span", { className: "min-w-0 flex-1 truncate text-left text-xs font-normal", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
-                  /* @__PURE__ */ jsx7(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
+                  /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate text-left text-xs font-normal", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
+                  /* @__PURE__ */ jsx6(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
                 ]
               }
             ),
             contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
-            children: availableFontFamilies.map((option) => /* @__PURE__ */ jsx7(
+            children: availableFontFamilies.map((option) => /* @__PURE__ */ jsx6(
               DropdownMenuItem,
               {
                 label: option.label,
@@ -4785,11 +4102,11 @@ var EditorToolbar = ({
             ))
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ jsx7(
+        (isMediumFull || isFull) && /* @__PURE__ */ jsx6(
           DropdownMenu,
           {
             trigger: /* @__PURE__ */ jsxs5("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__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 "input",
                 {
                   type: "number",
@@ -4820,10 +4137,10 @@ var EditorToolbar = ({
                   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__ */ jsx7("button", { type: "button", "aria-label": t("toolbar.fontSize"), title: t("toolbar.fontSize"), className: "px-1 text-[#7B8184]", children: /* @__PURE__ */ jsx7(FigmaChevronDownIcon, { className: "h-3 w-3" }) })
+              /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": t("toolbar.fontSize"), title: t("toolbar.fontSize"), className: "px-1 text-[#7B8184]", children: /* @__PURE__ */ jsx6(FigmaChevronDownIcon, { className: "h-3 w-3" }) })
             ] }),
             contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
-            children: availableFontSizes.map((option) => /* @__PURE__ */ jsx7(
+            children: availableFontSizes.map((option) => /* @__PURE__ */ jsx6(
               DropdownMenuItem,
               {
                 label: option.label,
@@ -4841,10 +4158,10 @@ var EditorToolbar = ({
           DropdownMenu,
           {
             contentClassName: "p-1",
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: /* @__PURE__ */ jsx7(FigmaTextStyleIcon, { className: "h-4 w-4" }) }),
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: /* @__PURE__ */ jsx6(FigmaTextStyleIcon, { className: "h-4 w-4" }) }),
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: Type,
@@ -4853,7 +4170,7 @@ var EditorToolbar = ({
                   active: editor.isActive("paragraph")
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: Heading1Icon,
@@ -4863,7 +4180,7 @@ var EditorToolbar = ({
                   shortcut: "Ctrl+Alt+1"
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: Heading2Icon,
@@ -4873,7 +4190,7 @@ var EditorToolbar = ({
                   shortcut: "Ctrl+Alt+2"
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: Heading3Icon,
@@ -4886,15 +4203,15 @@ var EditorToolbar = ({
             ]
           }
         ),
-        isFull && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+        isFull && /* @__PURE__ */ jsxs5(Fragment, { children: [
           /* @__PURE__ */ jsxs5(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: /* @__PURE__ */ jsx7(FigmaLineHeightIcon, { className: "h-4 w-4" }) }),
+              trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: /* @__PURE__ */ jsx6(FigmaLineHeightIcon, { className: "h-4 w-4" }) }),
               contentClassName: "max-h-72 overflow-y-auto p-1",
               children: [
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx6(
                   DropdownMenuItem,
                   {
                     icon: Type,
@@ -4903,7 +4220,7 @@ var EditorToolbar = ({
                     active: !currentLineHeight
                   }
                 ),
-                availableLineHeights.map((option) => /* @__PURE__ */ jsx7(
+                availableLineHeights.map((option) => /* @__PURE__ */ jsx6(
                   DropdownMenuItem,
                   {
                     label: option.label,
@@ -4918,11 +4235,11 @@ var EditorToolbar = ({
           /* @__PURE__ */ jsxs5(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: /* @__PURE__ */ jsx7(FigmaLetterSpacingIcon, { className: "h-4 w-4" }) }),
+              trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: /* @__PURE__ */ jsx6(FigmaLetterSpacingIcon, { className: "h-4 w-4" }) }),
               contentClassName: "max-h-72 overflow-y-auto p-1",
               children: [
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx6(
                   DropdownMenuItem,
                   {
                     icon: Type,
@@ -4931,7 +4248,7 @@ var EditorToolbar = ({
                     active: !currentLetterSpacing
                   }
                 ),
-                availableLetterSpacings.map((option) => /* @__PURE__ */ jsx7(
+                availableLetterSpacings.map((option) => /* @__PURE__ */ jsx6(
                   DropdownMenuItem,
                   {
                     label: option.label,
@@ -4944,16 +4261,16 @@ var EditorToolbar = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx7(ToolbarDivider, {}),
-        (isMediumFull || isFull) && /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(ToolbarDivider, {}),
+        (isMediumFull || isFull) && /* @__PURE__ */ jsx6(
           DropdownMenu,
           {
             isOpen: isTableMenuOpen,
             onOpenChange: setIsTableMenuOpen,
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.table"), children: /* @__PURE__ */ jsx7(FigmaTableIcon, { className: "h-4 w-4" }) }),
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.table"), children: /* @__PURE__ */ jsx6(FigmaTableIcon, { className: "h-4 w-4" }) }),
             contentClassName: "p-2 min-w-56",
-            children: /* @__PURE__ */ jsx7(
+            children: /* @__PURE__ */ jsx6(
               TableInsertGrid,
               {
                 insertLabel: t("tableMenu.insertTable"),
@@ -4966,45 +4283,45 @@ var EditorToolbar = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx7(FigmaBoldIcon, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx7(FigmaItalicIcon, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx6(FigmaBoldIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx6(FigmaItalicIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx6(
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             active: editor.isActive("underline"),
             title: t("toolbar.underline"),
-            children: /* @__PURE__ */ jsx7(FigmaUnderlineIcon, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx6(FigmaUnderlineIcon, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx7(FigmaStrikeIcon, { className: "h-4 w-4" }) }),
-        (isMediumFull || isFull) && /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx7(FigmaCodeIcon, { className: "h-4 w-4" }) }),
-        isFull && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx6(FigmaStrikeIcon, { className: "h-4 w-4" }) }),
+        (isMediumFull || isFull) && /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx6(FigmaCodeIcon, { className: "h-4 w-4" }) }),
+        isFull && /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx6(
             ToolbarButton,
             {
               onClick: () => editor.chain().focus().toggleSubscript().run(),
               active: editor.isActive("subscript"),
               title: t("toolbar.subscript"),
-              children: /* @__PURE__ */ jsx7(FigmaSubscriptIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx6(FigmaSubscriptIcon, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx6(
             ToolbarButton,
             {
               onClick: () => editor.chain().focus().toggleSuperscript().run(),
               active: editor.isActive("superscript"),
               title: t("toolbar.superscript"),
-              children: /* @__PURE__ */ jsx7(FigmaSuperscriptIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx6(FigmaSuperscriptIcon, { className: "h-4 w-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           DropdownMenu,
           {
             contentClassName: "min-w-72",
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx7(FigmaLinkIcon, { className: "h-4 w-4" }) }),
-            children: showLinkInput ? /* @__PURE__ */ jsx7(
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx6(FigmaLinkIcon, { className: "h-4 w-4" }) }),
+            children: showLinkInput ? /* @__PURE__ */ jsx6(
               LinkInput,
               {
                 initialUrl: String(editor.getAttributes("link").href ?? ""),
@@ -5014,8 +4331,8 @@ var EditorToolbar = ({
                 },
                 onCancel: () => setShowLinkInput(false)
               }
-            ) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
-              /* @__PURE__ */ jsx7(
+            ) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: LinkIcon,
@@ -5025,7 +4342,7 @@ var EditorToolbar = ({
                   closeOnSelect: false
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: Trash2,
@@ -5038,13 +4355,13 @@ var EditorToolbar = ({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx7(ToolbarDivider, {}),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx6(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-            }, title: t("colors.textColor"), children: /* @__PURE__ */ jsx7(TextColorIcon, { color: currentTextColor }) }),
-            children: /* @__PURE__ */ jsx7(
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+            }, title: t("colors.textColor"), children: /* @__PURE__ */ jsx6(TextColorIcon, { color: currentTextColor }) }),
+            children: /* @__PURE__ */ jsx6(
               EditorColorPalette,
               {
                 colors: textColors,
@@ -5061,12 +4378,12 @@ var EditorToolbar = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx7(HighlightColorIcon, { color: currentHighlightColor }) }),
-            children: /* @__PURE__ */ jsx7(
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx6(HighlightColorIcon, { color: currentHighlightColor }) }),
+            children: /* @__PURE__ */ jsx6(
               EditorColorPalette,
               {
                 colors: highlightColors,
@@ -5083,15 +4400,15 @@ var EditorToolbar = ({
             )
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          /* @__PURE__ */ jsx7(ToolbarDivider, {}),
+        (isMediumFull || isFull) && /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx6(ToolbarDivider, {}),
           /* @__PURE__ */ jsxs5(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.alignment"), children: /* @__PURE__ */ jsx7(FigmaAlignLeftIcon, { className: "h-4 w-4" }) }),
+              trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.alignment"), children: /* @__PURE__ */ jsx6(FigmaAlignLeftIcon, { className: "h-4 w-4" }) }),
               children: [
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx6(
                   DropdownMenuItem,
                   {
                     icon: AlignLeft,
@@ -5100,7 +4417,7 @@ var EditorToolbar = ({
                     active: editor.isActive({ textAlign: "left" })
                   }
                 ),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx6(
                   DropdownMenuItem,
                   {
                     icon: AlignCenter,
@@ -5109,7 +4426,7 @@ var EditorToolbar = ({
                     active: editor.isActive({ textAlign: "center" })
                   }
                 ),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx6(
                   DropdownMenuItem,
                   {
                     icon: AlignRight,
@@ -5118,7 +4435,7 @@ var EditorToolbar = ({
                     active: editor.isActive({ textAlign: "right" })
                   }
                 ),
-                /* @__PURE__ */ jsx7(
+                /* @__PURE__ */ jsx6(
                   DropdownMenuItem,
                   {
                     icon: AlignJustify,
@@ -5127,30 +4444,30 @@ var EditorToolbar = ({
                     active: editor.isActive({ textAlign: "justify" })
                   }
                 ),
-                hasTableContext && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                  /* @__PURE__ */ jsx7("div", { className: "my-1 border-t" }),
-                  /* @__PURE__ */ jsx7(
+                hasTableContext && /* @__PURE__ */ jsxs5(Fragment, { children: [
+                  /* @__PURE__ */ jsx6("div", { className: "my-1 border-t" }),
+                  /* @__PURE__ */ jsx6(
                     DropdownMenuItem,
                     {
-                      icon: AlignStartVertical,
+                      icon: TableVerticalAlignTopIcon,
                       label: t("tableMenu.alignVerticalTop") || "Align top",
                       onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top"),
                       active: currentCellVerticalAlign === "top"
                     }
                   ),
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx6(
                     DropdownMenuItem,
                     {
-                      icon: AlignCenterVertical,
+                      icon: TableVerticalAlignMiddleIcon,
                       label: t("tableMenu.alignVerticalMiddle") || "Align middle",
                       onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle"),
                       active: currentCellVerticalAlign === "middle"
                     }
                   ),
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx6(
                     DropdownMenuItem,
                     {
-                      icon: AlignEndVertical,
+                      icon: TableVerticalAlignBottomIcon,
                       label: t("tableMenu.alignVerticalBottom") || "Align bottom",
                       onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom"),
                       active: currentCellVerticalAlign === "bottom"
@@ -5160,14 +4477,14 @@ var EditorToolbar = ({
               ]
             }
           ),
-          hasTableContext && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          hasTableContext && /* @__PURE__ */ jsxs5(Fragment, { children: [
             /* @__PURE__ */ jsxs5(
               DropdownMenu,
               {
-                trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-                }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx7(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx7(ArrowRight, { className: "w-4 h-4" }) }),
+                trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+                }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx6(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx6(ArrowRight, { className: "w-4 h-4" }) }),
                 children: [
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx6(
                     DropdownMenuItem,
                     {
                       icon: ArrowRight,
@@ -5176,7 +4493,7 @@ var EditorToolbar = ({
                       active: currentCellTextDirection === "horizontal"
                     }
                   ),
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx6(
                     DropdownMenuItem,
                     {
                       icon: ArrowDown,
@@ -5188,25 +4505,25 @@ var EditorToolbar = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx6(
               ToolbarButton,
               {
                 onClick: () => applyTableCellAttribute(editor, "textWrap", currentCellTextWrap === "nowrap" ? "wrap" : "nowrap"),
                 active: currentCellTextWrap !== "nowrap",
                 title: currentCellTextWrap === "nowrap" ? t("tableMenu.wrapText") : t("tableMenu.noWrapText"),
-                children: /* @__PURE__ */ jsx7(WrapText, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx6(WrapText, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx7(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx6(ToolbarDivider, {}),
         /* @__PURE__ */ jsxs5(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.bulletList"), children: /* @__PURE__ */ jsx7(FigmaListIcon, { className: "h-4 w-4" }) }),
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.bulletList"), children: /* @__PURE__ */ jsx6(FigmaListIcon, { className: "h-4 w-4" }) }),
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: ListIcon,
@@ -5216,7 +4533,7 @@ var EditorToolbar = ({
                   shortcut: "Ctrl+Shift+8"
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: ListOrderedIcon,
@@ -5226,7 +4543,7 @@ var EditorToolbar = ({
                   shortcut: "Ctrl+Shift+7"
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: ListTodo,
@@ -5239,31 +4556,31 @@ var EditorToolbar = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().decreaseIndent().run(),
             disabled: !editorUiState.can.decreaseIndent,
             title: t("toolbar.decreaseIndent"),
-            children: /* @__PURE__ */ jsx7(IndentDecrease, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx6(IndentDecrease, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           ToolbarButton,
           {
             onClick: () => editor.chain().focus().increaseIndent().run(),
             disabled: !editorUiState.can.increaseIndent,
             title: t("toolbar.increaseIndent"),
-            children: /* @__PURE__ */ jsx7(IndentIncrease, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx6(IndentIncrease, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ jsxs5(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ jsx7(SquareCheckBig, { className: "w-4 h-4" }) }),
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ jsx6(SquareCheckBig, { className: "w-4 h-4" }) }),
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: SquareCheckBig,
@@ -5271,7 +4588,7 @@ var EditorToolbar = ({
                   onClick: () => editor.chain().focus().setFormCheckbox().run()
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: CircleCheckBig,
@@ -5282,14 +4599,14 @@ var EditorToolbar = ({
             ]
           }
         ),
-        isMediumFull && /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ jsx7(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
+        isMediumFull && /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ jsx6(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
         isFull && /* @__PURE__ */ jsxs5(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.quote"), children: /* @__PURE__ */ jsx7(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.quote"), children: /* @__PURE__ */ jsx6(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: QuoteIcon,
@@ -5299,7 +4616,7 @@ var EditorToolbar = ({
                   shortcut: "Ctrl+Shift+B"
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: FileCode,
@@ -5312,12 +4629,12 @@ var EditorToolbar = ({
             ]
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ jsx7(
+        (isMediumFull || isFull) && /* @__PURE__ */ jsx6(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.image"), children: /* @__PURE__ */ jsx7(FigmaImageIcon, { className: "h-4 w-4" }) }),
-            children: showImageInput ? /* @__PURE__ */ jsx7(
+            trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.image"), children: /* @__PURE__ */ jsx6(FigmaImageIcon, { className: "h-4 w-4" }) }),
+            children: showImageInput ? /* @__PURE__ */ jsx6(
               ImageInput,
               {
                 onSubmit: (url, alt) => {
@@ -5326,9 +4643,9 @@ var EditorToolbar = ({
                 },
                 onCancel: () => setShowImageInput(false)
               }
-            ) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
-              /* @__PURE__ */ jsx7(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
-              /* @__PURE__ */ jsx7(
+            ) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+              /* @__PURE__ */ jsx6(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: Upload,
@@ -5338,8 +4655,8 @@ var EditorToolbar = ({
                   closeOnSelect: false
                 }
               ),
-              imageUploadError && /* @__PURE__ */ jsx7(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-              /* @__PURE__ */ jsx7(
+              imageUploadError && /* @__PURE__ */ jsx6(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+              /* @__PURE__ */ jsx6(
                 "input",
                 {
                   ref: fileInputRef,
@@ -5354,8 +4671,8 @@ var EditorToolbar = ({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx7("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: AlignCenter,
@@ -5365,7 +4682,7 @@ var EditorToolbar = ({
                   disabled: !isImageSelected
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: AlignLeft,
@@ -5375,7 +4692,7 @@ var EditorToolbar = ({
                   disabled: !isImageSelected
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: AlignRight,
@@ -5385,8 +4702,8 @@ var EditorToolbar = ({
                   disabled: !isImageSelected
                 }
               ),
-              /* @__PURE__ */ jsx7("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   label: t("toolbar.imageWidthSm"),
@@ -5395,7 +4712,7 @@ var EditorToolbar = ({
                   disabled: !isImageSelected
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   label: t("toolbar.imageWidthMd"),
@@ -5404,7 +4721,7 @@ var EditorToolbar = ({
                   disabled: !isImageSelected
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   label: t("toolbar.imageWidthLg"),
@@ -5413,8 +4730,8 @@ var EditorToolbar = ({
                   disabled: !isImageSelected
                 }
               ),
-              /* @__PURE__ */ jsx7("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: RotateCcw,
@@ -5423,7 +4740,7 @@ var EditorToolbar = ({
                   disabled: !isImageSelected
                 }
               ),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx6(
                 DropdownMenuItem,
                 {
                   icon: Trash2,
@@ -5436,48 +4753,48 @@ var EditorToolbar = ({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx7(ToolbarDivider, {}),
-        /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx7(FigmaUndoIcon, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx7(FigmaRedoIcon, { className: "h-4 w-4" }) }),
-        hasTableContext && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          /* @__PURE__ */ jsx7(ToolbarDivider, {}),
-          /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx6(FigmaUndoIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx6(FigmaRedoIcon, { className: "h-4 w-4" }) }),
+        hasTableContext && /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx6(ToolbarDivider, {}),
+          /* @__PURE__ */ jsx6(
             ToolbarButton,
             {
               onClick: () => editor.chain().focus().addColumnBefore().run(),
               disabled: !editor.can().addColumnBefore(),
               title: t("tableMenu.addColumnBefore"),
-              children: /* @__PURE__ */ jsx7(ArrowLeft, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx6(ArrowLeft, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx6(
             ToolbarButton,
             {
               onClick: () => editor.chain().focus().addColumnAfter().run(),
               disabled: !editor.can().addColumnAfter(),
               title: t("tableMenu.addColumnAfter"),
-              children: /* @__PURE__ */ jsx7(ArrowRight, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx6(ArrowRight, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx6(
             ToolbarButton,
             {
               onClick: () => editor.chain().focus().addRowBefore().run(),
               disabled: !editor.can().addRowBefore(),
               title: t("tableMenu.addRowBefore"),
-              children: /* @__PURE__ */ jsx7(ArrowUp, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx6(ArrowUp, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx6(
             ToolbarButton,
             {
               onClick: () => editor.chain().focus().addRowAfter().run(),
               disabled: !editor.can().addRowAfter(),
               title: t("tableMenu.addRowAfter"),
-              children: /* @__PURE__ */ jsx7(ArrowDown, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx6(ArrowDown, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx6(
             ToolbarButton,
             {
               onClick: () => {
@@ -5490,17 +4807,17 @@ var EditorToolbar = ({
               active: canSplitCell,
               disabled: !canMergeCells && !canSplitCell,
               title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
-              children: /* @__PURE__ */ jsx7(TableCellsMerge, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ jsx6(TableCellsMerge, { className: "w-4 h-4" })
             }
           )
         ] }),
-        onToggleMenuBar && /* @__PURE__ */ jsx7(
+        onToggleMenuBar && /* @__PURE__ */ jsx6(
           ToolbarButton,
           {
             onClick: onToggleMenuBar,
             active: isMenuBarVisible,
             title: t(isMenuBarVisible ? "toolbar.hideMenuBar" : "toolbar.showMenuBar"),
-            children: isMenuBarVisible ? /* @__PURE__ */ jsx7(PanelTopClose, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx7(PanelTopOpen, { className: "h-4 w-4" })
+            children: isMenuBarVisible ? /* @__PURE__ */ jsx6(PanelTopClose, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx6(PanelTopOpen, { className: "h-4 w-4" })
           }
         )
       ]
@@ -5715,15 +5032,6 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 export {
-  getBorderRadiusClass,
-  getPanelBorderRadiusClass,
-  useUnderverseUIConfig,
-  UnderverseConfigProvider,
-  shadcnAnimationStyles,
-  useShadCNAnimations,
-  injectAnimationStyles,
-  getAnimationStyles,
-  Popover,
   useDropdownMenuClose,
   DropdownMenu,
   DropdownMenuItem,
@@ -5816,6 +5124,9 @@ export {
   LinkInput,
   ImageInput,
   applyEditorLink,
+  TableVerticalAlignTopIcon,
+  TableVerticalAlignMiddleIcon,
+  TableVerticalAlignBottomIcon,
   normalizeStyleValue,
   getDefaultFontSizes,
   getDefaultLineHeights,
@@ -5827,4 +5138,4 @@ export {
   EditorToolbar,
   UEDITOR_PROSEMIRROR_CLASS_NAME
 };
-//# sourceMappingURL=chunk-F2P3DJSC.js.map
+//# sourceMappingURL=chunk-GZ7EDNGF.js.map