@expcat/tigercat-react 0.4.2 → 1.0.0

package/dist/{chunk-SAZ6V6DX.js → chunk-RVCUNEBU.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -8,7 +9,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-// src/components/RadioGroup.tsx
 var RadioGroupContext = React__default.default.createContext(null);
 var RadioGroup = ({
   value,
@@ -21,9 +21,7 @@ var RadioGroup = ({
   className,
   ...props
 }) => {
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
+  const [currentValue, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(value, defaultValue);
   const generatedNameRef = React.useRef(
     `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
   );

package/dist/{chunk-HB2UYJBY.js → chunk-RYW4CV7U.js}

@@ -16,34 +16,50 @@ var Dropdown = ({
   placement: initialPlacement = "bottom-start",
   offset = 4,
   disabled = false,
-  visible: controlledVisible,
-  defaultVisible = false,
+  open: controlledOpen,
+  defaultOpen = false,
   closeOnClick = true,
   showArrow = true,
   className,
   style,
-  onVisibleChange,
+  onOpenChange,
   children,
   ...divProps
 }) => {
-  const [internalVisible, setInternalVisible] = React.useState(defaultVisible);
-  const visible = controlledVisible !== void 0 ? controlledVisible : internalVisible;
+  const [internalVisible, setInternalVisible] = React.useState(defaultOpen);
+  const visible = controlledOpen !== void 0 ? controlledOpen : internalVisible;
   const containerRef = React.useRef(null);
   const triggerRef = React.useRef(null);
   const floatingRef = React.useRef(null);
   const hoverTimerRef = React.useRef(null);
+  const previousActiveElementRef = React.useRef(null);
+  const reactId = React.useId();
+  const menuId = React.useMemo(() => `tiger-dropdown-menu-${reactId}`, [reactId]);
   React.useEffect(() => {
     tigercatCore.injectDropdownStyles();
   }, []);
   const setVisible = React.useCallback(
     (newVisible) => {
       if (disabled && newVisible) return;
-      if (controlledVisible === void 0) {
+      if (newVisible && !visible) {
+        previousActiveElementRef.current = tigercatCore.captureActiveElement();
+      }
+      if (controlledOpen === void 0) {
         setInternalVisible(newVisible);
       }
-      onVisibleChange?.(newVisible);
+      onOpenChange?.(newVisible);
+      if (newVisible) {
+        requestAnimationFrame(() => {
+          if (floatingRef.current) {
+            tigercatCore.focusFirstMenuItem(floatingRef.current);
+          }
+        });
+      } else {
+        tigercatCore.restoreFocus(previousActiveElementRef.current);
+        previousActiveElementRef.current = null;
+      }
     },
-    [disabled, controlledVisible, onVisibleChange]
+    [disabled, visible, controlledOpen, onOpenChange]
   );
   const handleItemClick = React.useCallback(() => {
     if (closeOnClick) {
@@ -72,6 +88,11 @@ var Dropdown = ({
     if (trigger !== "click") return;
     setVisible(!visible);
   }, [trigger, visible, setVisible]);
+  const handleMenuKeyDown = React.useCallback((event) => {
+    if (floatingRef.current) {
+      tigercatCore.handleMenuNavigation(floatingRef.current, event.nativeEvent);
+    }
+  }, []);
   chunkZYPEO2KY_js.useClickOutside({
     enabled: trigger === "click" && visible,
     refs: [containerRef],
@@ -144,45 +165,38 @@ var Dropdown = ({
       children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.DROPDOWN_CHEVRON_PATH })
     }
   ) : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: containerClasses,
-      style,
-      ...divProps,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: triggerRef,
-            className: triggerClasses,
-            onClick: handleClick,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            "aria-haspopup": "menu",
-            "aria-expanded": visible,
-            children: [
-              triggerElement,
-              chevronNode
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref: floatingRef,
-            className: menuWrapperClasses,
-            style: menuWrapperStyles,
-            hidden: !visible,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            children: menuElement
-          }
-        )
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: triggerRef,
+        className: triggerClasses,
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        "aria-haspopup": "menu",
+        "aria-expanded": visible,
+        "aria-controls": visible ? menuId : void 0,
+        children: [
+          triggerElement,
+          chevronNode
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: floatingRef,
+        className: menuWrapperClasses,
+        style: menuWrapperStyles,
+        hidden: !visible,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onKeyDown: handleMenuKeyDown,
+        children: menuElement && React__default.default.isValidElement(menuElement) ? React__default.default.cloneElement(menuElement, { id: menuId }) : menuElement
+      }
+    )
+  ] }) });
 };
 
 exports.Dropdown = Dropdown;

package/dist/chunk-S5Y6UHAK.mjs

@@ -0,0 +1,116 @@
+import { useState, useMemo, useCallback } from 'react';
+import { getMonthDays, classNames, getCalendarContainerClasses, calendarHeaderClasses, calendarNavButtonClasses, MONTHS, calendarTitleClasses, getCalendarMonthClasses, WEEKDAYS, calendarWeekdayClasses, isSameDay, getCalendarDayClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Calendar.tsx
+var Calendar = ({
+  value,
+  mode = "month",
+  fullscreen = false,
+  disabledDate,
+  onChange,
+  onPanelChange,
+  className
+}) => {
+  const today = /* @__PURE__ */ new Date();
+  const [viewYear, setViewYear] = useState(value?.getFullYear() ?? today.getFullYear());
+  const [viewMonth, setViewMonth] = useState(value?.getMonth() ?? today.getMonth());
+  const days = useMemo(() => getMonthDays(viewYear, viewMonth), [viewYear, viewMonth]);
+  const navigate = useCallback(
+    (newYear, newMonth) => {
+      setViewYear(newYear);
+      setViewMonth(newMonth);
+      onPanelChange?.(new Date(newYear, newMonth, 1), mode);
+    },
+    [mode, onPanelChange]
+  );
+  const prevMonth = useCallback(() => {
+    if (viewMonth === 0) navigate(viewYear - 1, 11);
+    else navigate(viewYear, viewMonth - 1);
+  }, [viewYear, viewMonth, navigate]);
+  const nextMonth = useCallback(() => {
+    if (viewMonth === 11) navigate(viewYear + 1, 0);
+    else navigate(viewYear, viewMonth + 1);
+  }, [viewYear, viewMonth, navigate]);
+  const prevYear = useCallback(
+    () => navigate(viewYear - 1, viewMonth),
+    [viewYear, viewMonth, navigate]
+  );
+  const nextYear = useCallback(
+    () => navigate(viewYear + 1, viewMonth),
+    [viewYear, viewMonth, navigate]
+  );
+  const selectDay = useCallback(
+    (date) => {
+      if (disabledDate?.(date)) return;
+      onChange?.(date);
+    },
+    [disabledDate, onChange]
+  );
+  const selectMonth = useCallback(
+    (monthIdx) => {
+      setViewMonth(monthIdx);
+      onPanelChange?.(new Date(viewYear, monthIdx, 1), mode);
+    },
+    [viewYear, mode, onPanelChange]
+  );
+  const containerClass = classNames(getCalendarContainerClasses(fullscreen), className);
+  return /* @__PURE__ */ jsxs("div", { className: containerClass, role: "group", children: [
+    /* @__PURE__ */ jsxs("div", { className: calendarHeaderClasses, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: calendarNavButtonClasses,
+          "aria-label": mode === "month" ? "Previous month" : "Previous year",
+          onClick: mode === "month" ? prevMonth : prevYear,
+          children: "\u2039"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: calendarTitleClasses, children: mode === "month" ? `${MONTHS[viewMonth]} ${viewYear}` : `${viewYear}` }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: calendarNavButtonClasses,
+          "aria-label": mode === "month" ? "Next month" : "Next year",
+          onClick: mode === "month" ? nextMonth : nextYear,
+          children: "\u203A"
+        }
+      )
+    ] }),
+    mode === "year" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: MONTHS.map((m, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: getCalendarMonthClasses(viewMonth === i),
+        onClick: () => selectMonth(i),
+        children: m
+      },
+      i
+    )) }) : /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx("div", { className: calendarWeekdayClasses, children: wd }, wd)) }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: days.map((date, i) => {
+        const isCurrentMonth = date.getMonth() === viewMonth;
+        const isSelected = value ? isSameDay(date, value) : false;
+        const isTodayDate = isSameDay(date, today);
+        const isDisabled = !!disabledDate?.(date);
+        return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-0.5", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: getCalendarDayClasses(
+              isSelected,
+              isTodayDate,
+              isCurrentMonth,
+              isDisabled
+            ),
+            onClick: () => selectDay(date),
+            children: date.getDate()
+          }
+        ) }, i);
+      }) })
+    ] })
+  ] });
+};
+var Calendar_default = Calendar;
+
+export { Calendar, Calendar_default };

package/dist/{chunk-YV6Y7C43.js → chunk-SDWJSALH.js}

@@ -22,6 +22,7 @@ var Tabs = ({
   closable = false,
   centered = false,
   destroyInactiveTabPane = false,
+  lazy = false,
   className,
   style,
   onChange,
@@ -98,6 +99,7 @@ var Tabs = ({
       tabPosition,
       closable,
       destroyInactiveTabPane,
+      lazy,
       idBase,
       handleTabClick,
       handleTabClose
@@ -109,6 +111,7 @@ var Tabs = ({
       tabPosition,
       closable,
       destroyInactiveTabPane,
+      lazy,
       idBase,
       handleTabClick,
       handleTabClose
@@ -165,6 +168,8 @@ var TabPane = ({
   const isActive = React.useMemo(() => {
     return tigercatCore.isKeyActive(tabKey, tabsContext.activeKey);
   }, [tabKey, tabsContext.activeKey]);
+  const hasBeenActivatedRef = React.useRef(isActive);
+  if (isActive) hasBeenActivatedRef.current = true;
   const isClosable = React.useMemo(() => {
     return closable !== void 0 ? closable : tabsContext.closable && tabsContext.type === "editable-card";
   }, [closable, tabsContext.closable, tabsContext.type]);
@@ -260,9 +265,9 @@ var TabPane = ({
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center", children: icon }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
           isClosable && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
+            "span",
             {
-              type: "button",
+              role: "button",
               className: tigercatCore.tabCloseButtonClasses,
               "aria-label": `Close ${String(label)}`,
               tabIndex: -1,
@@ -282,7 +287,7 @@ var TabPane = ({
       }
     );
   }
-  const shouldRender = isActive || !tabsContext.destroyInactiveTabPane;
+  const shouldRender = tabsContext.lazy ? hasBeenActivatedRef.current && (isActive || !tabsContext.destroyInactiveTabPane) : isActive || !tabsContext.destroyInactiveTabPane;
   if (!shouldRender) {
     return null;
   }

package/dist/chunk-SJ5GT7Y4.mjs

@@ -0,0 +1,58 @@
+import { useMemo } from 'react';
+import { generateQRMatrix, classNames, qrcodeContainerClasses, qrcodeOverlayClasses, qrcodeExpiredTextClasses, qrcodeRefreshClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/QRCode.tsx
+var QRCode = ({
+  value,
+  size = 128,
+  color = "#000000",
+  bgColor = "#ffffff",
+  level = "M",
+  status = "active",
+  onRefresh,
+  className
+}) => {
+  const matrix = useMemo(() => generateQRMatrix(value), [value]);
+  const moduleSize = useMemo(() => size / matrix.length, [size, matrix.length]);
+  const containerClass = classNames(qrcodeContainerClasses, className);
+  return /* @__PURE__ */ jsxs("div", { className: containerClass, style: { width: size, height: size }, children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: `0 0 ${size} ${size}`,
+        xmlns: "http://www.w3.org/2000/svg",
+        role: "img",
+        "aria-label": "QR Code",
+        children: [
+          /* @__PURE__ */ jsx("rect", { width: size, height: size, fill: bgColor }),
+          matrix.flatMap(
+            (row, r) => row.map(
+              (cell, c) => cell ? /* @__PURE__ */ jsx(
+                "rect",
+                {
+                  x: c * moduleSize,
+                  y: r * moduleSize,
+                  width: moduleSize,
+                  height: moduleSize,
+                  fill: color
+                },
+                `${r}-${c}`
+              ) : null
+            )
+          )
+        ]
+      }
+    ),
+    status === "expired" && /* @__PURE__ */ jsxs("div", { className: qrcodeOverlayClasses, children: [
+      /* @__PURE__ */ jsx("span", { className: qrcodeExpiredTextClasses, children: "QR code expired" }),
+      /* @__PURE__ */ jsx("span", { className: qrcodeRefreshClasses, onClick: onRefresh, children: "Refresh" })
+    ] }),
+    status === "loading" && /* @__PURE__ */ jsx("div", { className: qrcodeOverlayClasses, children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: "Loading..." }) })
+  ] });
+};
+var QRCode_default = QRCode;
+
+export { QRCode, QRCode_default };

package/dist/chunk-SKJXVYYF.js

@@ -0,0 +1,188 @@
+'use strict';
+
+var chunkKQZ4F7FZ_js = require('./chunk-KQZ4F7FZ.js');
+var chunk6PBNFLM7_js = require('./chunk-6PBNFLM7.js');
+var chunkM375I56K_js = require('./chunk-M375I56K.js');
+var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var SunburstChart = ({
+  width = 320,
+  height = 320,
+  padding = 24,
+  data,
+  innerRadiusRatio = 0,
+  showLabels = true,
+  colors,
+  hoverable = false,
+  hoveredIndex: hoveredIndexProp,
+  activeOpacity = 1,
+  inactiveOpacity = 0.25,
+  selectable = false,
+  selectedIndex: selectedIndexProp,
+  showLegend = false,
+  legendPosition = "bottom",
+  legendMarkerSize = 10,
+  legendGap = 8,
+  showTooltip = true,
+  tooltipFormatter,
+  title,
+  desc,
+  className,
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onArcClick,
+  onArcHover
+}) => {
+  const innerRect = react.useMemo(
+    () => tigercatCore.getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
+  const outerRadius = react.useMemo(
+    () => Math.min(innerRect.width, innerRect.height) / 2,
+    [innerRect.width, innerRect.height]
+  );
+  const innerRadius = react.useMemo(
+    () => outerRadius * Math.max(0, Math.min(1, innerRadiusRatio)),
+    [outerRadius, innerRadiusRatio]
+  );
+  const cx = innerRect.width / 2;
+  const cy = innerRect.height / 2;
+  const arcs = react.useMemo(
+    () => tigercatCore.computeSunburstArcs(data, {
+      cx,
+      cy,
+      innerRadius,
+      outerRadius,
+      colors: palette
+    }),
+    [data, cx, cy, innerRadius, outerRadius, palette]
+  );
+  const {
+    tooltipPosition,
+    resolvedHoveredIndex,
+    activeIndex,
+    handleMouseEnter,
+    handleMouseMove,
+    handleMouseLeave,
+    handleClick,
+    handleLegendClick,
+    handleLegendHover,
+    handleLegendLeave,
+    wrapperClasses
+  } = chunkKQZ4F7FZ_js.useChartInteraction({
+    hoverable,
+    hoveredIndexProp,
+    selectable,
+    selectedIndexProp,
+    activeOpacity,
+    inactiveOpacity,
+    legendPosition,
+    getData: (index) => {
+      const arc = arcs[index];
+      return arc ? { label: arc.label, value: arc.value } : {};
+    },
+    onHoveredIndexChange: (index) => {
+      onHoveredIndexChange?.(index);
+      const arc = index !== null ? arcs[index] : null;
+      onArcHover?.(
+        index,
+        arc ? { label: arc.label, value: arc.value } : null
+      );
+    },
+    onSelectedIndexChange,
+    callbacks: { onClick: onArcClick }
+  });
+  const rootArcs = react.useMemo(() => arcs.filter((a) => a.depth === 0), [arcs]);
+  const legendItems = react.useMemo(
+    () => tigercatCore.buildChartLegendItems({
+      data: rootArcs,
+      palette,
+      activeIndex,
+      getLabel: (d) => d.label,
+      getColor: (d) => d.color
+    }),
+    [rootArcs, palette, activeIndex]
+  );
+  const tooltipContent = react.useMemo(
+    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, arcs, void 0, (arc) => {
+      return `${arc.label}: ${arc.value}`;
+    }),
+    [resolvedHoveredIndex, arcs]
+  );
+  const interactive = hoverable || selectable;
+  const chart = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkDUWAV47E_js.ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title,
+      desc,
+      className: tigercatCore.classNames(className),
+      children: /* @__PURE__ */ jsxRuntime.jsx("g", { "data-series-type": "sunburst", children: arcs.map((arc) => {
+        const opacity = tigercatCore.getChartElementOpacity(arc.index, activeIndex, {
+          activeOpacity,
+          inactiveOpacity
+        });
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: arc.path,
+            fill: arc.color,
+            opacity,
+            stroke: "#ffffff",
+            strokeWidth: 1,
+            className: tigercatCore.classNames(interactive && "cursor-pointer"),
+            style: { transition: "opacity 0.2s ease-out" },
+            tabIndex: selectable ? 0 : void 0,
+            role: selectable ? "button" : "img",
+            "aria-label": arc.label,
+            onMouseEnter: (e) => handleMouseEnter(arc.index, e),
+            onMouseMove: handleMouseMove,
+            onMouseLeave: handleMouseLeave,
+            onClick: () => handleClick(arc.index)
+          },
+          `arc-${arc.index}`
+        );
+      }) })
+    }
+  );
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkM375I56K_js.ChartTooltip,
+    {
+      content: tooltipContent,
+      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      x: tooltipPosition.x,
+      y: tooltipPosition.y
+    }
+  ) : null;
+  if (!showLegend) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
+      chart,
+      tooltip
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
+    chart,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunk6PBNFLM7_js.ChartLegend,
+      {
+        items: legendItems,
+        position: legendPosition,
+        markerSize: legendMarkerSize,
+        gap: legendGap,
+        interactive,
+        onItemClick: handleLegendClick,
+        onItemHover: handleLegendHover,
+        onItemLeave: handleLegendLeave
+      }
+    ),
+    tooltip
+  ] });
+};
+
+exports.SunburstChart = SunburstChart;

package/dist/chunk-SQK2CPSV.mjs

@@ -0,0 +1,59 @@
+import { useState, useRef, useMemo, useCallback } from 'react';
+import { getFixedVirtualRange, classNames, virtualListInnerClasses, virtualListContainerClasses } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/VirtualList.tsx
+var VirtualList = ({
+  itemCount = 0,
+  itemHeight = 40,
+  height = 400,
+  overscan = 5,
+  className,
+  renderItem,
+  onScroll
+}) => {
+  const [scrollTop, setScrollTop] = useState(0);
+  const containerRef = useRef(null);
+  const range = useMemo(
+    () => getFixedVirtualRange(scrollTop, height, itemHeight, itemCount, overscan),
+    [scrollTop, height, itemHeight, itemCount, overscan]
+  );
+  const handleScroll = useCallback(() => {
+    if (containerRef.current) {
+      const st = containerRef.current.scrollTop;
+      setScrollTop(st);
+      onScroll?.(st);
+    }
+  }, [onScroll]);
+  const { startIndex, endIndex, offsetTop, totalHeight } = range;
+  const items = [];
+  for (let i = startIndex; i <= endIndex; i++) {
+    items.push(
+      /* @__PURE__ */ jsx("div", { style: { height: `${itemHeight}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: classNames(virtualListContainerClasses, className),
+      style: { height: `${height}px` },
+      onScroll: handleScroll,
+      children: /* @__PURE__ */ jsx("div", { className: virtualListInnerClasses, style: { height: `${totalHeight}px` }, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            transform: `translateY(${offsetTop}px)`,
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%"
+          },
+          children: items
+        }
+      ) })
+    }
+  );
+};
+
+export { VirtualList };

package/dist/{chunk-XKDWDANG.js → chunk-SULHTYSV.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkOYCMGKQ7_js = require('./chunk-OYCMGKQ7.js');
-var chunkVCOBBJLP_js = require('./chunk-VCOBBJLP.js');
-var chunkF24IF2QL_js = require('./chunk-F24IF2QL.js');
+var chunkZYJTHGQW_js = require('./chunk-ZYJTHGQW.js');
+var chunkWVVXZKNI_js = require('./chunk-WVVXZKNI.js');
+var chunkBCNKTT5C_js = require('./chunk-BCNKTT5C.js');
 var chunkCI2WHAT2_js = require('./chunk-CI2WHAT2.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
@@ -159,7 +159,7 @@ var ChatWindow = ({
     statusText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-1.5 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)]", children: statusText }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-3 px-4 py-3 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOYCMGKQ7_js.Input,
+        chunkZYJTHGQW_js.Input,
         {
           value: inputValue,
           placeholder,
@@ -170,7 +170,7 @@ var ChatWindow = ({
           onKeyDown: handleKeyDown
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkVCOBBJLP_js.Textarea,
+        chunkWVVXZKNI_js.Textarea,
         {
           value: inputValue,
           placeholder,
@@ -182,7 +182,7 @@ var ChatWindow = ({
           onKeyDown: handleKeyDown
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { disabled: !canSend, onClick: handleSend, "aria-label": sendAriaLabel ?? sendText, children: sendText })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { disabled: !canSend, onClick: handleSend, "aria-label": sendAriaLabel ?? sendText, children: sendText })
     ] })
   ] });
 };