@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/{chunk-WMPCN7OF.mjs → chunk-MZCGQED3.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Tag.tsx
 import { useMemo, useState } from "react";
 import {
@@ -12,7 +16,9 @@ import {
   tagSizeClasses,
   tagCloseButtonBaseClasses,
   tagCloseIconPath,
-  warnUnsupportedColorProp
+  warnUnsupportedColorProp,
+  getStatusLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CloseIcon = () => /* @__PURE__ */ jsx(
@@ -37,15 +43,21 @@ var CloseIcon = () => /* @__PURE__ */ jsx(
   }
 );
 var Tag = ({
+  locale,
   variant = "default",
   size = "md",
   closable = false,
-  closeAriaLabel = "Close tag",
+  closeAriaLabel,
   onClose,
   children,
   className,
   ...props
 }) => {
+  const config = useTigerConfig();
+  const labels = useMemo(
+    () => getStatusLabels(mergeTigerLocale(config.locale, locale)),
+    [config.locale, locale]
+  );
   warnUnsupportedColorProp("Tag", props);
   const [isVisible, setIsVisible] = useState(true);
   const tagClasses = useMemo(
@@ -73,7 +85,7 @@ var Tag = ({
       {
         className: closeButtonClasses,
         onClick: handleClose,
-        "aria-label": closeAriaLabel,
+        "aria-label": closeAriaLabel ?? labels.tagCloseAriaLabel,
         type: "button",
         children: /* @__PURE__ */ jsx(CloseIcon, {})
       }

package/dist/{chunk-KDXKF6B2.mjs → chunk-MZPKFMQC.mjs}

@@ -1,6 +1,6 @@
 import {
   useFormContext
-} from "./chunk-IZGXDHPB.mjs";
+} from "./chunk-7RI5W465.mjs";
 
 // src/components/FormItem.tsx
 import React, { useMemo, useEffect, useState, useCallback, useId, useRef } from "react";

package/dist/{chunk-WIWTY74F.mjs → chunk-NJHZQBA7.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Empty.tsx
 import { useMemo } from "react";
 import {
@@ -8,7 +12,8 @@ import {
   emptyActionsClasses,
   emptyIllustrationViewBox,
   emptyIllustrationPaths,
-  getEmptyDescription
+  getEmptyDescription,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Empty = ({
@@ -19,9 +24,18 @@ var Empty = ({
   extra,
   className,
   children,
+  locale,
   ...props
 }) => {
-  const descText = useMemo(() => description ?? getEmptyDescription(preset), [description, preset]);
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const descText = useMemo(
+    () => description ?? getEmptyDescription(preset, mergedLocale),
+    [description, preset, mergedLocale]
+  );
   const wrapperClasses = useMemo(() => classNames(emptyBaseClasses, className), [className]);
   return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, ...props, children: [
     showImage && /* @__PURE__ */ jsx("div", { className: emptyImageClasses, children: image !== void 0 ? image : /* @__PURE__ */ jsx(

package/dist/{chunk-QIL24WZD.mjs → chunk-NRWH5IWZ.mjs}

@@ -1,6 +1,9 @@
+import {
+  useInputGroupContext
+} from "./chunk-34VGG7AK.mjs";
 import {
   useControlledState
-} from "./chunk-WHYHLUXG.mjs";
+} from "./chunk-MEFARVQI.mjs";
 
 // src/components/Input.tsx
 import { useState, useEffect, useRef, useCallback, useId } from "react";
@@ -19,7 +22,7 @@ import {
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Input = ({
-  size = "md",
+  size,
   type = "text",
   status = "default",
   errorMessage,
@@ -51,6 +54,8 @@ var Input = ({
   ...props
 }) => {
   injectShakeStyle();
+  const inputGroup = useInputGroupContext();
+  const effectiveSize = size ?? inputGroup?.size ?? "md";
   const wrapperRef = useRef(null);
   const inputRef = useRef(null);
   const reactId = useId();
@@ -92,21 +97,21 @@ var Input = ({
   const showPasswordToggle = showPassword && type === "password" && !disabled;
   const effectiveType = showPassword && type === "password" ? passwordVisible ? "text" : "password" : type;
   const inputClasses = getInputClasses({
-    size,
+    size: effectiveSize,
     status,
     hasPrefix,
     hasSuffix
   });
   const renderSuffix = () => {
     if (activeError) {
-      return /* @__PURE__ */ jsx("div", { id: errorMsgId, className: getInputErrorClasses(size), children: errorMessage });
+      return /* @__PURE__ */ jsx("div", { id: errorMsgId, className: getInputErrorClasses(effectiveSize), children: errorMessage });
     }
     if (showClear) {
       return /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          className: getInputClearButtonClasses(size),
+          className: getInputClearButtonClasses(effectiveSize),
           onClick: handleClear,
           "aria-label": "Clear input",
           tabIndex: -1,
@@ -119,7 +124,7 @@ var Input = ({
         "button",
         {
           type: "button",
-          className: getInputPasswordToggleClasses(size),
+          className: getInputPasswordToggleClasses(effectiveSize),
           onClick: togglePasswordVisibility,
           "aria-label": passwordVisible ? "Hide password" : "Show password",
           tabIndex: -1,
@@ -128,7 +133,7 @@ var Input = ({
       );
     }
     if (suffix) {
-      return /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("suffix", size), children: suffix });
+      return /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("suffix", effectiveSize), children: suffix });
     }
     return null;
   };
@@ -140,7 +145,7 @@ var Input = ({
       style,
       onAnimationEnd: handleAnimationEnd,
       children: [
-        hasPrefix && /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("prefix", size), children: prefix }),
+        hasPrefix && /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("prefix", effectiveSize), children: prefix }),
         /* @__PURE__ */ jsx(
           "input",
           {

package/dist/{chunk-FUE7IBTJ.mjs → chunk-OGG2TQDG.mjs}

@@ -29,7 +29,7 @@ var ScrollSpy = ({
   getContainer = getWindowContainer,
   className,
   style,
-  onChange,
+  onActiveKeyChange,
   onClick,
   ...rest
 }) => {
@@ -42,15 +42,15 @@ var ScrollSpy = ({
   const activeKeyString = currentActiveKey === void 0 ? "" : getScrollSpyKeyString(currentActiveKey);
   const getContainerRef = useRef(getContainer);
   getContainerRef.current = getContainer;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
+  const onActiveKeyChangeRef = useRef(onActiveKeyChange);
+  onActiveKeyChangeRef.current = onActiveKeyChange;
   const emitActive = useCallback(
     (item, source) => {
       const nextKeyString = getScrollSpyKeyString(item.key);
       if (nextKeyString === activeKeyString) return;
       const payload = createScrollSpyPayload(item, source);
       if (!isControlled) setInnerActiveKey(item.key);
-      onChangeRef.current?.(item.key, item, payload);
+      onActiveKeyChangeRef.current?.(item.key, item, payload);
     },
     [activeKeyString, isControlled]
   );

package/dist/{chunk-MV2JQ6XQ.mjs → chunk-OL3RXYMG.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-WHYHLUXG.mjs";
+} from "./chunk-MEFARVQI.mjs";
 
 // src/components/CheckboxGroup.tsx
 import { createContext, useContext } from "react";

package/dist/{chunk-VHGCWZ6V.mjs → chunk-OTRPN5ZG.mjs}

@@ -1,7 +1,12 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/ImageAnnotation.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   classNames,
+  isActivationKey,
   createImageAnnotationBox,
   createImageAnnotationPath,
   defaultImageAnnotationTools,
@@ -11,7 +16,7 @@ import {
   getImageAnnotationShapeAriaLabel,
   getImageAnnotationStrokeColor,
   getImageAnnotationToolButtonClasses,
-  getImageAnnotationToolLabel,
+  getImageEditorLabels,
   imageAnnotationContainerClasses,
   imageAnnotationDeleteButtonClasses,
   imageAnnotationImageClasses,
@@ -20,10 +25,12 @@ import {
   imageAnnotationReadonlyOverlayClasses,
   imageAnnotationStageClasses,
   imageAnnotationToolbarClasses,
-  shouldCommitImageAnnotationBox
+  shouldCommitImageAnnotationBox,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ImageAnnotation({
+  locale,
   src,
   alt = "Image to annotate",
   value,
@@ -45,6 +52,22 @@ function ImageAnnotation({
   onToolChange,
   onReady
 }) {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(() => getImageEditorLabels(mergedLocale), [mergedLocale]);
+  const toolLabels = useMemo(
+    () => ({
+      select: labels.selectToolText,
+      rectangle: labels.rectangleToolText,
+      ellipse: labels.ellipseToolText,
+      polygon: labels.polygonToolText,
+      freehand: labels.freehandToolText
+    }),
+    [labels]
+  );
   const containerRef = useRef(null);
   const overlayRef = useRef(null);
   const idSeedRef = useRef(0);
@@ -183,13 +206,20 @@ function ImageAnnotation({
     },
     [activeTool, canEdit, getPointFromEvent]
   );
+  const removeAnnotation = useCallback(
+    (annotation) => {
+      if (!canEdit) return;
+      const next = annotations.filter((item) => item.id !== annotation.id);
+      commitAnnotations(next, { type: "remove", annotation });
+      selectAnnotation(null);
+    },
+    [annotations, canEdit, commitAnnotations, selectAnnotation]
+  );
   const removeSelectedAnnotation = useCallback(() => {
     if (!canEdit || !activeSelectedId) return;
     const removed = annotations.find((annotation) => annotation.id === activeSelectedId);
-    const next = annotations.filter((annotation) => annotation.id !== activeSelectedId);
-    commitAnnotations(next, { type: "remove", annotation: removed });
-    selectAnnotation(null);
-  }, [activeSelectedId, annotations, canEdit, commitAnnotations, selectAnnotation]);
+    if (removed) removeAnnotation(removed);
+  }, [activeSelectedId, annotations, canEdit, removeAnnotation]);
   const handleKeyDown = useCallback(
     (event) => {
       if (event.key === "Escape") {
@@ -212,6 +242,20 @@ function ImageAnnotation({
     (annotation, isDraft = false) => {
       const selected = !isDraft && annotation.id === activeSelectedId;
       const stroke = getImageAnnotationStrokeColor(annotation);
+      const onKeyDown = (event) => {
+        if (isDraft) return;
+        if (isActivationKey(event)) {
+          event.preventDefault();
+          event.stopPropagation();
+          selectAnnotation(annotation);
+          return;
+        }
+        if (event.key === "Delete" || event.key === "Backspace") {
+          event.preventDefault();
+          event.stopPropagation();
+          removeAnnotation(annotation);
+        }
+      };
       const commonProps = {
         stroke,
         strokeWidth: selected ? strokeWidth + 1 : strokeWidth,
@@ -220,7 +264,8 @@ function ImageAnnotation({
         role: "button",
         tabIndex: isDraft ? -1 : 0,
         "aria-label": getImageAnnotationShapeAriaLabel(annotation),
-        className: classNames(!isDraft && "cursor-pointer focus:outline-none")
+        className: classNames(!isDraft && "cursor-pointer focus:outline-none"),
+        onKeyDown: isDraft ? void 0 : onKeyDown
       };
       const onClick = (event) => {
         if (isDraft) return;
@@ -267,7 +312,7 @@ function ImageAnnotation({
         annotation.id
       );
     },
-    [activeSelectedId, displayHeight, displayWidth, selectAnnotation, strokeWidth]
+    [activeSelectedId, displayHeight, displayWidth, removeAnnotation, selectAnnotation, strokeWidth]
   );
   const renderedAnnotations = useMemo(
     () => annotations.map((annotation) => renderAnnotation(annotation)),
@@ -290,7 +335,7 @@ function ImageAnnotation({
   }) : null;
   const containerClasses = classNames(imageAnnotationContainerClasses, className);
   return /* @__PURE__ */ jsxs("div", { className: containerClasses, style, onKeyDown: handleKeyDown, children: [
-    /* @__PURE__ */ jsxs("div", { className: imageAnnotationToolbarClasses, "aria-label": "Annotation tools", children: [
+    /* @__PURE__ */ jsxs("div", { className: imageAnnotationToolbarClasses, "aria-label": labels.annotationToolbarAriaLabel, children: [
       tools.map((item) => /* @__PURE__ */ jsx(
         "button",
         {
@@ -299,7 +344,7 @@ function ImageAnnotation({
           disabled: disabled || readonly,
           "aria-pressed": activeTool === item,
           onClick: () => setActiveTool(item),
-          children: getImageAnnotationToolLabel(item)
+          children: toolLabels[item]
         },
         item
       )),
@@ -310,7 +355,7 @@ function ImageAnnotation({
           className: imageAnnotationDeleteButtonClasses,
           disabled: !canEdit || !activeSelectedId,
           onClick: removeSelectedAnnotation,
-          children: "Delete"
+          children: labels.deleteText
         }
       )
     ] }),
@@ -321,7 +366,7 @@ function ImageAnnotation({
         className: imageAnnotationStageClasses,
         style: { width: imageLoaded ? `${displayWidth}px` : void 0 },
         role: imageLoaded ? "application" : "img",
-        "aria-label": imageLoaded ? "Image annotation editor" : "Loading image for annotation",
+        "aria-label": imageLoaded ? labels.annotationEditorAriaLabel : labels.loadingAnnotationImageAriaLabel,
         children: !imageLoaded ? /* @__PURE__ */ jsx("div", { className: "flex min-h-[200px] min-w-[240px] items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-[var(--tiger-border,#d1d5db)] border-t-[var(--tiger-primary,#2563eb)]" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             "img",
@@ -344,7 +389,7 @@ function ImageAnnotation({
               width: displayWidth,
               height: displayHeight,
               viewBox: `0 0 ${displayWidth} ${displayHeight}`,
-              "aria-label": "Image annotation canvas",
+              "aria-label": labels.annotationCanvasAriaLabel,
               onMouseDown: handleStageMouseDown,
               onClick: handleStageClick,
               onDoubleClick: commitPolygon,

package/dist/{chunk-D7UR526A.mjs → chunk-Q327ESD2.mjs}

@@ -43,9 +43,11 @@ function useMenuRootState(props) {
     popupPortal = false,
     className,
     style,
+    onSelectedKeysChange,
+    onOpenKeysChange,
     onSelect,
     onOpenChange,
-    onSearch,
+    onSearchChange,
     searchable = false,
     searchValue: controlledSearchValue,
     defaultSearchValue = "",
@@ -67,9 +69,10 @@ function useMenuRootState(props) {
       if (controlledSelectedKeys === void 0) {
         setInternalSelectedKeys(newSelectedKeys);
       }
+      onSelectedKeysChange?.(newSelectedKeys);
       onSelect?.(key, { selectedKeys: newSelectedKeys });
     },
-    [controlledSelectedKeys, selectedKeys, onSelect]
+    [controlledSelectedKeys, selectedKeys, onSelectedKeysChange, onSelect]
   );
   const handleOpenChange = useCallback(
     (key) => {
@@ -78,9 +81,10 @@ function useMenuRootState(props) {
       if (controlledOpenKeys === void 0) {
         setInternalOpenKeys(newOpenKeys);
       }
+      onOpenKeysChange?.(newOpenKeys);
       onOpenChange?.(key, { openKeys: newOpenKeys });
     },
-    [openKeys, multiple, controlledOpenKeys, onOpenChange]
+    [openKeys, multiple, controlledOpenKeys, onOpenKeysChange, onOpenChange]
   );
   const handleSearchInput = useCallback(
     (event) => {
@@ -88,9 +92,9 @@ function useMenuRootState(props) {
       if (controlledSearchValue === void 0) {
         setInternalSearchValue(value);
       }
-      onSearch?.(value);
+      onSearchChange?.(value);
     },
-    [controlledSearchValue, onSearch]
+    [controlledSearchValue, onSearchChange]
   );
   const menuClasses = useMemo(() => {
     return classNames(getMenuClasses(resolvedMode, theme, collapsed), className);

package/dist/{chunk-NSEO2B74.mjs → chunk-Q5JTIICP.mjs}

@@ -4,11 +4,16 @@ import {
   classNames,
   createBackTopVisibilityController,
   scrollToTop,
+  backTopBaseClasses,
   backTopButtonClasses,
   backTopContainerClasses,
   backTopHiddenClasses,
   backTopVisibleClasses,
-  backTopIconPath
+  backTopIconPath,
+  getViewportOffsetStyle,
+  isBrowser,
+  viewportFloatingBaseClasses,
+  viewportPlacementClasses
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var DefaultIcon = () => /* @__PURE__ */ jsx(
@@ -24,20 +29,26 @@ var DefaultIcon = () => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: backTopIconPath })
   }
 );
-var getDefaultTarget = () => window;
+var getDefaultTarget = () => isBrowser() ? window : null;
 var BackTop = ({
   visibilityHeight = 400,
   target = getDefaultTarget,
   duration = 450,
+  position = "auto",
+  placement = "bottom-right",
+  offset,
   onClick,
   children,
   className,
+  style,
   "aria-label": ariaLabel = "Back to top",
   ...props
 }) => {
   const [visible, setVisible] = useState(false);
+  const [targetElement, setTargetElement] = useState(null);
   useEffect(() => {
     const el = target();
+    setTargetElement(el);
     if (!el) return;
     const visibilityController = createBackTopVisibilityController({
       target: el,
@@ -49,6 +60,7 @@ var BackTop = ({
     return () => {
       el.removeEventListener("scroll", visibilityController.schedule);
       visibilityController.cancel();
+      setTargetElement(null);
     };
   }, [target, visibilityHeight]);
   const handleClick = useCallback(
@@ -60,19 +72,27 @@ var BackTop = ({
     [target, duration, onClick]
   );
   const buttonClasses = useMemo(() => {
-    const el = target();
-    const positionClasses = !el || el === window ? backTopButtonClasses : backTopContainerClasses;
+    const positionClasses = position === "fixed" ? classNames(
+      viewportFloatingBaseClasses,
+      viewportPlacementClasses[placement],
+      backTopBaseClasses
+    ) : position === "sticky" ? backTopContainerClasses : !targetElement || targetElement === window ? backTopButtonClasses : backTopContainerClasses;
     return classNames(
       positionClasses,
       visible ? backTopVisibleClasses : backTopHiddenClasses,
       className
     );
-  }, [target, visible, className]);
+  }, [position, placement, targetElement, visible, className]);
+  const buttonStyle = useMemo(
+    () => position === "fixed" ? { ...getViewportOffsetStyle(placement, offset), ...style } : style,
+    [position, placement, offset, style]
+  );
   return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
       className: buttonClasses,
+      style: buttonStyle,
       "aria-label": ariaLabel,
       onClick: handleClick,
       ...props,

package/dist/{chunk-RYHM75MP.mjs → chunk-QWUDJC6K.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopup
-} from "./chunk-C44WSDEY.mjs";
+} from "./chunk-S7IB6YST.mjs";
 import {
   renderBodyPortal
 } from "./chunk-SEWNVIHH.mjs";

package/dist/{chunk-376X7SDZ.mjs → chunk-R67HTROL.mjs}

@@ -1,15 +1,15 @@
 import {
   VirtualList
-} from "./chunk-7DUHHRAU.mjs";
+} from "./chunk-Y5X3G2LD.mjs";
 import {
   Input
-} from "./chunk-QIL24WZD.mjs";
+} from "./chunk-NRWH5IWZ.mjs";
 import {
   Empty
-} from "./chunk-WIWTY74F.mjs";
+} from "./chunk-NJHZQBA7.mjs";
 import {
   Textarea
-} from "./chunk-DVEK5SO6.mjs";
+} from "./chunk-UYJJLHVA.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
@@ -22,6 +22,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   classNames,
   getChatMessageStatusInfo,
+  getChatStatusBarClasses,
   formatChatTime
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -38,7 +39,7 @@ var ChatWindow = ({
   inputAriaLabel,
   sendAriaLabel,
   statusText,
-  statusVariant: _statusVariant = "info",
+  statusVariant = "info",
   showAvatar = true,
   showName = true,
   showTime = false,
@@ -207,7 +208,7 @@ var ChatWindow = ({
         children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
       }
     ),
-    statusText && /* @__PURE__ */ jsx("div", { className: "px-5 py-2 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: statusText }),
+    statusText && /* @__PURE__ */ jsx("div", { className: getChatStatusBarClasses(statusVariant), children: statusText }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3 px-5 py-4 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
       /* @__PURE__ */ jsx("div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ jsx(
         Input,

package/dist/{chunk-HHMYERHY.mjs → chunk-RCUL6RZU.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-WHYHLUXG.mjs";
+} from "./chunk-MEFARVQI.mjs";
 
 // src/components/MarkdownEditor.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -120,7 +120,8 @@ var MarkdownEditor = ({
       ),
       role: "region",
       "aria-label": "Markdown preview",
-      dangerouslySetInnerHTML: { __html: currentValue ? previewHtml : placeholder || "" }
+      ...currentValue ? { dangerouslySetInnerHTML: { __html: previewHtml } } : {},
+      children: currentValue ? null : placeholder
     }
   );
   return /* @__PURE__ */ jsxs(

package/dist/{chunk-C44WSDEY.mjs → chunk-S7IB6YST.mjs}

@@ -111,7 +111,8 @@ function usePopup(options) {
     y,
     actualPlacement,
     floatingStyles,
-    triggerHandlers
+    triggerHandlers,
+    closeAndRestoreFocus
   };
 }
 

package/dist/{chunk-RVO6R37N.mjs → chunk-SHDQJ5BJ.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-JOB47R6Q.mjs";
+} from "./chunk-GCOA4AO6.mjs";
 
 // src/components/Kanban.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-L6KSO66F.mjs → chunk-SHJNDDYK.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-WHYHLUXG.mjs";
+} from "./chunk-MEFARVQI.mjs";
 
 // src/components/RichTextEditor.tsx
 import { useRef, useState, useCallback, useEffect, useMemo } from "react";
@@ -25,7 +25,7 @@ var RichTextEditor = ({
   value,
   defaultValue = "",
   placeholder,
-  mode: _mode = "html",
+  mode = "html",
   toolbar,
   height = 300,
   readOnly = false,
@@ -48,6 +48,7 @@ var RichTextEditor = ({
     const instance = factory.create({
       element: editorRef.current,
       initialValue: isControlled ? value : defaultValue,
+      mode,
       readOnly,
       disabled,
       placeholder,
@@ -76,10 +77,6 @@ var RichTextEditor = ({
   const execButtonAction = useCallback(
     (btn) => {
       if (readOnly || disabled) return;
-      if (btn.action && editorRef.current) {
-        btn.action(editorRef.current);
-        return;
-      }
       engineRef.current?.exec(btn.name);
     },
     [readOnly, disabled]