@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-BR5OSUZT.mjs → chunk-WI4N5DD3.mjs}

@@ -1,8 +1,15 @@
-import { useRef, useMemo, useCallback, useEffect } from 'react';
-import { getInfiniteScrollContainerClasses, shouldLoadMore, classNames, 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,
@@ -20,36 +27,70 @@ var InfiniteScroll = ({
   ...rest
 }) => {
   const containerRef = useRef(null);
+  const sentinelRef = useRef(null);
   const containerClasses = useMemo(
     () => getInfiniteScrollContainerClasses(direction, className),
     [direction, className]
   );
+  const onLoadMoreRef = useRef(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
   const checkScroll = useCallback(() => {
     if (disabled || loading || !hasMore) return;
     const el = containerRef.current;
     if (!el) return;
     if (shouldLoadMore(el, threshold, direction, inverse)) {
-      onLoadMore?.();
+      onLoadMoreRef.current?.();
     }
-  }, [disabled, loading, hasMore, threshold, direction, inverse, onLoadMore]);
+  }, [disabled, loading, hasMore, threshold, direction, inverse]);
   useEffect(() => {
+    if (disabled || !hasMore) return;
+    const sentinel = sentinelRef.current;
+    if (!sentinel) return;
+    const teardown = createInfiniteScrollObserver(sentinel, {
+      threshold,
+      direction,
+      root: containerRef.current,
+      onLoadMore: () => {
+        if (!disabled && !loading && hasMore) {
+          onLoadMoreRef.current?.();
+        }
+      }
+    });
+    if (teardown) {
+      return teardown;
+    }
     const el = containerRef.current;
-    if (!el) return;
-    el.addEventListener("scroll", checkScroll, { passive: true });
-    return () => el.removeEventListener("scroll", checkScroll);
-  }, [checkScroll]);
+    if (el) {
+      el.addEventListener("scroll", checkScroll, { passive: true });
+      return () => el.removeEventListener("scroll", checkScroll);
+    }
+  }, [disabled, loading, hasMore, threshold, direction, inverse, checkScroll]);
+  const sentinelEl = hasMore ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: sentinelRef,
+      className: infiniteScrollSentinelClasses,
+      "aria-hidden": "true",
+      style: { height: 0, overflow: "hidden" }
+    }
+  ) : null;
   const loaderEl = loading ? /* @__PURE__ */ jsx("div", { className: infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: loader ?? loadingText }) : null;
   const endEl = !hasMore && !loading ? /* @__PURE__ */ jsx("div", { className: infiniteScrollEndClasses, children: end ?? endText }) : null;
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: classNames(containerClasses), ...rest, children: inverse ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    sentinelEl,
     loaderEl,
     children,
     endEl
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     children,
+    sentinelEl,
     loaderEl,
     endEl
   ] }) });
 };
 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-TQEIMVJD.mjs → chunk-WK45IRP7.mjs}

@@ -1,8 +1,14 @@
-import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
-import { resolveWatermarkFont, watermarkDefaults, renderWatermarkCanvas, 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,
@@ -21,48 +27,39 @@ var Watermark = ({
 }) => {
   const [base64, setBase64] = useState();
   const wrapperRef = useRef(null);
+  const renderControllerRef = useRef(null);
   const resolvedFont = useMemo(() => resolveWatermarkFont(font), [font]);
-  const generate = useCallback(() => {
-    if (image) {
-      const img = new Image();
-      img.crossOrigin = "anonymous";
-      img.onload = () => {
-        const canvas = document.createElement("canvas");
-        const dpr = window.devicePixelRatio || 1;
-        canvas.width = width * dpr;
-        canvas.height = height * dpr;
-        const ctx = canvas.getContext("2d");
-        if (!ctx) return;
-        ctx.scale(dpr, dpr);
-        ctx.translate(width / 2, height / 2);
-        ctx.rotate(rotate * Math.PI / 180);
-        ctx.translate(-width / 2, -height / 2);
-        ctx.drawImage(img, 0, 0, width, height);
-        setBase64(canvas.toDataURL());
-      };
-      img.src = image;
-    } else {
-      setBase64(
-        renderWatermarkCanvas({
-          content,
-          width,
-          height,
-          rotate,
-          font: resolvedFont
-        })
-      );
-    }
-  }, [content, image, width, height, rotate, resolvedFont]);
   useEffect(() => {
-    generate();
-  }, [generate]);
+    const target = wrapperRef.current;
+    if (!target) return;
+    const controller = createWatermarkRenderController({
+      getRenderOptions: () => ({
+        content,
+        image,
+        width,
+        height,
+        rotate,
+        font: resolvedFont
+      }),
+      onRender: setBase64
+    });
+    renderControllerRef.current = controller;
+    controller.observe(target);
+    controller.render();
+    return () => {
+      controller.disconnect();
+      if (renderControllerRef.current === controller) {
+        renderControllerRef.current = null;
+      }
+    };
+  }, [content, image, width, height, rotate, resolvedFont]);
   useEffect(() => {
     if (typeof MutationObserver === "undefined" || !wrapperRef.current) return;
     const observer = new MutationObserver((mutations) => {
       for (const m of mutations) {
         for (const node of Array.from(m.removedNodes)) {
           if (node.dataset?.watermark === "true") {
-            generate();
+            renderControllerRef.current?.render();
             return;
           }
         }
@@ -70,7 +67,7 @@ var Watermark = ({
     });
     observer.observe(wrapperRef.current, { childList: true });
     return () => observer.disconnect();
-  }, [generate]);
+  }, []);
   const overlayStyle = useMemo(
     () => getWatermarkOverlayStyle({
       base64Url: base64,
@@ -91,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-WV5XHYW6.js

@@ -0,0 +1,95 @@
+"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",
+  markerSize = 10,
+  gap = 8,
+  interactive = false,
+  className,
+  onItemClick,
+  onItemHover,
+  onItemLeave
+}) => {
+  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.call(void 0, 
+    (item) => {
+      if (!interactive) return;
+      _optionalChain([onItemClick, 'optionalCall', _ => _(item.index, item)]);
+    },
+    [interactive, onItemClick]
+  );
+  const handleHover = _react.useCallback.call(void 0, 
+    (item) => {
+      if (!interactive) return;
+      _optionalChain([onItemHover, 'optionalCall', _2 => _2(item.index, item)]);
+    },
+    [interactive, onItemHover]
+  );
+  const handleLeave = _react.useCallback.call(void 0, () => {
+    if (!interactive) return;
+    _optionalChain([onItemLeave, 'optionalCall', _3 => _3()]);
+  }, [interactive, onItemLeave]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: containerClasses,
+      role: "list",
+      "aria-label": "Chart legend",
+      "data-chart-legend": "true",
+      children: items.map((item) => {
+        const ItemComponent = interactive ? "button" : "div";
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          ItemComponent,
+          {
+            type: interactive ? "button" : void 0,
+            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",
+              item.active === false ? "opacity-50" : void 0
+            ),
+            role: "listitem",
+            "data-legend-item": "true",
+            onClick: interactive ? () => handleClick(item) : void 0,
+            onMouseEnter: interactive ? () => handleHover(item) : void 0,
+            onMouseLeave: interactive ? handleLeave : void 0,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "span",
+                {
+                  className: "inline-block rounded-full shrink-0",
+                  style: {
+                    width: `${markerSize}px`,
+                    height: `${markerSize}px`,
+                    background: `var(--tiger-chart-legend-marker-image, ${item.color})`,
+                    "--tiger-chart-legend-marker-color": item.color
+                  },
+                  "aria-hidden": "true",
+                  "data-legend-marker": "true"
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { marginRight: `${gap}px` }, children: item.label })
+            ]
+          },
+          `legend-${item.index}`
+        );
+      })
+    }
+  );
+};
+var ChartLegend_default = ChartLegend;
+
+
+
+
+exports.ChartLegend = ChartLegend; exports.ChartLegend_default = ChartLegend_default;

package/dist/{chunk-2UQC3WOI.mjs → chunk-WVTUGFWO.mjs}

@@ -1,10 +1,46 @@
-import { DropdownMenu } from './chunk-SIVJX7VU.mjs';
-import { useClickOutside, useEscapeKey, useFloating } from './chunk-WLIFEALE.mjs';
-import React, { createContext, useState, useRef, useId, useMemo, useEffect, useCallback } from 'react';
-import { injectDropdownStyles, captureActiveElement, focusFirstMenuItem, restoreFocus, handleMenuNavigation, classNames, 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,
+  style,
+  children,
+  role,
+  ...divProps
+}) => {
+  const menuClasses = classNames(getDropdownMenuClasses(), className);
+  return /* @__PURE__ */ jsx("div", { className: menuClasses, style, role: role ?? "menu", ...divProps, children });
+};
 var Dropdown = ({
   trigger = "hover",
   placement: initialPlacement = "bottom-start",
@@ -187,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 };
+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;