@expcat/tigercat-react 2.0.19 → 2.1.1

package/dist/chunk-KRDHM5KB.mjs

@@ -0,0 +1,259 @@
+import {
+  useFormItemControlContext
+} from "./chunk-F6T3OLTQ.mjs";
+import {
+  useControlledState
+} from "./chunk-MEFARVQI.mjs";
+import {
+  Tag
+} from "./chunk-7EXOY7GD.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
+
+// src/components/TagsInput.tsx
+import { useEffect, useId, useRef, useState } from "react";
+import {
+  addTags,
+  classNames,
+  extractTagCandidates,
+  formatRemoveTagLabel,
+  getTagsInputClearButtonClasses,
+  getTagsInputContainerClasses,
+  getTagsInputErrorClasses,
+  getTagsInputHighlightClasses,
+  getTagsInputInnerInputClasses,
+  getTagsInputLabels,
+  injectShakeStyle,
+  removeTagAt,
+  SHAKE_CLASS,
+  splitTagInput
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TagsInput = ({
+  size = "md",
+  status: statusProp,
+  errorMessage: errorMessageProp,
+  _shakeTrigger: shakeTriggerProp,
+  value,
+  defaultValue,
+  placeholder = "",
+  allowDuplicates = false,
+  max,
+  delimiters = [","],
+  addOnBlur = false,
+  beforeAdd,
+  clearable = false,
+  disabled = false,
+  readonly = false,
+  name,
+  id,
+  removeTagAriaLabel,
+  onChange,
+  onAdd,
+  onRemove,
+  onClear,
+  onFocus,
+  onBlur,
+  className,
+  style,
+  ...rest
+}) => {
+  injectShakeStyle();
+  const config = useTigerConfig();
+  const formItemControl = useFormItemControlContext();
+  const status = statusProp ?? formItemControl?.status ?? "default";
+  const errorMessage = errorMessageProp ?? formItemControl?.errorMessage;
+  const shakeTrigger = shakeTriggerProp ?? formItemControl?.shakeTrigger;
+  const labels = getTagsInputLabels(config.locale);
+  const reactId = useId();
+  const errorMsgId = `tiger-tags-input-error-${reactId}`;
+  const containerRef = useRef(null);
+  const inputRef = useRef(null);
+  const [tags, setTags] = useControlledState(value, defaultValue ?? [], onChange);
+  const [inputText, setInputText] = useState("");
+  const [highlightedIndex, setHighlightedIndex] = useState(null);
+  useEffect(() => {
+    if (status === "error" && containerRef.current) {
+      const el = containerRef.current;
+      el.classList.remove(SHAKE_CLASS);
+      void el.offsetWidth;
+      el.classList.add(SHAKE_CLASS);
+    }
+  }, [status, shakeTrigger]);
+  const isInteractive = !disabled && !readonly;
+  const commitCandidates = (candidates) => {
+    const prepared = [];
+    for (const raw of candidates) {
+      if (!beforeAdd) {
+        prepared.push(raw);
+        continue;
+      }
+      const result = beforeAdd(raw.trim());
+      if (result === false) continue;
+      prepared.push(typeof result === "string" ? result : raw);
+    }
+    if (prepared.length === 0) return { added: [] };
+    const { tags: nextTags, added } = addTags(tags, prepared, { allowDuplicates, max });
+    if (added.length > 0) {
+      setTags(nextTags);
+      added.forEach((tag) => onAdd?.(tag));
+    }
+    return { added };
+  };
+  const handleInputChange = (event) => {
+    if (!isInteractive) return;
+    setHighlightedIndex(null);
+    const { candidates, pending } = extractTagCandidates(event.currentTarget.value, delimiters);
+    if (candidates.length > 0) commitCandidates(candidates);
+    setInputText(pending);
+  };
+  const removeAt = (index) => {
+    const tag = tags[index];
+    if (tag === void 0) return;
+    setTags(removeTagAt(tags, index));
+    onRemove?.(tag, index);
+  };
+  const handleKeyDown = (event) => {
+    if (!isInteractive) return;
+    if (event.key === "Enter") {
+      event.preventDefault();
+      if (inputText.trim()) {
+        const { added } = commitCandidates([inputText]);
+        if (added.length > 0) setInputText("");
+      }
+      return;
+    }
+    if (event.key === "Backspace" && inputText === "") {
+      if (highlightedIndex !== null) {
+        removeAt(highlightedIndex);
+        setHighlightedIndex(null);
+      } else if (tags.length > 0) {
+        setHighlightedIndex(tags.length - 1);
+      }
+      return;
+    }
+    if (event.key === "ArrowLeft" && inputText === "" && tags.length > 0) {
+      setHighlightedIndex((prev) => {
+        if (prev === null) return tags.length - 1;
+        return Math.max(0, prev - 1);
+      });
+      return;
+    }
+    if (event.key === "ArrowRight" && highlightedIndex !== null) {
+      setHighlightedIndex((prev) => {
+        if (prev === null || prev >= tags.length - 1) return null;
+        return prev + 1;
+      });
+      return;
+    }
+    if (event.key === "Escape" && highlightedIndex !== null) {
+      setHighlightedIndex(null);
+      return;
+    }
+    if (highlightedIndex !== null) setHighlightedIndex(null);
+  };
+  const handlePaste = (event) => {
+    if (!isInteractive) return;
+    const text = event.clipboardData.getData("text");
+    const candidates = splitTagInput(text, delimiters);
+    if (candidates.length <= 1) return;
+    event.preventDefault();
+    commitCandidates(candidates);
+    setInputText("");
+  };
+  const handleBlur = (event) => {
+    setHighlightedIndex(null);
+    if (addOnBlur && inputText.trim() && isInteractive) {
+      const { added } = commitCandidates([inputText]);
+      if (added.length > 0) setInputText("");
+    }
+    onBlur?.(event);
+  };
+  const handleClear = () => {
+    if (!isInteractive || tags.length === 0) return;
+    setTags([]);
+    setInputText("");
+    setHighlightedIndex(null);
+    onClear?.();
+    inputRef.current?.focus();
+  };
+  const focusInput = (event) => {
+    if (event.target === containerRef.current) inputRef.current?.focus();
+  };
+  const activeError = status === "error" && !!errorMessage;
+  const isFull = max !== void 0 && tags.length >= max;
+  const removeLabelTemplate = removeTagAriaLabel ?? labels.removeTagLabel;
+  const containerNode = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rest,
+      ref: containerRef,
+      id,
+      className: classNames(getTagsInputContainerClasses(size, status, { disabled }), className),
+      style,
+      "data-state": isFull ? "full" : void 0,
+      onClick: focusInput,
+      children: [
+        tags.map((tag, index) => /* @__PURE__ */ jsx(
+          Tag,
+          {
+            size: size === "lg" ? "md" : "sm",
+            closable: isInteractive,
+            closeAriaLabel: formatRemoveTagLabel(removeLabelTemplate, tag),
+            className: index === highlightedIndex ? getTagsInputHighlightClasses() : void 0,
+            onClose: (event) => {
+              event.preventDefault();
+              removeAt(index);
+            },
+            children: tag
+          },
+          `${tag}-${index}`
+        )),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            className: getTagsInputInnerInputClasses(),
+            type: "text",
+            value: inputText,
+            placeholder: tags.length === 0 ? placeholder : "",
+            disabled,
+            readOnly: readonly,
+            id: id ? `${id}-input` : void 0,
+            ...status === "error" ? { "aria-invalid": true } : {},
+            ...activeError ? { "aria-describedby": errorMsgId } : {},
+            onChange: handleInputChange,
+            onKeyDown: handleKeyDown,
+            onPaste: handlePaste,
+            onFocus,
+            onBlur: handleBlur
+          }
+        ),
+        clearable && tags.length > 0 && isInteractive && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: getTagsInputClearButtonClasses(),
+            onClick: handleClear,
+            "aria-label": labels.clearAllLabel,
+            tabIndex: -1,
+            children: "\u2715"
+          }
+        ),
+        name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value: tags.join(",") })
+      ]
+    }
+  );
+  if (!activeError) return containerNode;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    containerNode,
+    /* @__PURE__ */ jsx("div", { id: errorMsgId, className: getTagsInputErrorClasses(), children: errorMessage })
+  ] });
+};
+var TagsInput_default = TagsInput;
+
+export {
+  TagsInput,
+  TagsInput_default
+};

package/dist/{chunk-HHIW7V7B.mjs → chunk-M6ZPTGBV.mjs}

@@ -10,7 +10,6 @@ import {
   getPageRange,
   validateCurrentPage,
   getPageNumbers,
-  defaultTotalText,
   formatPaginationTotal,
   getPaginationContainerClasses,
   getPaginationButtonBaseClasses,
@@ -135,14 +134,7 @@ var Pagination = ({
       }
       onPageSizeChange?.(newPage, newPageSize);
     },
-    [
-      disabled,
-      total,
-      validatedCurrentPage,
-      controlledPageSize,
-      controlledCurrent,
-      onPageSizeChange
-    ]
+    [disabled, total, validatedCurrentPage, controlledPageSize, controlledCurrent, onPageSizeChange]
   );
   const handleQuickJumperSubmit = useCallback(() => {
     quickJumperValidationSchedulerRef.current?.cancel();
@@ -186,7 +178,7 @@ var Pagination = ({
   const nextDisabled = validatedCurrentPage >= totalPages || disabled;
   const elements = [];
   if (showTotal) {
-    const totalTextFn = totalText || (labelsOverride?.totalText || mergedLocale?.pagination?.totalText ? (value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode) : defaultTotalText);
+    const totalTextFn = totalText || ((value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode));
     elements.push(
       /* @__PURE__ */ jsx("span", { className: getTotalTextClasses(size), children: totalTextFn(total, pageRange) }, "total")
     );

package/dist/chunk-MFPVVGNA.mjs

@@ -0,0 +1,248 @@
+// src/components/ScrollArea.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  classNames,
+  computeScrollAreaState,
+  computeScrollFromThumbOffset,
+  computeScrollFromTrackPoint,
+  createDocumentDragSession,
+  createEmptyScrollAreaState,
+  getScrollAreaBoxStyle,
+  getScrollAreaContentClasses,
+  getScrollAreaScrollbarClasses,
+  getScrollAreaShadowClasses,
+  getScrollAreaShadowSides,
+  getScrollAreaThumbClasses,
+  getScrollAreaThumbStyle,
+  getScrollAreaViewportClasses,
+  observeScrollAreaSize,
+  readScrollAreaMetrics,
+  scrollAreaRootClasses,
+  shouldRenderScrollAreaScrollbar,
+  SCROLL_AREA_MIN_THUMB_SIZE
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ScrollArea = forwardRef(
+  ({
+    direction = "vertical",
+    scrollbar = "auto",
+    scrollbarSize = "md",
+    shadow = false,
+    minThumbSize = SCROLL_AREA_MIN_THUMB_SIZE,
+    height,
+    maxHeight,
+    width,
+    maxWidth,
+    ariaLabel,
+    className,
+    viewportClassName,
+    children,
+    onScroll,
+    ...rest
+  }, ref) => {
+    const viewportRef = useRef(null);
+    const contentRef = useRef(null);
+    const dragSessionRef = useRef(null);
+    const stateRef = useRef(createEmptyScrollAreaState());
+    const [state, setState] = useState(stateRef.current);
+    const [draggingAxis, setDraggingAxis] = useState(null);
+    const onScrollRef = useRef(onScroll);
+    onScrollRef.current = onScroll;
+    const syncState = useCallback(() => {
+      const viewport = viewportRef.current;
+      if (!viewport) return;
+      const next = computeScrollAreaState(readScrollAreaMetrics(viewport), minThumbSize);
+      stateRef.current = next;
+      setState(next);
+    }, [minThumbSize]);
+    const handleScroll = useCallback(() => {
+      const viewport = viewportRef.current;
+      if (!viewport) return;
+      syncState();
+      onScrollRef.current?.({
+        scrollTop: viewport.scrollTop,
+        scrollLeft: viewport.scrollLeft,
+        state: stateRef.current
+      });
+    }, [syncState]);
+    const applyScroll = useCallback(
+      (axis, position) => {
+        const viewport = viewportRef.current;
+        if (!viewport) return;
+        if (axis === "y") viewport.scrollTop = position;
+        else viewport.scrollLeft = position;
+        handleScroll();
+      },
+      [handleScroll]
+    );
+    const startThumbDrag = useCallback(
+      (axis, event) => {
+        const viewport = viewportRef.current;
+        if (!viewport) return;
+        event.preventDefault();
+        event.stopPropagation();
+        const axisState = axis === "y" ? stateRef.current.y : stateRef.current.x;
+        const startOffset = axisState.thumbOffset;
+        const startPoint = axis === "y" ? event.clientY : event.clientX;
+        dragSessionRef.current?.dispose();
+        setDraggingAxis(axis);
+        dragSessionRef.current = createDocumentDragSession({
+          startX: event.clientX,
+          startY: event.clientY,
+          ownerDocument: viewport.ownerDocument,
+          onMove: ({ currentX, currentY }) => {
+            const current = axis === "y" ? currentY : currentX;
+            const trackSize = axis === "y" ? viewport.clientHeight : viewport.clientWidth;
+            applyScroll(
+              axis,
+              computeScrollFromThumbOffset(
+                startOffset + (current - startPoint),
+                trackSize,
+                axisState.thumbSize,
+                axis === "y" ? viewport.scrollHeight : viewport.scrollWidth,
+                trackSize
+              )
+            );
+          },
+          onEnd: () => {
+            setDraggingAxis(null);
+            dragSessionRef.current = null;
+          }
+        });
+      },
+      [applyScroll]
+    );
+    const handleTrackMouseDown = useCallback(
+      (axis, event) => {
+        const target = event.target;
+        if (target?.dataset.scrollAreaThumb) {
+          startThumbDrag(axis, event);
+          return;
+        }
+        const viewport = viewportRef.current;
+        if (!viewport) return;
+        const rect = event.currentTarget.getBoundingClientRect();
+        const point = axis === "y" ? event.clientY - rect.top : event.clientX - rect.left;
+        const axisState = axis === "y" ? stateRef.current.y : stateRef.current.x;
+        const trackSize = axis === "y" ? viewport.clientHeight : viewport.clientWidth;
+        applyScroll(
+          axis,
+          computeScrollFromTrackPoint(
+            point,
+            trackSize,
+            axisState.thumbSize,
+            axis === "y" ? viewport.scrollHeight : viewport.scrollWidth,
+            trackSize
+          )
+        );
+      },
+      [applyScroll, startThumbDrag]
+    );
+    const scrollTo = useCallback(
+      (options) => {
+        const viewport = viewportRef.current;
+        if (!viewport) return;
+        const behavior = options.behavior ?? "auto";
+        if (typeof viewport.scrollTo === "function") {
+          viewport.scrollTo({ top: options.top, left: options.left, behavior });
+        } else {
+          if (options.top !== void 0) viewport.scrollTop = options.top;
+          if (options.left !== void 0) viewport.scrollLeft = options.left;
+        }
+        handleScroll();
+      },
+      [handleScroll]
+    );
+    useImperativeHandle(
+      ref,
+      () => ({
+        scrollTo,
+        scrollToTop: (behavior) => scrollTo({ top: 0, behavior }),
+        scrollToBottom: (behavior) => scrollTo({ top: viewportRef.current?.scrollHeight ?? 0, behavior }),
+        getViewport: () => viewportRef.current,
+        getState: () => stateRef.current
+      }),
+      [scrollTo]
+    );
+    useEffect(() => {
+      syncState();
+      return observeScrollAreaSize([viewportRef.current, contentRef.current], syncState);
+    }, [syncState, direction]);
+    useEffect(() => () => dragSessionRef.current?.dispose(), []);
+    const shadowSides = useMemo(
+      () => shadow ? getScrollAreaShadowSides(state, direction) : [],
+      [shadow, state, direction]
+    );
+    const renderScrollbar = (axis) => {
+      const axisState = axis === "y" ? state.y : state.x;
+      if (!shouldRenderScrollAreaScrollbar(scrollbar, direction, axis, axisState)) return null;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: getScrollAreaScrollbarClasses(axis, scrollbarSize, scrollbar),
+          "data-scroll-area-scrollbar": axis,
+          "aria-hidden": "true",
+          onMouseDown: (event) => handleTrackMouseDown(axis, event),
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: getScrollAreaThumbClasses(axis, draggingAxis === axis),
+              style: getScrollAreaThumbStyle(axis, axisState),
+              "data-scroll-area-thumb": axis
+            }
+          )
+        }
+      );
+    };
+    return /* @__PURE__ */ jsxs("div", { ...rest, className: classNames(scrollAreaRootClasses, className), "data-scroll-area": "", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: viewportRef,
+          className: getScrollAreaViewportClasses(direction, viewportClassName),
+          style: getScrollAreaBoxStyle({ height, maxHeight, width, maxWidth }),
+          tabIndex: 0,
+          role: ariaLabel ? "region" : void 0,
+          "aria-label": ariaLabel,
+          "data-scroll-area-viewport": "",
+          onScroll: handleScroll,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: contentRef,
+              className: getScrollAreaContentClasses(direction),
+              "data-scroll-area-content": "",
+              children
+            }
+          )
+        }
+      ),
+      shadowSides.map((side) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: getScrollAreaShadowClasses(side),
+          "data-scroll-area-shadow": side,
+          "aria-hidden": "true"
+        },
+        side
+      )),
+      renderScrollbar("y"),
+      renderScrollbar("x")
+    ] });
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+var ScrollArea_default = ScrollArea;
+
+export {
+  ScrollArea,
+  ScrollArea_default
+};

package/dist/{chunk-PXRZ6CKY.mjs → chunk-MJVSZ2UJ.mjs}

@@ -3,38 +3,47 @@ import {
 } from "./chunk-Y5X3G2LD.mjs";
 import {
   Input
-} from "./chunk-F6WV53BS.mjs";
+} from "./chunk-3LDDXHW2.mjs";
 import {
   Empty
 } from "./chunk-W7BC4I2Y.mjs";
 import {
   Textarea
-} from "./chunk-UYJJLHVA.mjs";
+} from "./chunk-PMQJ6AYT.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Avatar
 } from "./chunk-OO562MFD.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/ChatWindow.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   classNames,
   getChatMessageStatusInfo,
+  buildChatMessageStatusInfo,
   getChatStatusBarClasses,
-  formatChatTime
+  formatChatTime,
+  getChatWindowLabels,
+  mergeTigerLocale,
+  resolveLocaleText
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ChatWindow = ({
   messages = [],
   value,
   defaultValue = "",
-  placeholder = "\u8BF7\u8F93\u5165\u6D88\u606F",
+  placeholder,
   disabled = false,
   maxLength,
-  emptyText = "\u6682\u65E0\u6D88\u606F",
-  sendText = "\u53D1\u9001",
+  emptyText,
+  sendText,
+  locale,
+  labels: labelsOverride,
   messageListAriaLabel,
   inputAriaLabel,
   sendAriaLabel,
@@ -59,6 +68,19 @@ var ChatWindow = ({
   className,
   ...props
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getChatWindowLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const statusMap = useMemo(() => buildChatMessageStatusInfo(labels), [labels]);
+  const resolvedPlaceholder = resolveLocaleText(labels.placeholder, placeholder);
+  const resolvedEmptyText = resolveLocaleText(labels.emptyText, emptyText);
+  const resolvedSendText = resolveLocaleText(labels.sendText, sendText);
   const [innerValue, setInnerValue] = useState(value ?? defaultValue);
   useEffect(() => {
     if (value !== void 0) {
@@ -112,7 +134,7 @@ var ChatWindow = ({
   const renderMessageItem = useCallback(
     (message, index) => {
       const isSelf = message.direction === "self";
-      const statusInfo = message.status ? getChatMessageStatusInfo(message.status) : void 0;
+      const statusInfo = message.status ? getChatMessageStatusInfo(message.status, statusMap) : void 0;
       const timeText = showTime ? formatChatTime(message.time) : "";
       return /* @__PURE__ */ jsxs(
         "div",
@@ -163,7 +185,7 @@ var ChatWindow = ({
         message.id ?? index
       );
     },
-    [renderMessage, showAvatar, showName, showTime]
+    [renderMessage, showAvatar, showName, showTime, statusMap]
   );
   const messageListRef = useRef(null);
   useEffect(() => {
@@ -185,7 +207,7 @@ var ChatWindow = ({
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
-        "aria-label": messageListAriaLabel ?? "\u6D88\u606F\u5217\u8868",
+        "aria-label": messageListAriaLabel ?? "Message list",
         children: /* @__PURE__ */ jsx(
           VirtualList,
           {
@@ -204,8 +226,8 @@ var ChatWindow = ({
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
-        "aria-label": messageListAriaLabel ?? "\u6D88\u606F\u5217\u8868",
-        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)
+        "aria-label": messageListAriaLabel ?? "Message list",
+        children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Empty, { description: resolvedEmptyText }) }) : messages.map(renderMessageItem)
       }
     ),
     statusText && /* @__PURE__ */ jsx("div", { className: getChatStatusBarClasses(statusVariant), children: statusText }),
@@ -214,10 +236,10 @@ var ChatWindow = ({
         Input,
         {
           value: inputValue,
-          placeholder,
+          placeholder: resolvedPlaceholder,
           disabled,
           maxLength,
-          "aria-label": inputAriaLabel ?? placeholder ?? "\u6D88\u606F\u8F93\u5165",
+          "aria-label": inputAriaLabel ?? resolvedPlaceholder,
           onChange: (event) => handleValueChange(event.currentTarget.value),
           onKeyDown: handleKeyDown
         }
@@ -225,16 +247,24 @@ var ChatWindow = ({
         Textarea,
         {
           value: inputValue,
-          placeholder,
+          placeholder: resolvedPlaceholder,
           disabled,
           maxLength,
           rows: inputRows,
-          "aria-label": inputAriaLabel ?? placeholder ?? "\u6D88\u606F\u8F93\u5165",
+          "aria-label": inputAriaLabel ?? resolvedPlaceholder,
           onChange: (event) => handleValueChange(event.currentTarget.value),
           onKeyDown: handleKeyDown
         }
       ) }),
-      /* @__PURE__ */ jsx(Button, { disabled: !canSend, onClick: handleSend, "aria-label": sendAriaLabel ?? sendText, children: sendText })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: !canSend,
+          onClick: handleSend,
+          "aria-label": sendAriaLabel ?? resolvedSendText,
+          children: resolvedSendText
+        }
+      )
     ] })
   ] });
 };