@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-WI4N5DD3.mjs

@@ -1,8 +1,15 @@
-import { useRef, useMemo, useCallback, useEffect } from 'react';
-import { getInfiniteScrollContainerClasses, shouldLoadMore, createInfiniteScrollObserver, classNames, infiniteScrollSentinelClasses, infiniteScrollLoaderClasses, infiniteScrollEndClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
 // src/components/InfiniteScroll.tsx
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import {
+  classNames,
+  shouldLoadMore,
+  createInfiniteScrollObserver,
+  getInfiniteScrollContainerClasses,
+  infiniteScrollLoaderClasses,
+  infiniteScrollEndClasses,
+  infiniteScrollSentinelClasses
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var InfiniteScroll = ({
   hasMore = true,
   loading = false,
@@ -83,4 +90,7 @@ var InfiniteScroll = ({
 };
 var InfiniteScroll_default = InfiniteScroll;
 
-export { InfiniteScroll, InfiniteScroll_default };
+export {
+  InfiniteScroll,
+  InfiniteScroll_default
+};

package/dist/chunk-WIWTY74F.mjs

@@ -1,8 +1,16 @@
-import { useMemo } from 'react';
-import { getEmptyDescription, classNames, emptyBaseClasses, emptyImageClasses, emptyIllustrationPaths, emptyIllustrationViewBox, emptyDescriptionClasses, emptyActionsClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Empty.tsx
+import { useMemo } from "react";
+import {
+  classNames,
+  emptyBaseClasses,
+  emptyImageClasses,
+  emptyDescriptionClasses,
+  emptyActionsClasses,
+  emptyIllustrationViewBox,
+  emptyIllustrationPaths,
+  getEmptyDescription
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Empty = ({
   preset = "default",
   description,
@@ -41,4 +49,6 @@ var Empty = ({
   ] });
 };
 
-export { Empty };
+export {
+  Empty
+};

package/dist/chunk-WK45IRP7.mjs

@@ -1,8 +1,14 @@
-import { useState, useRef, useMemo, useEffect } from 'react';
-import { resolveWatermarkFont, createWatermarkRenderController, watermarkDefaults, getWatermarkOverlayStyle, classNames, watermarkWrapperClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Watermark.tsx
+import { useEffect, useRef, useState, useMemo } from "react";
+import {
+  classNames,
+  watermarkDefaults,
+  watermarkWrapperClasses,
+  resolveWatermarkFont,
+  createWatermarkRenderController,
+  getWatermarkOverlayStyle
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Watermark = ({
   content,
   image,
@@ -82,4 +88,6 @@ var Watermark = ({
   ] });
 };
 
-export { Watermark };
+export {
+  Watermark
+};

package/dist/chunk-WN3ZI7FN.js

@@ -0,0 +1,144 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkQ2GPRAF4js = require('./chunk-Q2GPRAF4.js');
+
+// src/components/CollapsePanel.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var CollapsePanel = ({
+  panelKey,
+  header,
+  disabled = false,
+  showArrow = true,
+  className,
+  style,
+  extra,
+  children
+}) => {
+  const collapseContext = _chunkQ2GPRAF4js.useCollapseContext.call(void 0, );
+  const contentRef = _react.useRef.call(void 0, null);
+  const transitionControllerRef = _react.useRef.call(void 0, null);
+  const initialContentStyleRef = _react.useRef.call(void 0, _tigercatcore.getInitialCollapseContentStyle.call(void 0, false));
+  const initialActiveRef = _react.useRef.call(void 0, null);
+  if (!collapseContext) {
+    throw new Error("CollapsePanel must be used within a Collapse component");
+  }
+  const isActive = _react.useMemo.call(void 0, () => {
+    return _tigercatcore.isPanelActive.call(void 0, panelKey, collapseContext.activeKeys);
+  }, [panelKey, collapseContext.activeKeys]);
+  if (initialActiveRef.current === null) {
+    initialActiveRef.current = isActive;
+  }
+  if (!transitionControllerRef.current) {
+    initialContentStyleRef.current = _tigercatcore.getInitialCollapseContentStyle.call(void 0, initialActiveRef.current);
+  }
+  const panelClasses = _react.useMemo.call(void 0, () => {
+    return _tigercatcore.classNames.call(void 0, _tigercatcore.getCollapsePanelClasses.call(void 0, collapseContext.ghost, className));
+  }, [collapseContext.ghost, className]);
+  const headerClasses = _react.useMemo.call(void 0, () => {
+    return _tigercatcore.getCollapsePanelHeaderClasses.call(void 0, isActive, disabled);
+  }, [isActive, disabled]);
+  const iconClasses = _react.useMemo.call(void 0, () => {
+    return _tigercatcore.getCollapseIconClasses.call(void 0, isActive, collapseContext.expandIconPosition);
+  }, [isActive, collapseContext.expandIconPosition]);
+  const handleClick = _react.useCallback.call(void 0, () => {
+    if (!disabled) {
+      collapseContext.handlePanelClick(panelKey);
+    }
+  }, [disabled, collapseContext, panelKey]);
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (event) => {
+      if (disabled) {
+        return;
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        collapseContext.handlePanelClick(panelKey);
+      }
+    },
+    [disabled, collapseContext, panelKey]
+  );
+  _react.useLayoutEffect.call(void 0, () => {
+    if (!contentRef.current) return void 0;
+    const controller = _tigercatcore.createCollapseTransitionController.call(void 0, contentRef.current, {
+      expanded: _nullishCoalesce(initialActiveRef.current, () => ( false))
+    });
+    transitionControllerRef.current = controller;
+    return () => {
+      transitionControllerRef.current = null;
+      controller.dispose();
+    };
+  }, []);
+  _react.useLayoutEffect.call(void 0, () => {
+    _optionalChain([transitionControllerRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.update, 'call', _3 => _3(isActive)]);
+  }, [isActive]);
+  const arrowIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      className: iconClasses,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M6 12L10 8L6 4",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: panelClasses, style, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: headerClasses,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-expanded": isActive,
+        "aria-disabled": disabled,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: [
+          showArrow && collapseContext.expandIconPosition === "start" && arrowIcon,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.collapseHeaderTextClasses, children: header }),
+          extra && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-auto", children: extra }),
+          showArrow && collapseContext.expandIconPosition === "end" && arrowIcon
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: contentRef,
+        "data-tiger-collapse-content": "",
+        className: _tigercatcore.collapsePanelContentWrapperClasses,
+        style: initialContentStyleRef.current,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.collapsePanelContentBaseClasses, children })
+      }
+    )
+  ] });
+};
+var CollapsePanel_default = CollapsePanel;
+
+
+
+
+exports.CollapsePanel = CollapsePanel; exports.CollapsePanel_default = CollapsePanel_default;

package/dist/chunk-WNLUUD5N.mjs

@@ -1,8 +1,19 @@
-import { useRef, useId, useState, useEffect, useCallback } from 'react';
-import { injectShakeStyle, SHAKE_CLASS, getInputClasses, classNames, getInputAffixClasses, getInputWrapperClasses, getInputCountClasses, parseInputValue, getInputErrorClasses, getInputClearButtonClasses, getInputPasswordToggleClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Input.tsx
+import { useState, useEffect, useRef, useCallback, useId } from "react";
+import {
+  classNames,
+  getInputClasses,
+  getInputWrapperClasses,
+  getInputAffixClasses,
+  getInputErrorClasses,
+  getInputClearButtonClasses,
+  getInputPasswordToggleClasses,
+  getInputCountClasses,
+  parseInputValue,
+  injectShakeStyle,
+  SHAKE_CLASS
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Input = ({
   size = "md",
   type = "text",
@@ -176,4 +187,6 @@ var Input = ({
   return wrapperNode;
 };
 
-export { Input };
+export {
+  Input
+};

package/dist/{chunk-AZDNGGV7.mjs → chunk-WQ4FOHOU.mjs}

@@ -1,9 +1,30 @@
-import { StatusIcon } from './chunk-FLYJVZED.mjs';
-import { useState, useEffect } from 'react';
-import { createRoot } from 'react-dom/client';
-import { createNotificationStackUpdateScheduler, classNames, notificationContainerBaseClasses, notificationPositionClasses, getNotificationTypeClasses, notificationBaseClasses, getNotificationIconPath, notificationIconClasses, notificationContentClasses, notificationTitleClasses, notificationDescriptionClasses, notificationCloseButtonClasses, notificationCloseIconClasses, notificationCloseIconPath, normalizeStringOption, ANIMATION_DURATION_MS, isBrowser } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  StatusIcon
+} from "./chunk-FLYJVZED.mjs";
 
+// src/components/Notification.tsx
+import { useEffect, useState } from "react";
+import { createRoot } from "react-dom/client";
+import {
+  classNames,
+  getNotificationTypeClasses,
+  notificationContainerBaseClasses,
+  notificationPositionClasses,
+  notificationBaseClasses,
+  notificationIconClasses,
+  notificationContentClasses,
+  notificationTitleClasses,
+  notificationDescriptionClasses,
+  notificationCloseButtonClasses,
+  notificationCloseIconClasses,
+  getNotificationIconPath,
+  notificationCloseIconPath,
+  createNotificationStackUpdateScheduler,
+  isBrowser,
+  ANIMATION_DURATION_MS,
+  normalizeStringOption
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
 var notificationInstancesByPosition = {
   "top-left": [],
@@ -36,7 +57,8 @@ function getNextInstanceId() {
 var NotificationItem = ({ notification: notification2, onClose }) => {
   const [isVisible, setIsVisible] = useState(false);
   useEffect(() => {
-    setTimeout(() => setIsVisible(true), 10);
+    const timer = setTimeout(() => setIsVisible(true), 10);
+    return () => clearTimeout(timer);
   }, []);
   const colorScheme = getNotificationTypeClasses(notification2.type);
   const notificationClasses = classNames(
@@ -258,4 +280,8 @@ var notification = {
 };
 var Notification_default = notification;
 
-export { NotificationContainer, Notification_default, notification };
+export {
+  NotificationContainer,
+  notification,
+  Notification_default
+};

package/dist/chunk-WV5XHYW6.js

@@ -1,10 +1,7 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/ChartLegend.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/ChartLegend.tsx
+var _react = require('react');
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var ChartLegend = ({
   items,
   position = "bottom",
@@ -16,33 +13,33 @@ var ChartLegend = ({
   onItemHover,
   onItemLeave
 }) => {
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
       "flex flex-wrap",
       position === "right" || position === "left" ? "flex-col gap-2" : "flex-row gap-3",
       className
     ),
     [position, className]
   );
-  const handleClick = react.useCallback(
+  const handleClick = _react.useCallback.call(void 0, 
     (item) => {
       if (!interactive) return;
-      onItemClick?.(item.index, item);
+      _optionalChain([onItemClick, 'optionalCall', _ => _(item.index, item)]);
     },
     [interactive, onItemClick]
   );
-  const handleHover = react.useCallback(
+  const handleHover = _react.useCallback.call(void 0, 
     (item) => {
       if (!interactive) return;
-      onItemHover?.(item.index, item);
+      _optionalChain([onItemHover, 'optionalCall', _2 => _2(item.index, item)]);
     },
     [interactive, onItemHover]
   );
-  const handleLeave = react.useCallback(() => {
+  const handleLeave = _react.useCallback.call(void 0, () => {
     if (!interactive) return;
-    onItemLeave?.();
+    _optionalChain([onItemLeave, 'optionalCall', _3 => _3()]);
   }, [interactive, onItemLeave]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: containerClasses,
@@ -51,11 +48,11 @@ var ChartLegend = ({
       "data-chart-legend": "true",
       children: items.map((item) => {
         const ItemComponent = interactive ? "button" : "div";
-        return /* @__PURE__ */ jsxRuntime.jsxs(
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           ItemComponent,
           {
             type: interactive ? "button" : void 0,
-            className: tigercatCore.classNames(
+            className: _tigercatcore.classNames.call(void 0, 
               "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
               "text-[color:var(--tiger-text-secondary,#6b7280)]",
               interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
@@ -67,7 +64,7 @@ var ChartLegend = ({
             onMouseEnter: interactive ? () => handleHover(item) : void 0,
             onMouseLeave: interactive ? handleLeave : void 0,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "span",
                 {
                   className: "inline-block rounded-full shrink-0",
@@ -81,7 +78,7 @@ var ChartLegend = ({
                   "data-legend-marker": "true"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginRight: `${gap}px` }, children: item.label })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { marginRight: `${gap}px` }, children: item.label })
             ]
           },
           `legend-${item.index}`
@@ -92,5 +89,7 @@ var ChartLegend = ({
 };
 var ChartLegend_default = ChartLegend;
 
-exports.ChartLegend = ChartLegend;
-exports.ChartLegend_default = ChartLegend_default;
+
+
+
+exports.ChartLegend = ChartLegend; exports.ChartLegend_default = ChartLegend_default;

package/dist/{chunk-C745DPLU.mjs → chunk-WVTUGFWO.mjs}

@@ -1,8 +1,35 @@
-import { useClickOutside, useEscapeKey, useFloating } from './chunk-XTSG362L.mjs';
-import React, { createContext, useState, useRef, useId, useMemo, useEffect, useCallback } from 'react';
-import { classNames, getDropdownMenuClasses, injectDropdownStyles, captureActiveElement, focusFirstMenuItem, restoreFocus, handleMenuNavigation, getDropdownContainerClasses, getDropdownTriggerClasses, DROPDOWN_ENTER_CLASS, getTransformOrigin, getDropdownChevronClasses, DROPDOWN_CHEVRON_PATH } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  useClickOutside,
+  useEscapeKey,
+  useFloating
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/Dropdown.tsx
+import React, {
+  createContext,
+  useState,
+  useEffect,
+  useRef,
+  useCallback,
+  useMemo,
+  useId
+} from "react";
+import {
+  classNames,
+  getDropdownContainerClasses,
+  getDropdownTriggerClasses,
+  getDropdownChevronClasses,
+  getDropdownMenuClasses,
+  getTransformOrigin,
+  injectDropdownStyles,
+  DROPDOWN_CHEVRON_PATH,
+  DROPDOWN_ENTER_CLASS,
+  handleMenuNavigation,
+  focusFirstMenuItem,
+  captureActiveElement,
+  restoreFocus
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var DropdownContext = createContext(null);
 var DropdownMenu = ({
   className,
@@ -196,10 +223,16 @@ var Dropdown = ({
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         onKeyDown: handleMenuKeyDown,
-        children: menuElement && React.isValidElement(menuElement) ? React.cloneElement(menuElement, { id: menuId }) : menuElement
+        children: menuElement && React.isValidElement(menuElement) ? React.cloneElement(menuElement, {
+          id: menuId
+        }) : menuElement
       }
     )
   ] }) });
 };
 
-export { Dropdown, DropdownContext, DropdownMenu };
+export {
+  DropdownContext,
+  DropdownMenu,
+  Dropdown
+};

package/dist/chunk-WVVXZKNI.js

@@ -1,11 +1,16 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
 
-var Textarea = react.forwardRef(
+// src/components/Textarea.tsx
+var _react = require('react');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Textarea = _react.forwardRef.call(void 0, 
   ({
     size = "md",
     disabled = false,
@@ -28,8 +33,8 @@ var Textarea = react.forwardRef(
     className,
     ...props
   }, ref) => {
-    const textareaRef = react.useRef(null);
-    const [currentValue, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(
+    const textareaRef = _react.useRef.call(void 0, null);
+    const [currentValue, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, 
       value,
       defaultValue || ""
     );
@@ -38,14 +43,14 @@ var Textarea = react.forwardRef(
       if (typeof ref === "function") ref(node);
       else if (ref) ref.current = node;
     };
-    react.useLayoutEffect(() => {
+    _react.useLayoutEffect.call(void 0, () => {
       if (!autoResize || !textareaRef.current) return;
-      tigercatCore.autoResizeTextarea(textareaRef.current, { minRows, maxRows });
+      _tigercatcore.autoResizeTextarea.call(void 0, textareaRef.current, { minRows, maxRows });
     }, [autoResize, currentValue, minRows, maxRows]);
-    const textareaClasses = react.useMemo(
-      () => tigercatCore.classNames(
+    const textareaClasses = _react.useMemo.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
         "block",
-        tigercatCore.getInputClasses({ size }),
+        _tigercatcore.getInputClasses.call(void 0, { size }),
         autoResize ? "resize-none" : "resize-y",
         className
       ),
@@ -55,14 +60,14 @@ var Textarea = react.forwardRef(
       if (!isControlled) {
         setInternalValue(event.currentTarget.value);
       }
-      onInput?.(event);
+      _optionalChain([onInput, 'optionalCall', _ => _(event)]);
     };
     const handleChange = (event) => {
-      onChange?.(event);
+      _optionalChain([onChange, 'optionalCall', _2 => _2(event)]);
     };
-    const currentLength = currentValue?.length ?? 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+    const currentLength = _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _3 => _3.length]), () => ( 0));
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "textarea",
         {
           ref: setRefs,
@@ -82,10 +87,12 @@ var Textarea = react.forwardRef(
           ...props
         }
       ),
-      showCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-gray-500 text-right", children: maxLength ? `${currentLength}/${maxLength}` : currentLength })
+      showCount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 text-sm text-gray-500 text-right", children: maxLength ? `${currentLength}/${maxLength}` : currentLength })
     ] });
   }
 );
 Textarea.displayName = "Textarea";
 
+
+
 exports.Textarea = Textarea;

package/dist/{chunk-2LER76UK.mjs → chunk-X37Q7VME.mjs}

@@ -1,12 +1,27 @@
-import { VirtualList } from './chunk-SXNHXUUF.mjs';
-import { Input } from './chunk-WNLUUD5N.mjs';
-import { Textarea } from './chunk-7QZ4XT2P.mjs';
-import { Button } from './chunk-GKJNQUTW.mjs';
-import { Avatar } from './chunk-FE7PEZTI.mjs';
-import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { classNames, getChatMessageStatusInfo, formatChatTime } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  VirtualList
+} from "./chunk-7DUHHRAU.mjs";
+import {
+  Input
+} from "./chunk-WNLUUD5N.mjs";
+import {
+  Textarea
+} from "./chunk-7QZ4XT2P.mjs";
+import {
+  Button
+} from "./chunk-USWK2S3Y.mjs";
+import {
+  Avatar
+} from "./chunk-4ZZ7YRTB.mjs";
 
+// src/components/ChatWindow.tsx
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  getChatMessageStatusInfo,
+  formatChatTime
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ChatWindow = ({
   messages = [],
   value,
@@ -30,7 +45,6 @@ var ChatWindow = ({
   allowShiftEnter = true,
   allowEmpty = false,
   clearOnSend = true,
-  statusVariant: _sv,
   virtual = false,
   virtualItemHeight = 88,
   virtualHeight = 400,
@@ -221,4 +235,7 @@ var ChatWindow = ({
 };
 var ChatWindow_default = ChatWindow;
 
-export { ChatWindow, ChatWindow_default };
+export {
+  ChatWindow,
+  ChatWindow_default
+};