@expcat/tigercat-react 0.4.2 → 1.0.0

package/dist/{chunk-RGZYYVQF.mjs → chunk-QPGL4YEO.mjs}

@@ -1,6 +1,6 @@
 import { StepsItem, Steps } from './chunk-AUP3PMDD.mjs';
-import { useTigerConfig } from './chunk-VEGBO77D.mjs';
-import { Button } from './chunk-ENSLMM3L.mjs';
+import { useTigerConfig } from './chunk-CRSMECWE.mjs';
+import { Button } from './chunk-3KMKMAE3.mjs';
 import { useMemo, useState, useEffect, useCallback } from 'react';
 import { mergeTigerLocale, getFormWizardLabels, classNames, resolveLocaleText } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -20,6 +20,7 @@ var FormWizard = ({
   finishText,
   locale,
   beforeNext,
+  autoSave,
   onChange,
   onFinish,
   renderStep,
@@ -54,8 +55,11 @@ var FormWizard = ({
         setInnerCurrent(clamped);
       }
       onChange?.(clamped, currentIndex);
+      if (autoSave && steps[clamped]) {
+        autoSave(clamped, steps[clamped]);
+      }
     },
-    [current, currentIndex, onChange, totalCount]
+    [current, currentIndex, onChange, totalCount, autoSave, steps]
   );
   const runBeforeNext = useCallback(async () => {
     if (!beforeNext || !currentStep) {
@@ -64,10 +68,24 @@ var FormWizard = ({
     const result = await beforeNext(currentIndex, currentStep, steps);
     return result === true;
   }, [beforeNext, currentIndex, currentStep, steps]);
+  const findNextUnskipped = useCallback(
+    (from, dir) => {
+      let idx = from;
+      while (idx >= 0 && idx < totalCount) {
+        const step = steps[idx];
+        if (!step?.disabled && !step?.skipCondition?.()) return idx;
+        idx += dir;
+      }
+      return currentIndex;
+    },
+    [steps, totalCount, currentIndex]
+  );
   const handlePrev = useCallback(() => {
-    if (currentIndex <= 0 || steps[currentIndex - 1]?.disabled) return;
-    setCurrent(currentIndex - 1);
-  }, [currentIndex, setCurrent, steps]);
+    if (currentIndex <= 0) return;
+    const target = findNextUnskipped(currentIndex - 1, -1);
+    if (target === currentIndex) return;
+    setCurrent(target);
+  }, [currentIndex, setCurrent, findNextUnskipped]);
   const handleNext = useCallback(async () => {
     if (totalCount === 0) return;
     const ok = await runBeforeNext();
@@ -76,9 +94,19 @@ var FormWizard = ({
       onFinish?.(currentIndex, steps);
       return;
     }
-    if (steps[currentIndex + 1]?.disabled) return;
-    setCurrent(currentIndex + 1);
-  }, [currentIndex, totalCount, isLast, onFinish, runBeforeNext, setCurrent, steps]);
+    const target = findNextUnskipped(currentIndex + 1, 1);
+    if (target === currentIndex) return;
+    setCurrent(target);
+  }, [
+    currentIndex,
+    totalCount,
+    isLast,
+    onFinish,
+    runBeforeNext,
+    setCurrent,
+    steps,
+    findNextUnskipped
+  ]);
   const handleStepChange = useCallback(
     async (nextIndex) => {
       if (nextIndex === currentIndex || steps[nextIndex]?.disabled) return;
@@ -124,8 +152,8 @@ var FormWizard = ({
     ) }),
     /* @__PURE__ */ jsx("div", { className: "px-6 py-4 flex flex-col items-center", children: contentNode }),
     showActions && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: resolveLocaleText(labels.prevText, prevText) }),
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "primary", onClick: handleNext, children: isLast ? resolveLocaleText(labels.finishText, finishText) : resolveLocaleText(labels.nextText, nextText) })
+      /* @__PURE__ */ jsx(Button, { htmlType: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: resolveLocaleText(labels.prevText, prevText) }),
+      /* @__PURE__ */ jsx(Button, { htmlType: "button", variant: "primary", onClick: handleNext, children: isLast ? resolveLocaleText(labels.finishText, finishText) : resolveLocaleText(labels.nextText, nextText) })
     ] })
   ] });
 };

package/dist/{chunk-6IH5QPTR.mjs → chunk-QPOH6SOO.mjs}

@@ -56,6 +56,7 @@ var Tree = ({
   multiple = false,
   loadData,
   filterValue = "",
+  searchable = false,
   filterFn,
   autoExpandParent = true,
   blockNode = false,
@@ -67,9 +68,12 @@ var Tree = ({
   onNodeClick,
   onNodeExpand,
   onNodeCollapse,
-  className
+  className,
+  draggable: isDraggable = false,
+  onDrop
 }) => {
   const itemRefs = useRef(/* @__PURE__ */ new Map());
+  const dragNodeKeyRef = useRef(null);
   const effectiveSelectable = useMemo(() => {
     if (selectionMode !== void 0) {
       return selectionMode !== "none";
@@ -147,9 +151,11 @@ var Tree = ({
     () => checkedSetsFromState(computedCheckedState),
     [computedCheckedState]
   );
+  const [internalSearchValue, setInternalSearchValue] = useState("");
+  const effectiveFilterValue = searchable ? internalSearchValue : filterValue;
   useEffect(() => {
-    if (filterValue) {
-      const matched = filterTreeNodes(treeData, filterValue, filterFn);
+    if (effectiveFilterValue) {
+      const matched = filterTreeNodes(treeData, effectiveFilterValue, filterFn);
       setFilteredNodeKeys(matched);
       if (autoExpandParent) {
         const autoExpand = getAutoExpandKeys(treeData, matched);
@@ -160,7 +166,7 @@ var Tree = ({
     } else {
       setFilteredNodeKeys(/* @__PURE__ */ new Set());
     }
-  }, [filterValue, treeData, filterFn, autoExpandParent, controlledExpandedKeys]);
+  }, [effectiveFilterValue, treeData, filterFn, autoExpandParent, controlledExpandedKeys]);
   const handleExpand = useCallback(
     (nodeKey) => {
       const node = findNode(treeData, nodeKey);
@@ -470,6 +476,26 @@ var Tree = ({
           "aria-expanded": isExpandable ? isExpanded : void 0,
           "aria-checked": checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
           tabIndex: isFocusable ? 0 : -1,
+          draggable: isDraggable && !node.disabled ? true : void 0,
+          onDragStart: isDraggable && !node.disabled ? (e) => {
+            e.stopPropagation();
+            dragNodeKeyRef.current = node.key;
+          } : void 0,
+          onDragOver: isDraggable ? (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+          } : void 0,
+          onDrop: isDraggable ? (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if (dragNodeKeyRef.current !== null && dragNodeKeyRef.current !== node.key) {
+              onDrop?.({ dragKey: dragNodeKeyRef.current, dropKey: node.key });
+            }
+            dragNodeKeyRef.current = null;
+          } : void 0,
+          onDragEnd: isDraggable ? () => {
+            dragNodeKeyRef.current = null;
+          } : void 0,
           onFocus: () => {
             if (!node.disabled) setActiveKey(node.key);
           },
@@ -498,14 +524,26 @@ var Tree = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: classNames(treeBaseClasses, className),
       role: "tree",
       "aria-label": ariaLabel,
       "aria-multiselectable": effectiveMultiple || void 0,
-      children: treeData.map((node) => renderTreeNode(node, 0))
+      children: [
+        searchable && /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            className: "w-full mb-2 px-2 py-1 text-sm border border-[var(--tiger-border,#e5e7eb)] rounded bg-[var(--tiger-surface,#ffffff)] focus:outline-none focus:ring-1 focus:ring-[var(--tiger-primary,#2563eb)]",
+            placeholder: "Search...",
+            value: internalSearchValue,
+            onChange: (e) => setInternalSearchValue(e.target.value)
+          }
+        ),
+        treeData.map((node) => renderTreeNode(node, 0))
+      ]
     }
   );
 };

package/dist/chunk-QVZTZHCJ.mjs

@@ -0,0 +1,148 @@
+import React, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
+import { resizePanes, classNames, getSplitterContainerClasses, getPaneStyle, getSplitterGutterClasses, getSplitterGutterHandleClasses } from '@expcat/tigercat-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/Splitter.tsx
+var Splitter = ({
+  direction = "horizontal",
+  sizes: controlledSizes,
+  min = 0,
+  max,
+  gutterSize = 4,
+  disabled = false,
+  className,
+  style,
+  onResizeStart,
+  onResize,
+  onResizeEnd,
+  onSizesChange,
+  children
+}) => {
+  const containerRef = useRef(null);
+  const [paneSizes, setPaneSizes] = useState(controlledSizes || []);
+  const draggingRef = useRef(null);
+  useEffect(() => {
+    if (controlledSizes) setPaneSizes(controlledSizes);
+  }, [controlledSizes]);
+  useEffect(() => {
+    if (controlledSizes && controlledSizes.length > 0) return;
+    const el = containerRef.current;
+    if (!el) return;
+    const paneCount = React.Children.count(children);
+    if (paneCount === 0) return;
+    const totalGutter = (paneCount - 1) * gutterSize;
+    const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
+    const eachSize = total / paneCount;
+    setPaneSizes(Array.from({ length: paneCount }, () => eachSize));
+  }, [children, direction, gutterSize, controlledSizes]);
+  const mins = useMemo(() => paneSizes.map(() => min), [paneSizes.length, min]);
+  const maxes = useMemo(() => paneSizes.map(() => max), [paneSizes.length, max]);
+  const handleMouseDown = useCallback(
+    (index, e) => {
+      if (disabled) return;
+      e.preventDefault();
+      draggingRef.current = {
+        index,
+        startPos: direction === "horizontal" ? e.clientX : e.clientY,
+        startSizes: [...paneSizes]
+      };
+      onResizeStart?.({ index, sizes: [...paneSizes] });
+      const onMouseMove = (ev) => {
+        const drag = draggingRef.current;
+        if (!drag) return;
+        const currentPos = direction === "horizontal" ? ev.clientX : ev.clientY;
+        const delta = currentPos - drag.startPos;
+        const newSizes = resizePanes(drag.startSizes, drag.index, delta, mins, maxes);
+        if (newSizes) {
+          setPaneSizes(newSizes);
+          onSizesChange?.(newSizes);
+          onResize?.({ index: drag.index, sizes: newSizes });
+        }
+      };
+      const onMouseUp = (ev) => {
+        const drag = draggingRef.current;
+        if (drag) {
+          const currentPos = direction === "horizontal" ? ev.clientX : ev.clientY;
+          const delta = currentPos - drag.startPos;
+          const finalSizes = resizePanes(drag.startSizes, drag.index, delta, mins, maxes) ?? drag.startSizes;
+          onResizeEnd?.({ index: drag.index, sizes: finalSizes });
+        }
+        draggingRef.current = null;
+        document.removeEventListener("mousemove", onMouseMove);
+        document.removeEventListener("mouseup", onMouseUp);
+      };
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    },
+    [
+      disabled,
+      direction,
+      paneSizes,
+      mins,
+      maxes,
+      onResizeStart,
+      onResize,
+      onResizeEnd,
+      onSizesChange
+    ]
+  );
+  const handleKeyDown = useCallback(
+    (gutterIdx, e) => {
+      if (disabled) return;
+      const step = 10;
+      let delta = 0;
+      if (direction === "horizontal" && e.key === "ArrowLeft" || direction === "vertical" && e.key === "ArrowUp") {
+        delta = -step;
+      } else if (direction === "horizontal" && e.key === "ArrowRight" || direction === "vertical" && e.key === "ArrowDown") {
+        delta = step;
+      }
+      if (delta !== 0) {
+        e.preventDefault();
+        const newSizes = resizePanes(paneSizes, gutterIdx, delta, mins, maxes);
+        if (newSizes) {
+          setPaneSizes(newSizes);
+          onSizesChange?.(newSizes);
+          onResize?.({ index: gutterIdx, sizes: newSizes });
+        }
+      }
+    },
+    [disabled, direction, paneSizes, mins, maxes, onResize, onSizesChange]
+  );
+  const childArray = React.Children.toArray(children);
+  const containerClasses = useMemo(
+    () => classNames(getSplitterContainerClasses(direction, className)),
+    [direction, className]
+  );
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: containerClasses, style, "data-direction": direction, children: childArray.map((child, i) => {
+    const size = paneSizes[i];
+    const paneStyle = size != null ? getPaneStyle(size, direction) : void 0;
+    const isDragging = draggingRef.current?.index === i;
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "tiger-splitter-pane relative overflow-auto",
+          style: paneStyle,
+          "data-pane-index": i,
+          children: child
+        }
+      ),
+      i < childArray.length - 1 && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: getSplitterGutterClasses(direction, !!isDragging, disabled),
+          role: "separator",
+          "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
+          tabIndex: disabled ? -1 : 0,
+          "data-gutter-index": i,
+          onMouseDown: (e) => handleMouseDown(i, e),
+          onKeyDown: (e) => handleKeyDown(i, e),
+          children: /* @__PURE__ */ jsx("div", { className: getSplitterGutterHandleClasses(direction) })
+        }
+      )
+    ] }, i);
+  }) });
+};
+var Splitter_default = Splitter;
+
+export { Splitter, Splitter_default };

package/dist/{chunk-C7UKFKVY.js → chunk-QYGBT4NL.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunkH5MZ54PM_js = require('./chunk-H5MZ54PM.js');
-var chunkQL6UEG3U_js = require('./chunk-QL6UEG3U.js');
-var chunkF24IF2QL_js = require('./chunk-F24IF2QL.js');
+var chunk2XOFRGY6_js = require('./chunk-2XOFRGY6.js');
+var chunkBCNKTT5C_js = require('./chunk-BCNKTT5C.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -22,6 +22,7 @@ var FormWizard = ({
   finishText,
   locale,
   beforeNext,
+  autoSave,
   onChange,
   onFinish,
   renderStep,
@@ -29,7 +30,7 @@ var FormWizard = ({
   style,
   ...props
 }) => {
-  const config = chunkQL6UEG3U_js.useTigerConfig();
+  const config = chunk2XOFRGY6_js.useTigerConfig();
   const mergedLocale = react.useMemo(
     () => tigercatCore.mergeTigerLocale(config.locale, locale),
     [config.locale, locale]
@@ -56,8 +57,11 @@ var FormWizard = ({
         setInnerCurrent(clamped);
       }
       onChange?.(clamped, currentIndex);
+      if (autoSave && steps[clamped]) {
+        autoSave(clamped, steps[clamped]);
+      }
     },
-    [current, currentIndex, onChange, totalCount]
+    [current, currentIndex, onChange, totalCount, autoSave, steps]
   );
   const runBeforeNext = react.useCallback(async () => {
     if (!beforeNext || !currentStep) {
@@ -66,10 +70,24 @@ var FormWizard = ({
     const result = await beforeNext(currentIndex, currentStep, steps);
     return result === true;
   }, [beforeNext, currentIndex, currentStep, steps]);
+  const findNextUnskipped = react.useCallback(
+    (from, dir) => {
+      let idx = from;
+      while (idx >= 0 && idx < totalCount) {
+        const step = steps[idx];
+        if (!step?.disabled && !step?.skipCondition?.()) return idx;
+        idx += dir;
+      }
+      return currentIndex;
+    },
+    [steps, totalCount, currentIndex]
+  );
   const handlePrev = react.useCallback(() => {
-    if (currentIndex <= 0 || steps[currentIndex - 1]?.disabled) return;
-    setCurrent(currentIndex - 1);
-  }, [currentIndex, setCurrent, steps]);
+    if (currentIndex <= 0) return;
+    const target = findNextUnskipped(currentIndex - 1, -1);
+    if (target === currentIndex) return;
+    setCurrent(target);
+  }, [currentIndex, setCurrent, findNextUnskipped]);
   const handleNext = react.useCallback(async () => {
     if (totalCount === 0) return;
     const ok = await runBeforeNext();
@@ -78,9 +96,19 @@ var FormWizard = ({
       onFinish?.(currentIndex, steps);
       return;
     }
-    if (steps[currentIndex + 1]?.disabled) return;
-    setCurrent(currentIndex + 1);
-  }, [currentIndex, totalCount, isLast, onFinish, runBeforeNext, setCurrent, steps]);
+    const target = findNextUnskipped(currentIndex + 1, 1);
+    if (target === currentIndex) return;
+    setCurrent(target);
+  }, [
+    currentIndex,
+    totalCount,
+    isLast,
+    onFinish,
+    runBeforeNext,
+    setCurrent,
+    steps,
+    findNextUnskipped
+  ]);
   const handleStepChange = react.useCallback(
     async (nextIndex) => {
       if (nextIndex === currentIndex || steps[nextIndex]?.disabled) return;
@@ -126,8 +154,8 @@ var FormWizard = ({
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex flex-col items-center", children: contentNode }),
     showActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { type: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: tigercatCore.resolveLocaleText(labels.prevText, prevText) }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { type: "button", variant: "primary", onClick: handleNext, children: isLast ? tigercatCore.resolveLocaleText(labels.finishText, finishText) : tigercatCore.resolveLocaleText(labels.nextText, nextText) })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { htmlType: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: tigercatCore.resolveLocaleText(labels.prevText, prevText) }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { htmlType: "button", variant: "primary", onClick: handleNext, children: isLast ? tigercatCore.resolveLocaleText(labels.finishText, finishText) : tigercatCore.resolveLocaleText(labels.nextText, nextText) })
     ] })
   ] });
 };

package/dist/chunk-R5P72RIT.js

@@ -0,0 +1,180 @@
+'use strict';
+
+var chunkKQZ4F7FZ_js = require('./chunk-KQZ4F7FZ.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');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var HeatmapChart = ({
+  width = 400,
+  height = 300,
+  padding = 40,
+  data,
+  xLabels,
+  yLabels,
+  minColor = "#f0f9ff",
+  maxColor = "#2563eb",
+  cellRadius = 2,
+  cellGap = 1,
+  showValues = false,
+  valueFormatter,
+  hoverable = false,
+  hoveredIndex: hoveredIndexProp,
+  activeOpacity = 1,
+  inactiveOpacity = 0.25,
+  selectable = false,
+  selectedIndex: selectedIndexProp,
+  showTooltip = true,
+  title,
+  desc,
+  className,
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onCellClick,
+  onCellHover
+}) => {
+  const {
+    tooltipPosition,
+    resolvedHoveredIndex,
+    activeIndex,
+    handleMouseEnter,
+    handleMouseMove,
+    handleMouseLeave,
+    handleClick
+  } = chunkKQZ4F7FZ_js.useChartInteraction({
+    hoverable,
+    hoveredIndexProp,
+    selectable,
+    selectedIndexProp,
+    activeOpacity,
+    inactiveOpacity,
+    getData: (index) => data[index],
+    onHoveredIndexChange: (index) => {
+      onHoveredIndexChange?.(index);
+      onCellHover?.(index, index !== null ? data[index] : null);
+    },
+    onSelectedIndexChange,
+    callbacks: { onClick: onCellClick }
+  });
+  const innerRect = React.useMemo(
+    () => tigercatCore.getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const cells = React.useMemo(
+    () => tigercatCore.computeHeatmapCells(data, {
+      xLabels,
+      yLabels,
+      width: innerRect.width,
+      height: innerRect.height,
+      cellGap,
+      minColor,
+      maxColor
+    }),
+    [data, xLabels, yLabels, innerRect.width, innerRect.height, cellGap, minColor, maxColor]
+  );
+  const tooltipContent = React.useMemo(
+    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, cells, void 0, (cell) => {
+      const val = valueFormatter ? valueFormatter(cell.value) : `${cell.value}`;
+      return `${cell.xLabel} \xD7 ${cell.yLabel}: ${val}`;
+    }),
+    [resolvedHoveredIndex, cells, valueFormatter]
+  );
+  const interactive = hoverable || selectable;
+  const rect = innerRect;
+  const cellW = (rect.width - cellGap * (xLabels.length - 1)) / xLabels.length;
+  const cellH = (rect.height - cellGap * (yLabels.length - 1)) / yLabels.length;
+  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkDUWAV47E_js.ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title,
+      desc,
+      className: tigercatCore.classNames(className),
+      children: [
+        xLabels.map((lbl, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: i * (cellW + cellGap) + cellW / 2,
+            y: rect.height + 16,
+            className: tigercatCore.chartAxisTickTextClasses,
+            textAnchor: "middle",
+            children: lbl
+          },
+          `x-${i}`
+        )),
+        yLabels.map((lbl, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: -8,
+            y: i * (cellH + cellGap) + cellH / 2,
+            className: tigercatCore.chartAxisTickTextClasses,
+            textAnchor: "end",
+            dominantBaseline: "middle",
+            children: lbl
+          },
+          `y-${i}`
+        )),
+        cells.map((cell, idx) => {
+          const opacity = tigercatCore.getChartElementOpacity(idx, activeIndex, {
+            activeOpacity,
+            inactiveOpacity
+          });
+          return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: cell.x,
+                y: cell.y,
+                width: cell.w,
+                height: cell.h,
+                rx: cellRadius,
+                fill: cell.fill,
+                opacity,
+                className: tigercatCore.classNames(interactive && "cursor-pointer"),
+                style: { transition: "opacity 0.2s ease-out" },
+                onMouseEnter: (e) => handleMouseEnter(idx, e),
+                onMouseMove: handleMouseMove,
+                onMouseLeave: handleMouseLeave,
+                onClick: () => handleClick(idx)
+              }
+            ),
+            showValues && /* @__PURE__ */ jsxRuntime.jsx(
+              "text",
+              {
+                x: cell.x + cell.w / 2,
+                y: cell.y + cell.h / 2,
+                className: "fill-[color:var(--tiger-text,#374151)] text-[10px]",
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                children: valueFormatter ? valueFormatter(cell.value) : `${cell.value}`
+              }
+            )
+          ] }, `cell-${idx}`);
+        })
+      ]
+    }
+  );
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsxRuntime.jsx(
+    chunkM375I56K_js.ChartTooltip,
+    {
+      content: tooltipContent,
+      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      x: tooltipPosition.x,
+      y: tooltipPosition.y
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
+    chart,
+    tooltip
+  ] });
+};
+
+exports.HeatmapChart = HeatmapChart;

package/dist/chunk-R5XY4EQL.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var React = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/components/AvatarGroup.tsx
+var AvatarGroupContext = React.createContext(null);
+var AvatarGroup = ({
+  max,
+  size,
+  className,
+  children,
+  ...props
+}) => {
+  const contextValue = React.useMemo(
+    () => ({ size, itemClass: tigercatCore.avatarGroupItemClasses }),
+    [size]
+  );
+  const childArray = React__default.default.Children.toArray(children);
+  const total = childArray.length;
+  const visibleCount = max != null && max < total ? max : total;
+  const overflow = total - visibleCount;
+  const visible = childArray.slice(0, visibleCount);
+  const overflowSizeClass = tigercatCore.avatarSizeClasses[size ?? "md"];
+  return /* @__PURE__ */ jsxRuntime.jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: tigercatCore.classNames(tigercatCore.avatarGroupBaseClasses, className),
+      role: "group",
+      "aria-label": "Avatar group",
+      ...props,
+      children: [
+        visible,
+        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: tigercatCore.classNames(tigercatCore.avatarGroupOverflowClasses, overflowSizeClass),
+            "aria-label": `${overflow} more`,
+            children: [
+              "+",
+              overflow
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+exports.AvatarGroup = AvatarGroup;
+exports.AvatarGroupContext = AvatarGroupContext;