@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/chunk-AQOXANET.mjs

@@ -0,0 +1,222 @@
+import {
+  ChartTooltip
+} from "./chunk-O6YIPNXX.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
+
+// src/components/GaugeChart.tsx
+import React, { useId, useMemo, useState, useRef, useEffect } from "react";
+import {
+  classNames,
+  createGaugeArcPath,
+  createGaugeNeedlePath,
+  valueToGaugeAngle,
+  computeGaugeTicks,
+  getChartInnerRect,
+  chartAxisTickTextClasses,
+  getStableChartGradientPrefix,
+  createGaugeAnimation
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GaugeChart = ({
+  width = 280,
+  height = 200,
+  padding = 24,
+  value,
+  min = 0,
+  max = 100,
+  startAngle = 135,
+  endAngle = 405,
+  arcWidth = 20,
+  showTicks = true,
+  tickCount = 5,
+  valueFormatter,
+  tooltipFormatter,
+  label,
+  segments,
+  trackColor = "var(--tiger-border,#e5e7eb)",
+  color = "var(--tiger-primary,#2563eb)",
+  gradient = false,
+  showTooltip = true,
+  title: chartTitle,
+  desc,
+  className
+}) => {
+  const innerRect = useMemo(
+    () => getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const radius = useMemo(
+    () => Math.min(innerRect.width, innerRect.height) / 2 - 4,
+    [innerRect.width, innerRect.height]
+  );
+  const cx = innerRect.width / 2;
+  const cy = innerRect.height / 2;
+  const needleAngle = useMemo(
+    () => valueToGaugeAngle(value, min, max, startAngle, endAngle),
+    [value, min, max, startAngle, endAngle]
+  );
+  const [animatedAngle, setAnimatedAngle] = useState(needleAngle);
+  const prevAngleRef = useRef(needleAngle);
+  useEffect(() => {
+    const from = prevAngleRef.current;
+    const to = needleAngle;
+    prevAngleRef.current = to;
+    if (from === to) return;
+    const ctrl = createGaugeAnimation({
+      from,
+      to,
+      onUpdate: (v) => setAnimatedAngle(v)
+    });
+    return () => ctrl.stop();
+  }, [needleAngle]);
+  const ticks = useMemo(
+    () => showTicks ? computeGaugeTicks(cx, cy, radius, min, max, startAngle, endAngle, tickCount) : [],
+    [showTicks, cx, cy, radius, min, max, startAngle, endAngle, tickCount]
+  );
+  const trackPath = createGaugeArcPath(cx, cy, radius, startAngle, endAngle, arcWidth);
+  const valuePath = animatedAngle > startAngle ? createGaugeArcPath(cx, cy, radius, startAngle, animatedAngle, arcWidth) : null;
+  const needlePath = createGaugeNeedlePath(cx, cy, radius - arcWidth - 6, animatedAngle);
+  const formattedValue = valueFormatter ? valueFormatter(value) : `${value}`;
+  const [tooltip, setTooltip] = useState({
+    visible: false,
+    x: 0,
+    y: 0
+  });
+  const tooltipContent = tooltipFormatter ? tooltipFormatter(value) : label ? `${label}: ${formattedValue}` : formattedValue;
+  const handleTooltipMove = (e) => {
+    if (!showTooltip) return;
+    setTooltip({ visible: true, x: e.clientX, y: e.clientY });
+  };
+  const handleTooltipLeave = () => setTooltip((t) => ({ ...t, visible: false }));
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("gauge", gradientId),
+    [gradientId]
+  );
+  const valueGradientId = `${gradientPrefix}-value`;
+  const wrapperRef = useRef(null);
+  const handleTooltipFocus = () => {
+    if (!showTooltip) return;
+    const rect = wrapperRef.current?.getBoundingClientRect();
+    if (rect)
+      setTooltip({ visible: true, x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: wrapperRef,
+      className: "inline-block relative",
+      tabIndex: showTooltip ? 0 : void 0,
+      role: "img",
+      "aria-label": label ? `${label}: ${formattedValue}` : formattedValue,
+      onMouseMove: handleTooltipMove,
+      onMouseLeave: handleTooltipLeave,
+      onFocus: handleTooltipFocus,
+      onBlur: handleTooltipLeave,
+      children: [
+        /* @__PURE__ */ jsxs(
+          ChartCanvas,
+          {
+            width,
+            height,
+            padding,
+            title: chartTitle,
+            desc,
+            className: classNames(className),
+            children: [
+              gradient && !segments && valuePath && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: valueGradientId, x1: 0, y1: 0, x2: 0, y2: 1, children: [
+                /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 1 }),
+                /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.55 })
+              ] }) }),
+              /* @__PURE__ */ jsx("path", { d: trackPath, fill: trackColor, strokeWidth: 0 }),
+              segments ? segments.map((seg, i) => {
+                const sStart = valueToGaugeAngle(seg.range[0], min, max, startAngle, endAngle);
+                const sEnd = valueToGaugeAngle(seg.range[1], min, max, startAngle, endAngle);
+                return /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: createGaugeArcPath(cx, cy, radius, sStart, sEnd, arcWidth),
+                    fill: seg.color,
+                    strokeWidth: 0
+                  },
+                  `seg-${i}`
+                );
+              }) : valuePath && /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: valuePath,
+                  fill: gradient ? `url(#${valueGradientId})` : color,
+                  strokeWidth: 0
+                }
+              ),
+              ticks.map((tick, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "line",
+                  {
+                    x1: tick.x1,
+                    y1: tick.y1,
+                    x2: tick.x2,
+                    y2: tick.y2,
+                    stroke: "var(--tiger-text-secondary,#6b7280)",
+                    strokeWidth: 1
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "text",
+                  {
+                    x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
+                    y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
+                    className: chartAxisTickTextClasses,
+                    textAnchor: "middle",
+                    dominantBaseline: "middle",
+                    style: { fontSize: "10px" },
+                    children: tick.label
+                  }
+                )
+              ] }, `tick-${i}`)),
+              /* @__PURE__ */ jsx("path", { d: needlePath, fill: "var(--tiger-text,#374151)" }),
+              /* @__PURE__ */ jsx("circle", { cx, cy, r: 5, fill: "var(--tiger-text,#374151)" }),
+              /* @__PURE__ */ jsx(
+                "text",
+                {
+                  x: cx,
+                  y: cy + radius * 0.35,
+                  className: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold tabular-nums",
+                  textAnchor: "middle",
+                  dominantBaseline: "middle",
+                  children: formattedValue
+                }
+              ),
+              label && /* @__PURE__ */ jsx(
+                "text",
+                {
+                  x: cx,
+                  y: cy + radius * 0.35 + 20,
+                  className: chartAxisTickTextClasses,
+                  textAnchor: "middle",
+                  dominantBaseline: "middle",
+                  children: label
+                }
+              )
+            ]
+          }
+        ),
+        showTooltip && /* @__PURE__ */ jsx(
+          ChartTooltip,
+          {
+            content: tooltipContent,
+            visible: tooltip.visible && tooltipContent !== "",
+            x: tooltip.x,
+            y: tooltip.y
+          }
+        )
+      ]
+    }
+  );
+};
+
+export {
+  GaugeChart
+};

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

@@ -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-ZRHDNGWO.js → chunk-BR3WLDH7.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Empty.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/Empty.tsx
 var _react = require('react');
 
 
@@ -9,6 +13,7 @@ var _react = require('react');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Empty = ({
@@ -19,9 +24,18 @@ var Empty = ({
   extra,
   className,
   children,
+  locale,
   ...props
 }) => {
-  const descText = _react.useMemo.call(void 0, () => _nullishCoalesce(description, () => ( _tigercatcore.getEmptyDescription.call(void 0, preset))), [description, preset]);
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const descText = _react.useMemo.call(void 0, 
+    () => _nullishCoalesce(description, () => ( _tigercatcore.getEmptyDescription.call(void 0, preset, mergedLocale))),
+    [description, preset, mergedLocale]
+  );
   const wrapperClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.emptyBaseClasses, className), [className]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, ...props, children: [
     showImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.emptyImageClasses, children: image !== void 0 ? image : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-2Y5NIPHB.mjs → chunk-BRPOEVRT.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-ZG2W4HS5.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";
@@ -158,6 +158,18 @@ var RadarChart = ({
     setHoveredPoint(null);
     handleHoverLeave();
   }, [handleHoverLeave]);
+  const showPointTooltipFromElement = useCallback(
+    (el, seriesIndex, pointIndex) => {
+      if (!hoverable) return;
+      const rect = el.getBoundingClientRect();
+      setHoveredPoint({ seriesIndex, pointIndex });
+      handleHoverEnter(seriesIndex, {
+        clientX: rect.left + rect.width / 2,
+        clientY: rect.top + rect.height / 2
+      });
+    },
+    [hoverable, handleHoverEnter]
+  );
   const innerRect = useMemo(
     () => getChartInnerRect(width, height, padding),
     [width, height, padding]
@@ -562,13 +574,30 @@ var RadarChart = ({
                         showTooltip && hoverable ? "cursor-pointer" : void 0,
                         "transition-[r] duration-150 ease-out"
                       ),
+                      role: showTooltip && hoverable ? "button" : "img",
+                      "aria-label": point.data.label ?? String(point.data.value),
+                      tabIndex: showTooltip && hoverable ? 0 : void 0,
                       "data-radar-point": "true",
                       "data-series-index": seriesIndex,
                       "data-series-key": item.seriesKey,
                       "data-point-index": point.index,
                       onMouseEnter: showTooltip && hoverable ? (e) => handlePointEnter(seriesIndex, point.index, e) : void 0,
                       onMouseMove: showTooltip && hoverable ? handlePointMove : void 0,
-                      onMouseLeave: showTooltip && hoverable ? handlePointLeave : void 0
+                      onMouseLeave: showTooltip && hoverable ? handlePointLeave : void 0,
+                      onFocus: showTooltip && hoverable ? (e) => showPointTooltipFromElement(e.currentTarget, seriesIndex, point.index) : void 0,
+                      onBlur: showTooltip && hoverable ? handlePointLeave : void 0,
+                      onKeyDown: showTooltip && hoverable ? (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                          e.preventDefault();
+                          showPointTooltipFromElement(
+                            e.currentTarget,
+                            seriesIndex,
+                            point.index
+                          );
+                        } else if (e.key === "Escape") {
+                          handlePointLeave();
+                        }
+                      } : void 0
                     },
                     `point-${item.seriesKey}-${point.index}`
                   );

package/dist/{chunk-I7FEGKX2.mjs → chunk-CR4QBH46.mjs}

@@ -1,18 +1,25 @@
 import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+  renderBodyPortal,
+  useBodyScrollLock,
+  useEscapeKey,
+  useFocusTrap
+} from "./chunk-SEWNVIHH.mjs";
 import {
   StatusIcon
 } from "./chunk-FLYJVZED.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/Tour.tsx
 import { useState, useEffect, useRef, useCallback, useMemo } from "react";
-import ReactDOM from "react-dom";
 import {
   classNames,
   isBrowser,
-  resolveLocaleText,
   mergeTigerLocale,
+  captureActiveElement,
+  focusFirst,
+  restoreFocus,
   tourPopoverClasses,
   tourTitleClasses,
   tourDescriptionClasses,
@@ -25,6 +32,7 @@ import {
   getActiveTourSteps,
   getCurrentActiveTourStep,
   getActiveTourStepPosition,
+  getTourLabels,
   closeIconPathD
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -50,9 +58,10 @@ var Tour = ({
     () => mergeTigerLocale(config.locale, locale),
     [config.locale, locale]
   );
-  const nextLabel = resolveLocaleText("Next", nextText, mergedLocale?.formWizard?.nextText);
-  const prevLabel = resolveLocaleText("Previous", prevText, mergedLocale?.formWizard?.prevText);
-  const finishLabel = resolveLocaleText("Finish", finishText, mergedLocale?.formWizard?.finishText);
+  const labels = useMemo(
+    () => getTourLabels(mergedLocale, { nextText, prevText, finishText }),
+    [finishText, mergedLocale, nextText, prevText]
+  );
   const [internalStep, setInternalStep] = useState(0);
   const [resolvedSteps, setResolvedSteps] = useState(steps);
   const currentStep = controlledCurrent ?? internalStep;
@@ -65,6 +74,8 @@ var Tour = ({
   const step = activeStepInfo?.step;
   const [targetRect, setTargetRect] = useState();
   const popoverRef = useRef(null);
+  const closeButtonRef = useRef(null);
+  const previousActiveElementRef = useRef(null);
   useEffect(() => {
     if (!loadSteps) {
       setResolvedSteps(steps);
@@ -126,6 +137,19 @@ var Tour = ({
     onOpenChange?.(false);
     onClose?.();
   }, [onOpenChange, onClose]);
+  useEffect(() => {
+    if (open) {
+      previousActiveElementRef.current = captureActiveElement();
+      const timer = setTimeout(() => {
+        focusFirst([closeButtonRef.current, popoverRef.current]);
+      }, 0);
+      return () => clearTimeout(timer);
+    }
+    restoreFocus(previousActiveElementRef.current);
+  }, [open]);
+  useEscapeKey({ enabled: open, onEscape: close });
+  useBodyScrollLock({ enabled: open });
+  useFocusTrap({ enabled: open, containerRef: popoverRef });
   if (!open || !step) return null;
   if (!isBrowser()) return null;
   const placement = step.placement ?? "bottom";
@@ -159,9 +183,10 @@ var Tour = ({
           closable && /* @__PURE__ */ jsx(
             "button",
             {
+              ref: closeButtonRef,
               className: tourCloseButtonClasses,
               type: "button",
-              "aria-label": "Close tour",
+              "aria-label": labels.closeAriaLabel,
               onClick: close,
               children: /* @__PURE__ */ jsx(StatusIcon, { path: closeIconPathD, className: "h-4 w-4" })
             }
@@ -181,7 +206,7 @@ var Tour = ({
                   type: "button",
                   className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
                   onClick: prev,
-                  children: prevLabel
+                  children: labels.prevText
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -190,7 +215,7 @@ var Tour = ({
                   type: "button",
                   className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
                   onClick: next,
-                  children: isLast ? finishLabel : nextLabel
+                  children: isLast ? labels.finishText : labels.nextText
                 }
               )
             ] })
@@ -199,7 +224,7 @@ var Tour = ({
       }
     )
   ] });
-  return ReactDOM.createPortal(content, document.body);
+  return renderBodyPortal(content);
 };
 
 export {

package/dist/{chunk-7U6VWD4H.mjs → chunk-CSJGNEHR.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-ZG2W4HS5.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";

package/dist/{chunk-ANBNSUSR.js → chunk-CXXOZLP4.js}

@@ -77,6 +77,8 @@ var Modal = ({
   );
   const [hasBeenOpened, setHasBeenOpened] = _react2.default.useState(open);
   const [dragOffset, setDragOffset] = _react2.default.useState({ x: 0, y: 0 });
+  const prevOpenRef = _react.useRef.call(void 0, open);
+  const suppressNextCloseRef = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (open) {
       setHasBeenOpened(true);
@@ -106,20 +108,28 @@ var Modal = ({
     [isDraggable, dragOffset]
   );
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onOpenChange, 'optionalCall', _ => _(open)]);
-    if (!open && onClose) {
-      onClose();
+    if (prevOpenRef.current && !open) {
+      if (suppressNextCloseRef.current) {
+        suppressNextCloseRef.current = false;
+      } else {
+        _optionalChain([onClose, 'optionalCall', _ => _()]);
+      }
     }
-  }, [open, onOpenChange, onClose]);
+    prevOpenRef.current = open;
+  }, [open, onClose]);
   const shouldRender = destroyOnClose ? open : hasBeenOpened;
   const handleClose = _react.useCallback.call(void 0, () => {
     _optionalChain([onCancel, 'optionalCall', _2 => _2()]);
     _optionalChain([onOpenChange, 'optionalCall', _3 => _3(false)]);
-  }, [onCancel, onOpenChange]);
+    suppressNextCloseRef.current = true;
+    _optionalChain([onClose, 'optionalCall', _4 => _4()]);
+  }, [onCancel, onOpenChange, onClose]);
   const handleOk = _react.useCallback.call(void 0, () => {
-    _optionalChain([onOk, 'optionalCall', _4 => _4()]);
-    _optionalChain([onOpenChange, 'optionalCall', _5 => _5(false)]);
-  }, [onOk, onOpenChange]);
+    _optionalChain([onOk, 'optionalCall', _5 => _5()]);
+    _optionalChain([onOpenChange, 'optionalCall', _6 => _6(false)]);
+    suppressNextCloseRef.current = true;
+    _optionalChain([onClose, 'optionalCall', _7 => _7()]);
+  }, [onOk, onOpenChange, onClose]);
   const handleMaskClick = _react.useCallback.call(void 0, 
     (event) => {
       if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, maskClosable)) {
@@ -136,23 +146,23 @@ var Modal = ({
   const resolvedCloseAriaLabel = _tigercatcore.resolveLocaleText.call(void 0, 
     "Close",
     closeAriaLabel,
-    _optionalChain([labels, 'optionalAccess', _6 => _6.closeAriaLabel]),
-    _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.modal, 'optionalAccess', _8 => _8.closeAriaLabel]),
-    _optionalChain([mergedLocale, 'optionalAccess', _9 => _9.common, 'optionalAccess', _10 => _10.closeText])
+    _optionalChain([labels, 'optionalAccess', _8 => _8.closeAriaLabel]),
+    _optionalChain([mergedLocale, 'optionalAccess', _9 => _9.modal, 'optionalAccess', _10 => _10.closeAriaLabel]),
+    _optionalChain([mergedLocale, 'optionalAccess', _11 => _11.common, 'optionalAccess', _12 => _12.closeText])
   );
   const resolvedCancelText = _tigercatcore.resolveLocaleText.call(void 0, 
     "\u53D6\u6D88",
     cancelText,
-    _optionalChain([labels, 'optionalAccess', _11 => _11.cancelText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _12 => _12.modal, 'optionalAccess', _13 => _13.cancelText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _14 => _14.common, 'optionalAccess', _15 => _15.cancelText])
+    _optionalChain([labels, 'optionalAccess', _13 => _13.cancelText]),
+    _optionalChain([mergedLocale, 'optionalAccess', _14 => _14.modal, 'optionalAccess', _15 => _15.cancelText]),
+    _optionalChain([mergedLocale, 'optionalAccess', _16 => _16.common, 'optionalAccess', _17 => _17.cancelText])
   );
   const resolvedOkText = _tigercatcore.resolveLocaleText.call(void 0, 
     "\u786E\u5B9A",
     okText,
-    _optionalChain([labels, 'optionalAccess', _16 => _16.okText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _17 => _17.modal, 'optionalAccess', _18 => _18.okText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _19 => _19.common, 'optionalAccess', _20 => _20.okText])
+    _optionalChain([labels, 'optionalAccess', _18 => _18.okText]),
+    _optionalChain([mergedLocale, 'optionalAccess', _19 => _19.modal, 'optionalAccess', _20 => _20.okText]),
+    _optionalChain([mergedLocale, 'optionalAccess', _21 => _21.common, 'optionalAccess', _22 => _22.okText])
   );
   const reactId = _react.useId.call(void 0, );
   const modalId = _react.useMemo.call(void 0, () => `tiger-modal-${reactId}`, [reactId]);
@@ -188,7 +198,7 @@ var Modal = ({
   }, []);
   const handleTouchStart = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _21 => _21.onTouchStart, 'optionalCall', _22 => _22(event)]);
+      _optionalChain([dialogDivProps, 'access', _23 => _23.onTouchStart, 'optionalCall', _24 => _24(event)]);
       if (!open || !mobileSheet) return;
       const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
       touchStartRef.current = point;
@@ -198,7 +208,7 @@ var Modal = ({
   );
   const handleTouchMove = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _23 => _23.onTouchMove, 'optionalCall', _24 => _24(event)]);
+      _optionalChain([dialogDivProps, 'access', _25 => _25.onTouchMove, 'optionalCall', _26 => _26(event)]);
       if (!touchStartRef.current) return;
       const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
       if (point) {
@@ -209,7 +219,7 @@ var Modal = ({
   );
   const handleTouchEnd = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _25 => _25.onTouchEnd, 'optionalCall', _26 => _26(event)]);
+      _optionalChain([dialogDivProps, 'access', _27 => _27.onTouchEnd, 'optionalCall', _28 => _28(event)]);
       const gesture = _tigercatcore.resolveSwipeGesture.call(void 0, 
         touchStartRef.current,
         _nullishCoalesce(_tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches), () => ( touchCurrentRef.current)),
@@ -224,7 +234,7 @@ var Modal = ({
   );
   const handleTouchCancel = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _27 => _27.onTouchCancel, 'optionalCall', _28 => _28(event)]);
+      _optionalChain([dialogDivProps, 'access', _29 => _29.onTouchCancel, 'optionalCall', _30 => _30(event)]);
       resetTouchGesture();
     },
     [dialogDivProps, resetTouchGesture]

package/dist/{chunk-DVEK5SO6.mjs → chunk-D4X3NBAI.mjs}

@@ -1,3 +1,6 @@
+import {
+  useInputGroupContext
+} from "./chunk-34VGG7AK.mjs";
 import {
   useControlledState
 } from "./chunk-WHYHLUXG.mjs";
@@ -12,7 +15,7 @@ import {
 import { jsx, jsxs } from "react/jsx-runtime";
 var Textarea = forwardRef(
   ({
-    size = "md",
+    size,
     disabled = false,
     readonly = false,
     required = false,
@@ -33,6 +36,8 @@ var Textarea = forwardRef(
     className,
     ...props
   }, ref) => {
+    const inputGroup = useInputGroupContext();
+    const effectiveSize = size ?? inputGroup?.size ?? "md";
     const textareaRef = useRef(null);
     const [currentValue, setValue] = useControlledState(value, defaultValue || "");
     const setRefs = (node) => {
@@ -47,11 +52,11 @@ var Textarea = forwardRef(
     const textareaClasses = useMemo(
       () => classNames(
         "block",
-        getInputClasses({ size }),
+        getInputClasses({ size: effectiveSize }),
         autoResize ? "resize-none" : "resize-y",
         className
       ),
-      [size, autoResize, className]
+      [effectiveSize, autoResize, className]
     );
     const handleInput = (event) => {
       setValue(event.currentTarget.value);