@expcat/tigercat-react 1.1.0 → 1.2.14

package/README.md

@@ -3,7 +3,7 @@
 [![npm version](https://img.shields.io/npm/v/@expcat/tigercat-react.svg)](https://www.npmjs.com/package/@expcat/tigercat-react)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 
-React UI components for [Tigercat](https://github.com/expcats/Tigercat) - A Tailwind CSS based component library.
+React UI components for [Tigercat](https://github.com/expcat/Tigercat) - A Tailwind CSS based component library.
 
 ## 📖 Documentation
 

package/dist/chunk-2DH6MGC6.js

@@ -0,0 +1,241 @@
+"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 _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
+
+
+var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
+
+
+var _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
+
+
+var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+
+
+var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
+
+// src/components/ChatWindow.tsx
+var _react = require('react');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var ChatWindow = ({
+  messages = [],
+  value,
+  defaultValue = "",
+  placeholder = "\u8BF7\u8F93\u5165\u6D88\u606F",
+  disabled = false,
+  maxLength,
+  emptyText = "\u6682\u65E0\u6D88\u606F",
+  sendText = "\u53D1\u9001",
+  messageListAriaLabel,
+  inputAriaLabel,
+  sendAriaLabel,
+  statusText,
+  statusVariant: _statusVariant = "info",
+  showAvatar = true,
+  showName = true,
+  showTime = false,
+  inputType = "textarea",
+  inputRows = 3,
+  sendOnEnter = true,
+  allowShiftEnter = true,
+  allowEmpty = false,
+  clearOnSend = true,
+  virtual = false,
+  virtualItemHeight = 88,
+  virtualHeight = 400,
+  autoScrollToBottom = true,
+  onChange,
+  onSend,
+  renderMessage,
+  className,
+  ...props
+}) => {
+  const [innerValue, setInnerValue] = _react.useState.call(void 0, _nullishCoalesce(value, () => ( defaultValue)));
+  _react.useEffect.call(void 0, () => {
+    if (value !== void 0) {
+      setInnerValue(value);
+    }
+  }, [value]);
+  const inputValue = value !== void 0 ? value : innerValue;
+  const wrapperClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
+      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)]",
+      className
+    ),
+    [className]
+  );
+  const canSend = _react.useMemo.call(void 0, () => {
+    if (disabled) return false;
+    if (allowEmpty) return true;
+    const raw = String(_nullishCoalesce(inputValue, () => ( "")));
+    return raw.trim().length > 0;
+  }, [allowEmpty, disabled, inputValue]);
+  const handleValueChange = _react.useCallback.call(void 0, 
+    (nextValue) => {
+      if (value === void 0) {
+        setInnerValue(nextValue);
+      }
+      _optionalChain([onChange, 'optionalCall', _ => _(nextValue)]);
+    },
+    [onChange, value]
+  );
+  const handleSend = _react.useCallback.call(void 0, () => {
+    if (!canSend) return;
+    const payload = String(_nullishCoalesce(inputValue, () => ( "")));
+    _optionalChain([onSend, 'optionalCall', _2 => _2(payload)]);
+    if (clearOnSend) {
+      if (value === void 0) {
+        setInnerValue("");
+      }
+      _optionalChain([onChange, 'optionalCall', _3 => _3("")]);
+    }
+  }, [canSend, clearOnSend, inputValue, onSend, onChange, value]);
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (event) => {
+      if (!sendOnEnter) return;
+      if (event.key !== "Enter") return;
+      if (inputType === "textarea" && allowShiftEnter && event.shiftKey) return;
+      event.preventDefault();
+      handleSend();
+    },
+    [allowShiftEnter, handleSend, inputType, sendOnEnter]
+  );
+  const renderMessageItem = _react.useCallback.call(void 0, 
+    (message, index) => {
+      const isSelf = message.direction === "self";
+      const statusInfo = message.status ? _tigercatcore.getChatMessageStatusInfo.call(void 0, message.status) : void 0;
+      const timeText = showTime ? _tigercatcore.formatChatTime.call(void 0, message.time) : "";
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _tigercatcore.classNames.call(void 0, 
+            "flex gap-3 items-start",
+            isSelf ? "flex-row-reverse" : "justify-start"
+          ),
+          "data-tiger-chat-message": true,
+          role: "listitem",
+          children: [
+            showAvatar && message.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunk4MQCUKICjs.Avatar,
+              {
+                size: "sm",
+                src: message.user.avatar,
+                text: message.user.name,
+                className: "flex-shrink-0"
+              }
+            ) : null,
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "flex flex-col max-w-[75%]", isSelf && "items-end"), children: [
+              showName && _optionalChain([message, 'access', _4 => _4.user, 'optionalAccess', _5 => _5.name]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
+                    isSelf && "text-right"
+                  ),
+                  children: message.user.name
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "rounded-[var(--tiger-radius-md,0.5rem)] px-3 py-2 text-sm break-words",
+                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-none" : "bg-[var(--tiger-surface-muted,#f3f4f6)] text-[var(--tiger-text,#111827)] rounded-tl-none"
+                  ),
+                  "data-tiger-chat-bubble": true,
+                  children: _nullishCoalesce(_optionalChain([renderMessage, 'optionalCall', _6 => _6(message, index)]), () => ( message.content))
+                }
+              ),
+              statusInfo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "text-xs mt-1", statusInfo.className), children: message.statusText || statusInfo.text }),
+              timeText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]", children: timeText })
+            ] })
+          ]
+        },
+        _nullishCoalesce(message.id, () => ( index))
+      );
+    },
+    [renderMessage, showAvatar, showName, showTime]
+  );
+  const messageListRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!autoScrollToBottom) return;
+    const raf = requestAnimationFrame(() => {
+      const el = messageListRef.current;
+      if (!el) return;
+      const target = _nullishCoalesce((virtual ? el.firstElementChild : el), () => ( el));
+      target.scrollTop = target.scrollHeight;
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [messages.length, autoScrollToBottom, virtual]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-chat-window": true, ...props, children: [
+    virtual && messages.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: messageListRef,
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkP36GX65Njs.VirtualList,
+          {
+            itemCount: messages.length,
+            itemHeight: virtualItemHeight,
+            height: virtualHeight,
+            renderItem: ({ index }) => renderMessageItem(messages[index], index)
+          }
+        )
+      }
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: messageListRef,
+        className: "flex-1 overflow-auto p-4 space-y-3",
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
+        children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full flex items-center justify-center text-[var(--tiger-text-muted,#6b7280)]", children: emptyText }) : messages.map(renderMessageItem)
+      }
+    ),
+    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, "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.call(void 0, "div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkZYJTHGQWjs.Input,
+        {
+          value: inputValue,
+          placeholder,
+          disabled,
+          maxLength,
+          "aria-label": _nullishCoalesce(_nullishCoalesce(inputAriaLabel, () => ( placeholder)), () => ( "\u6D88\u606F\u8F93\u5165")),
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkWVVXZKNIjs.Textarea,
+        {
+          value: inputValue,
+          placeholder,
+          disabled,
+          maxLength,
+          rows: inputRows,
+          "aria-label": _nullishCoalesce(_nullishCoalesce(inputAriaLabel, () => ( placeholder)), () => ( "\u6D88\u606F\u8F93\u5165")),
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { disabled: !canSend, onClick: handleSend, "aria-label": _nullishCoalesce(sendAriaLabel, () => ( sendText)), children: sendText })
+    ] })
+  ] });
+};
+var ChatWindow_default = ChatWindow;
+
+
+
+
+exports.ChatWindow = ChatWindow; exports.ChatWindow_default = ChatWindow_default;

package/dist/chunk-2GQCFTD7.mjs

@@ -0,0 +1,101 @@
+// src/components/NumberKeyboard.tsx
+import { useMemo, useState } from "react";
+import {
+  applyNumberKeyboardInput,
+  classNames,
+  deleteNumberKeyboardValue,
+  getNumberKeyboardAction,
+  getNumberKeyboardKeyClasses,
+  getNumberKeyboardKeys,
+  normalizeNumberKeyboardValue,
+  numberKeyboardGridClasses,
+  numberKeyboardRootClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
+var NumberKeyboard = ({
+  value,
+  defaultValue = "",
+  mode = "number",
+  maxLength,
+  precision,
+  decimalSeparator = ".",
+  disabled = false,
+  readonly = false,
+  confirmText = "Done",
+  deleteText = "Delete",
+  ariaLabel = "Number keyboard",
+  showConfirm = true,
+  className,
+  style,
+  onChange,
+  onKeyPress,
+  onDelete,
+  onConfirm,
+  ...rest
+}) => {
+  const isControlled = value !== void 0;
+  const [innerValue, setInnerValue] = useState(() => normalizeNumberKeyboardValue(defaultValue));
+  const currentValue = isControlled ? normalizeNumberKeyboardValue(value) : innerValue;
+  const isDisabled = disabled || readonly;
+  const keys = useMemo(
+    () => getNumberKeyboardKeys({ mode, decimalSeparator, deleteText, confirmText, showConfirm }),
+    [confirmText, decimalSeparator, deleteText, mode, showConfirm]
+  );
+  function emitChange(nextValue, payload) {
+    if (!isControlled) setInnerValue(nextValue);
+    onChange?.(nextValue, payload);
+  }
+  function handleKeyClick(key) {
+    if (isDisabled || key.type === "empty") return;
+    const action = getNumberKeyboardAction(key);
+    const nextValue = action === "delete" ? deleteNumberKeyboardValue(currentValue) : action === "input" ? applyNumberKeyboardInput(currentValue, key.value, {
+      mode,
+      maxLength,
+      precision,
+      decimalSeparator
+    }) : currentValue;
+    const payload = {
+      value: nextValue,
+      key: key.value,
+      action,
+      mode
+    };
+    onKeyPress?.(key, payload);
+    if (action === "confirm") {
+      onConfirm?.(currentValue, { ...payload, value: currentValue });
+      return;
+    }
+    if (action === "delete") onDelete?.(nextValue, payload);
+    if (nextValue !== currentValue) emitChange(nextValue, payload);
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(numberKeyboardRootClasses, className),
+      style,
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-disabled": isDisabled || void 0,
+      ...rest,
+      children: /* @__PURE__ */ jsx("div", { className: numberKeyboardGridClasses, children: keys.map((key, index) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: getNumberKeyboardKeyClasses(key, isDisabled),
+          disabled: isDisabled || key.disabled,
+          "aria-label": key.ariaLabel,
+          "data-key": key.value,
+          onClick: () => handleKeyClick(key),
+          children: key.label
+        },
+        `${key.type}-${key.value}-${index}`
+      )) })
+    }
+  );
+};
+var NumberKeyboard_default = NumberKeyboard;
+
+export {
+  NumberKeyboard,
+  NumberKeyboard_default
+};

package/dist/chunk-2HKFQ74Z.mjs

@@ -0,0 +1,127 @@
+// src/components/ColorSwatch.tsx
+import { useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  colorSwatchBaseClasses,
+  colorSwatchGridClasses,
+  colorSwatchGroupClasses,
+  colorSwatchGroupLabelClasses,
+  flattenColorSwatchGroups,
+  getColorSwatchButtonClasses,
+  getColorSwatchCheckClasses,
+  getNextColorSwatchIndex,
+  isColorSwatchSelected,
+  normalizeColorSwatchGroups
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var checkPathD = "M5 10.5 8 13.5 15 6.5";
+var ColorSwatch = ({
+  value,
+  defaultValue,
+  disabled = false,
+  size = "md",
+  colors,
+  groups,
+  columns = 6,
+  ariaLabel = "Color swatches",
+  className,
+  onChange
+}) => {
+  const [innerValue, setInnerValue] = useState(defaultValue);
+  const [focusIndex, setFocusIndex] = useState(-1);
+  const optionRefs = useRef([]);
+  const normalizedGroups = useMemo(
+    () => normalizeColorSwatchGroups(groups, colors),
+    [groups, colors]
+  );
+  const options = useMemo(() => flattenColorSwatchGroups(normalizedGroups), [normalizedGroups]);
+  const selectedValue = value ?? innerValue;
+  const selectedIndex = options.findIndex(
+    (option) => isColorSwatchSelected(option.value, selectedValue)
+  );
+  const firstEnabledIndex = options.findIndex((option) => !option.disabled);
+  const activeIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
+  function handleSelect(option) {
+    if (disabled || option.disabled) return;
+    if (value === void 0) setInnerValue(option.value);
+    onChange?.(option.value, option);
+  }
+  function handleKeyDown(optionIndex, event) {
+    if (disabled) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      const option = options[optionIndex];
+      if (option) handleSelect(option);
+      return;
+    }
+    const nextIndex = getNextColorSwatchIndex(options, optionIndex, event.key, columns);
+    if (nextIndex === -1 || nextIndex === optionIndex) return;
+    event.preventDefault();
+    setFocusIndex(nextIndex);
+    optionRefs.current[nextIndex]?.focus();
+  }
+  let flatIndex = 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(colorSwatchBaseClasses, className),
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      "aria-disabled": disabled || void 0,
+      children: normalizedGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { className: colorSwatchGroupClasses, children: [
+        group.label && /* @__PURE__ */ jsx("div", { className: colorSwatchGroupLabelClasses, children: group.label }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: colorSwatchGridClasses,
+            style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` },
+            children: group.colors.map((option) => {
+              const optionIndex = flatIndex;
+              flatIndex += 1;
+              const selected = isColorSwatchSelected(option.value, selectedValue);
+              const optionDisabled = disabled || !!option.disabled;
+              const tabIndex = !optionDisabled && optionIndex === (focusIndex >= 0 ? focusIndex : activeIndex) ? 0 : -1;
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  ref: (node) => {
+                    optionRefs.current[optionIndex] = node;
+                  },
+                  type: "button",
+                  className: getColorSwatchButtonClasses(size, selected, optionDisabled),
+                  style: { backgroundColor: option.value },
+                  role: "radio",
+                  "aria-checked": selected,
+                  "aria-label": option.label,
+                  "aria-disabled": optionDisabled || void 0,
+                  tabIndex,
+                  onFocus: () => setFocusIndex(optionIndex),
+                  onClick: () => handleSelect(option),
+                  onKeyDown: (event) => handleKeyDown(optionIndex, event),
+                  children: selected && /* @__PURE__ */ jsx("span", { className: getColorSwatchCheckClasses(size), "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      viewBox: "0 0 20 20",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2.5",
+                      className: "h-full w-full",
+                      children: /* @__PURE__ */ jsx("path", { d: checkPathD, strokeLinecap: "round", strokeLinejoin: "round" })
+                    }
+                  ) })
+                },
+                `${option.groupIndex}-${option.index}-${option.value}`
+              );
+            })
+          }
+        )
+      ] }, `${groupIndex}-${group.label ?? "group"}`))
+    }
+  );
+};
+var ColorSwatch_default = ColorSwatch;
+
+export {
+  ColorSwatch,
+  ColorSwatch_default
+};

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

@@ -1,12 +1,42 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartLegend } from './chunk-UBP7HZSU.mjs';
-import { ChartSeries } from './chunk-SDLMB34Y.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.mjs';
-import { useMemo, useState, useCallback } from 'react';
-import { resolveSeriesData, buildChartSeriesKeys, getChartInnerRect, getRadarAngles, getRadarPoints, polarToCartesian, createPolygonPath, RADAR_SPLIT_AREA_COLORS, getRadarLabelAlign, getChartGridLineDasharray, resolveChartPalette, getRadarGradientPrefix, resolveMultiSeriesTooltipContent, defaultRadarTooltipFormatter, buildChartLegendItems, classNames, chartGridLineClasses, chartAxisTickTextClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartSeries
+} from "./chunk-SDLMB34Y.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
 
+// src/components/RadarChart.tsx
+import { useId, useMemo, useState, useCallback } from "react";
+import {
+  chartAxisTickTextClasses,
+  chartGridLineClasses,
+  classNames,
+  createPolygonPath,
+  getChartGridLineDasharray,
+  getChartInnerRect,
+  getRadarAngles,
+  getStableChartGradientPrefix,
+  getRadarLabelAlign,
+  getRadarPoints,
+  polarToCartesian,
+  RADAR_SPLIT_AREA_COLORS,
+  resolveChartPalette,
+  buildChartLegendItems,
+  buildChartSeriesKeys,
+  resolveMultiSeriesTooltipContent,
+  resolveSeriesData,
+  defaultRadarTooltipFormatter
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var RadarChart = ({
   width = 320,
   height = 200,
@@ -194,7 +224,7 @@ var RadarChart = ({
       const innerPoints = outerIndex > 0 ? angles.map((angle) => polarToCartesian(cx, cy, innerRadius, angle)) : [];
       return { type: "polygon-ring", outerPoints, innerPoints, color };
     });
-  }, [showSplitArea, levels, angles, radius, cx, cy, gridShape, splitAreaColors, splitAreaOpacity]);
+  }, [showSplitArea, levels, angles, radius, cx, cy, gridShape, splitAreaColors]);
   const axisLines = useMemo(() => {
     if (!showAxis || angles.length === 0) return [];
     return angles.map((angle) => {
@@ -252,7 +282,11 @@ var RadarChart = ({
   ]);
   const dasharray = getChartGridLineDasharray(gridLineStyle);
   const palette = useMemo(() => resolveChartPalette(colors), [colors]);
-  const gradientPrefix = useMemo(() => getRadarGradientPrefix(), []);
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("radar", gradientId),
+    [gradientId]
+  );
   const tooltipContent = useMemo(
     () => resolveMultiSeriesTooltipContent(
       hoveredPoint,
@@ -607,4 +641,7 @@ var RadarChart = ({
 };
 var RadarChart_default = RadarChart;
 
-export { RadarChart, RadarChart_default };
+export {
+  RadarChart,
+  RadarChart_default
+};

package/dist/chunk-32PAZTVF.mjs

@@ -1,8 +1,19 @@
-import { useState, useRef, useMemo, useEffect } from 'react';
-import { hexToRgb, rgbToHsv, classNames, getColorPickerTriggerClasses, colorPickerPanelClasses, colorPickerInputClasses, colorPickerPresetClasses, colorPickerBaseClasses, hsvToRgb, rgbToHex, isValidHex } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/ColorPicker.tsx
+import { useState, useMemo, useRef, useEffect } from "react";
+import {
+  colorPickerBaseClasses,
+  getColorPickerTriggerClasses,
+  colorPickerPanelClasses,
+  colorPickerInputClasses,
+  colorPickerPresetClasses,
+  hexToRgb,
+  rgbToHex,
+  rgbToHsv,
+  hsvToRgb,
+  isValidHex,
+  classNames
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ColorPicker = ({
   value = "#2563eb",
   disabled = false,
@@ -120,4 +131,6 @@ var ColorPicker = ({
   ] });
 };
 
-export { ColorPicker };
+export {
+  ColorPicker
+};

package/dist/chunk-34VGG7AK.mjs

@@ -1,8 +1,11 @@
-import { createContext, useContext, useMemo } from 'react';
-import { classNames, getInputGroupClasses, getInputGroupAddonClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/InputGroup.tsx
+import { createContext, useContext, useMemo } from "react";
+import {
+  classNames,
+  getInputGroupClasses,
+  getInputGroupAddonClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var InputGroupContext = createContext(null);
 function useInputGroupContext() {
   return useContext(InputGroupContext);
@@ -37,4 +40,9 @@ var InputGroupAddon = ({
   return /* @__PURE__ */ jsx("span", { ...rest, className: addonClasses, children });
 };
 
-export { InputGroup, InputGroupAddon, InputGroupContext, useInputGroupContext };
+export {
+  InputGroupContext,
+  useInputGroupContext,
+  InputGroup,
+  InputGroupAddon
+};

package/dist/chunk-36WZNVQ5.mjs

@@ -1,8 +1,18 @@
-import React, { createContext, useContext, useMemo, useCallback } from 'react';
-import { calculateStepStatus, classNames, getStepItemClasses, getStepIconClasses, getStepTailClasses, getStepContentClasses, getStepTitleClasses, getStepDescriptionClasses, getStepsContainerClasses, stepFinishChar } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Steps.tsx
+import React, { createContext, useContext, useMemo, useCallback } from "react";
+import {
+  classNames,
+  getStepContentClasses,
+  getStepDescriptionClasses,
+  getStepIconClasses,
+  getStepItemClasses,
+  getStepTailClasses,
+  getStepTitleClasses,
+  getStepsContainerClasses,
+  calculateStepStatus,
+  stepFinishChar
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var StepsContext = createContext(null);
 function useStepsContext() {
   return useContext(StepsContext);
@@ -159,4 +169,8 @@ var Steps = ({
   return /* @__PURE__ */ jsx(StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
 };
 
-export { Steps, StepsItem, useStepsContext };
+export {
+  useStepsContext,
+  StepsItem,
+  Steps
+};