@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-FZHBVHQ6.js

@@ -1,280 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-
-
-
-
-var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
-
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Spotlight.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var EMPTY_ITEMS = [];
-function getRenderableIcon(icon) {
-  if (icon === null || icon === void 0) return null;
-  if (typeof icon === "string" || typeof icon === "number") return icon;
-  if (_react2.default.isValidElement(icon)) return icon;
-  if (Array.isArray(icon)) return icon;
-  return null;
-}
-var Spotlight = ({
-  open,
-  defaultOpen = false,
-  query,
-  defaultQuery = "",
-  items = EMPTY_ITEMS,
-  title = "Spotlight",
-  placeholder,
-  emptyText,
-  locale,
-  inputAriaLabel,
-  listboxLabel,
-  closeOnSelect = true,
-  mask = true,
-  maskClosable = true,
-  zIndex = 1e3,
-  className,
-  defaultActiveFirstItem = true,
-  filterItem,
-  limit,
-  onOpenChange,
-  onQueryChange,
-  onSelect,
-  style,
-  ...rest
-}) => {
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const mergedLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
-    [config.locale, locale]
-  );
-  const placeholderText = _tigercatcore.resolveLocaleText.call(void 0, 
-    "Search",
-    placeholder,
-    _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.searchPlaceholder])
-  );
-  const [resolvedOpen, setOpenValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, 
-    open,
-    _nullishCoalesce(defaultOpen, () => ( false)),
-    onOpenChange
-  );
-  const [resolvedQuery, setQueryValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, 
-    query,
-    _nullishCoalesce(defaultQuery, () => ( "")),
-    onQueryChange
-  );
-  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, -1);
-  const reactId = _react.useId.call(void 0, );
-  const dialogId = `tiger-spotlight-${reactId}`;
-  const titleId = `${dialogId}-title`;
-  const listboxId = `${dialogId}-listbox`;
-  const dialogRef = _react.useRef.call(void 0, null);
-  const inputRef = _react.useRef.call(void 0, null);
-  const previousActiveElementRef = _react.useRef.call(void 0, null);
-  const searchState = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getSpotlightSearchState.call(void 0, items, resolvedQuery, { filterItem, limit }),
-    [items, resolvedQuery, filterItem, limit]
-  );
-  const closeSpotlight = _react.useCallback.call(void 0, () => {
-    setOpenValue(false);
-  }, [setOpenValue]);
-  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: resolvedOpen, onEscape: closeSpotlight });
-  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: resolvedOpen });
-  _chunkSTTQ5LXXjs.useFocusTrap.call(void 0, { enabled: resolvedOpen, containerRef: dialogRef });
-  _react.useEffect.call(void 0, () => {
-    if (!resolvedOpen) {
-      _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
-      return;
-    }
-    previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
-    const timer = window.setTimeout(() => {
-      _tigercatcore.focusFirst.call(void 0, [inputRef.current, dialogRef.current]);
-    }, 0);
-    return () => window.clearTimeout(timer);
-  }, [resolvedOpen]);
-  _react.useEffect.call(void 0, () => {
-    if (!resolvedOpen) {
-      setActiveIndex(-1);
-      return;
-    }
-    setActiveIndex(
-      _tigercatcore.getInitialPickerActiveIndex.call(void 0, 
-        searchState.flatResults,
-        defaultActiveFirstItem,
-        (result) => result.item.disabled === true
-      )
-    );
-  }, [resolvedOpen, resolvedQuery, items, searchState.flatResults, defaultActiveFirstItem]);
-  const selectItem = _react.useCallback.call(void 0, 
-    (item) => {
-      if (item.disabled) return;
-      _optionalChain([onSelect, 'optionalCall', _3 => _3(item)]);
-      if (closeOnSelect) closeSpotlight();
-    },
-    [closeOnSelect, closeSpotlight, onSelect]
-  );
-  const handleMaskClick = _react.useCallback.call(void 0, 
-    (event) => {
-      if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, maskClosable)) {
-        closeSpotlight();
-      }
-    },
-    [closeSpotlight, maskClosable]
-  );
-  const handleKeyDown = (event) => {
-    switch (event.key) {
-      case "ArrowDown":
-      case "ArrowUp":
-      case "Home":
-      case "End":
-        event.preventDefault();
-        setActiveIndex(
-          (current) => _tigercatcore.getPickerNavigationIndex.call(void 0, 
-            searchState.flatResults,
-            current,
-            event.key,
-            (result) => result.item.disabled === true
-          )
-        );
-        break;
-      case "Enter": {
-        event.preventDefault();
-        const result = searchState.flatResults[activeIndex];
-        if (result) selectItem(result.item);
-        break;
-      }
-      case "Escape":
-        event.preventDefault();
-        closeSpotlight();
-        break;
-    }
-  };
-  if (!resolvedOpen) return null;
-  const activeResult = searchState.flatResults[activeIndex];
-  const activeOptionId = activeResult ? _tigercatcore.getPickerOptionId.call(void 0, listboxId, activeResult.flatIndex) : void 0;
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.spotlightRootClasses, style: { zIndex }, "data-tiger-spotlight-root": "", children: [
-    mask && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.spotlightMaskClasses, "aria-hidden": "true", onClick: handleMaskClick }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        ref: dialogRef,
-        id: dialogId,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": title ? titleId : void 0,
-        tabIndex: -1,
-        className: _tigercatcore.classNames.call(void 0, _tigercatcore.spotlightPanelClasses, className),
-        style,
-        ...rest,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.spotlightHeaderClasses, children: [
-            title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: titleId, className: _tigercatcore.spotlightTitleClasses, children: title }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "input",
-              {
-                ref: inputRef,
-                value: resolvedQuery,
-                type: "search",
-                className: _tigercatcore.spotlightInputClasses,
-                placeholder: placeholderText,
-                "aria-label": _nullishCoalesce(inputAriaLabel, () => ( placeholderText)),
-                autoComplete: "off",
-                ..._tigercatcore.getPickerComboboxAria.call(void 0, {
-                  expanded: true,
-                  listboxId,
-                  activeOptionId
-                }),
-                onChange: (event) => setQueryValue(event.currentTarget.value),
-                onKeyDown: handleKeyDown
-              }
-            )
-          ] }),
-          searchState.flatResults.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId, label: listboxLabel }),
-              className: _tigercatcore.spotlightListClasses,
-              children: searchState.groups.map((group, groupIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                "div",
-                {
-                  className: _tigercatcore.spotlightGroupClasses,
-                  role: group.label ? "group" : void 0,
-                  "aria-label": group.label,
-                  children: [
-                    group.label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.spotlightGroupLabelClasses, children: group.label }),
-                    group.items.map((result) => {
-                      const active = result.flatIndex === activeIndex;
-                      const shortcutLabel = _tigercatcore.getSpotlightShortcutLabel.call(void 0, result.item.shortcut);
-                      const iconNode = getRenderableIcon(result.item.icon);
-                      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                        "div",
-                        {
-                          id: _tigercatcore.getPickerOptionId.call(void 0, listboxId, result.flatIndex),
-                          ..._tigercatcore.getPickerOptionAria.call(void 0, { selected: active, disabled: result.item.disabled }),
-                          className: _tigercatcore.getSpotlightOptionClasses.call(void 0, active, result.item.disabled === true),
-                          onMouseEnter: () => setActiveIndex(result.flatIndex),
-                          onMouseDown: (event) => event.preventDefault(),
-                          onClick: () => selectItem(result.item),
-                          children: [
-                            iconNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: iconNode }),
-                            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "min-w-0 flex-1", children: [
-                              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block truncate text-sm font-medium", children: result.item.label }),
-                              result.item.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block truncate text-xs text-[var(--tiger-spotlight-item-description,var(--tiger-text-muted,#6b7280))]", children: result.item.description })
-                            ] }),
-                            shortcutLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd", { className: "shrink-0 rounded border border-[var(--tiger-spotlight-shortcut-border,var(--tiger-border,#d1d5db))] px-1.5 py-0.5 text-xs text-[var(--tiger-spotlight-shortcut-text,var(--tiger-text-muted,#6b7280))]", children: shortcutLabel })
-                          ]
-                        },
-                        String(result.item.key)
-                      );
-                    })
-                  ]
-                },
-                _nullishCoalesce(group.label, () => ( `group-${groupIndex}`))
-              ))
-            }
-          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.spotlightEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No results found", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _4 => _4.common, 'optionalAccess', _5 => _5.emptyText])) })
-        ]
-      }
-    )
-  ] });
-  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, content);
-};
-var Spotlight_default = Spotlight;
-
-
-
-
-exports.Spotlight = Spotlight; exports.Spotlight_default = Spotlight_default;

package/dist/chunk-GDPU5MYA.js

@@ -1,93 +0,0 @@
-"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 _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-// 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,
-    readonly = false,
-    required = false,
-    placeholder = "",
-    rows = 3,
-    autoResize = false,
-    maxRows,
-    minRows,
-    maxLength,
-    minLength,
-    showCount = false,
-    value,
-    defaultValue,
-    onInput,
-    onChange,
-    onFocus,
-    onBlur,
-    className,
-    ...props
-  }, ref) => {
-    const textareaRef = _react.useRef.call(void 0, null);
-    const [currentValue, setValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, defaultValue || "");
-    const setRefs = (node) => {
-      textareaRef.current = node;
-      if (typeof ref === "function") ref(node);
-      else if (ref) ref.current = node;
-    };
-    _react.useLayoutEffect.call(void 0, () => {
-      if (!autoResize || !textareaRef.current) return;
-      _tigercatcore.autoResizeTextarea.call(void 0, textareaRef.current, { minRows, maxRows });
-    }, [autoResize, currentValue, minRows, maxRows]);
-    const textareaClasses = _react.useMemo.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "block",
-        _tigercatcore.getInputClasses.call(void 0, { size }),
-        autoResize ? "resize-none" : "resize-y",
-        className
-      ),
-      [size, autoResize, className]
-    );
-    const handleInput = (event) => {
-      setValue(event.currentTarget.value);
-      _optionalChain([onInput, 'optionalCall', _ => _(event)]);
-    };
-    const handleChange = (event) => {
-      _optionalChain([onChange, 'optionalCall', _2 => _2(event)]);
-    };
-    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,
-          className: textareaClasses,
-          value: currentValue,
-          disabled,
-          readOnly: readonly,
-          required,
-          placeholder,
-          rows,
-          maxLength,
-          minLength,
-          onInput: handleInput,
-          onChange: handleChange,
-          onFocus,
-          onBlur,
-          ...props
-        }
-      ),
-      showCount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 text-sm text-gray-500 text-right", children: maxLength ? `${currentLength}/${maxLength}` : currentLength })
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-
-
-
-exports.Textarea = Textarea;

package/dist/chunk-GG72T6JK.js

@@ -1,125 +0,0 @@
-"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/Rate.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Rate = ({
-  value = 0,
-  count = 5,
-  allowHalf = false,
-  disabled = false,
-  size = "md",
-  allowClear = true,
-  character,
-  className,
-  onChange,
-  onHoverChange
-}) => {
-  const [hoverValue, setHoverValue] = _react.useState.call(void 0, 0);
-  const displayValue = hoverValue > 0 ? hoverValue : value;
-  const isChar = !!character;
-  const getStarValue = _react.useCallback.call(void 0, (index, isHalf) => {
-    return isHalf ? index + 0.5 : index + 1;
-  }, []);
-  const handleClick = _react.useCallback.call(void 0, 
-    (index, e) => {
-      if (disabled) return;
-      const el = e.currentTarget;
-      const rect = el.getBoundingClientRect();
-      const half = allowHalf && e.clientX - rect.left < rect.width / 2;
-      const val = getStarValue(index, half);
-      const newVal = allowClear && val === value ? 0 : val;
-      _optionalChain([onChange, 'optionalCall', _ => _(newVal)]);
-    },
-    [disabled, allowHalf, getStarValue, allowClear, value, onChange]
-  );
-  const handleMouseMove = _react.useCallback.call(void 0, 
-    (index, e) => {
-      if (disabled) return;
-      const el = e.currentTarget;
-      const rect = el.getBoundingClientRect();
-      const half = allowHalf && e.clientX - rect.left < rect.width / 2;
-      const val = getStarValue(index, half);
-      if (val !== hoverValue) {
-        setHoverValue(val);
-        _optionalChain([onHoverChange, 'optionalCall', _2 => _2(val)]);
-      }
-    },
-    [disabled, allowHalf, getStarValue, hoverValue, onHoverChange]
-  );
-  const handleMouseLeave = _react.useCallback.call(void 0, () => {
-    if (disabled) return;
-    setHoverValue(0);
-    _optionalChain([onHoverChange, 'optionalCall', _3 => _3(0)]);
-  }, [disabled, onHoverChange]);
-  const starIcon = _react.useMemo.call(void 0, 
-    () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: _tigercatcore.starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.starPathD }) }),
-    []
-  );
-  const stars = _react.useMemo.call(void 0, () => {
-    const items = [];
-    for (let i = 0; i < count; i++) {
-      const full = displayValue >= i + 1;
-      const half = allowHalf && !full && displayValue >= i + 0.5;
-      const isHovering = hoverValue > 0;
-      const colorClass = full || half ? isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor : _tigercatcore.rateInactiveColor;
-      const content = half ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.classNames.call(void 0, "absolute inset-0", _tigercatcore.rateInactiveColor), children: isChar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: character }) : starIcon }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "span",
-          {
-            className: _tigercatcore.classNames.call(void 0, 
-              "absolute inset-0 overflow-hidden",
-              isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor
-            ),
-            style: { width: "50%" },
-            children: isChar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: character }) : starIcon
-          }
-        )
-      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: colorClass, children: isChar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: character }) : starIcon });
-      items.push(
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "span",
-          {
-            className: _tigercatcore.getRateStarClasses.call(void 0, size, isChar, disabled),
-            role: "radio",
-            "aria-checked": full || half,
-            "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
-            onClick: (e) => handleClick(i, e),
-            onMouseMove: (e) => handleMouseMove(i, e),
-            onMouseLeave: handleMouseLeave,
-            children: content
-          },
-          i
-        )
-      );
-    }
-    return items;
-  }, [
-    count,
-    displayValue,
-    hoverValue,
-    allowHalf,
-    disabled,
-    size,
-    character,
-    isChar,
-    starIcon,
-    handleClick,
-    handleMouseMove,
-    handleMouseLeave
-  ]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, className), role: "radiogroup", "aria-label": "Rating", children: stars });
-};
-
-
-
-exports.Rate = Rate;

package/dist/chunk-GYQ2DN6Z.mjs

@@ -1,174 +0,0 @@
-import {
-  ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
-
-// src/components/GaugeChart.tsx
-import React, { useId, useMemo, useState, useRef, useEffect } from "react";
-import {
-  classNames,
-  createGaugeArcPath,
-  createGaugeNeedlePath,
-  valueToGaugeAngle,
-  computeGaugeTicks,
-  getChartInnerRect,
-  chartAxisTickTextClasses,
-  getStableChartGradientPrefix,
-  createGaugeAnimation
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var GaugeChart = ({
-  width = 280,
-  height = 200,
-  padding = 24,
-  value,
-  min = 0,
-  max = 100,
-  startAngle = 135,
-  endAngle = 405,
-  arcWidth = 20,
-  showTicks = true,
-  tickCount = 5,
-  valueFormatter,
-  label,
-  segments,
-  trackColor = "var(--tiger-border,#e5e7eb)",
-  color = "var(--tiger-primary,#2563eb)",
-  gradient = false,
-  title: chartTitle,
-  desc,
-  className
-}) => {
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const radius = useMemo(
-    () => Math.min(innerRect.width, innerRect.height) / 2 - 4,
-    [innerRect.width, innerRect.height]
-  );
-  const cx = innerRect.width / 2;
-  const cy = innerRect.height / 2;
-  const needleAngle = useMemo(
-    () => valueToGaugeAngle(value, min, max, startAngle, endAngle),
-    [value, min, max, startAngle, endAngle]
-  );
-  const [animatedAngle, setAnimatedAngle] = useState(needleAngle);
-  const prevAngleRef = useRef(needleAngle);
-  useEffect(() => {
-    const from = prevAngleRef.current;
-    const to = needleAngle;
-    prevAngleRef.current = to;
-    if (from === to) return;
-    const ctrl = createGaugeAnimation({
-      from,
-      to,
-      onUpdate: (v) => setAnimatedAngle(v)
-    });
-    return () => ctrl.stop();
-  }, [needleAngle]);
-  const ticks = useMemo(
-    () => showTicks ? computeGaugeTicks(cx, cy, radius, min, max, startAngle, endAngle, tickCount) : [],
-    [showTicks, cx, cy, radius, min, max, startAngle, endAngle, tickCount]
-  );
-  const trackPath = createGaugeArcPath(cx, cy, radius, startAngle, endAngle, arcWidth);
-  const valuePath = animatedAngle > startAngle ? createGaugeArcPath(cx, cy, radius, startAngle, animatedAngle, arcWidth) : null;
-  const needlePath = createGaugeNeedlePath(cx, cy, radius - arcWidth - 6, animatedAngle);
-  const formattedValue = valueFormatter ? valueFormatter(value) : `${value}`;
-  const gradientId = useId();
-  const gradientPrefix = useMemo(
-    () => getStableChartGradientPrefix("gauge", gradientId),
-    [gradientId]
-  );
-  const valueGradientId = `${gradientPrefix}-value`;
-  return /* @__PURE__ */ jsxs(
-    ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title: chartTitle,
-      desc,
-      className: classNames(className),
-      children: [
-        gradient && !segments && valuePath && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: valueGradientId, x1: 0, y1: 0, x2: 0, y2: 1, children: [
-          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 1 }),
-          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.55 })
-        ] }) }),
-        /* @__PURE__ */ jsx("path", { d: trackPath, fill: trackColor, strokeWidth: 0 }),
-        segments ? segments.map((seg, i) => {
-          const sStart = valueToGaugeAngle(seg.range[0], min, max, startAngle, endAngle);
-          const sEnd = valueToGaugeAngle(seg.range[1], min, max, startAngle, endAngle);
-          return /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: createGaugeArcPath(cx, cy, radius, sStart, sEnd, arcWidth),
-              fill: seg.color,
-              strokeWidth: 0
-            },
-            `seg-${i}`
-          );
-        }) : valuePath && /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: valuePath,
-            fill: gradient ? `url(#${valueGradientId})` : color,
-            strokeWidth: 0
-          }
-        ),
-        ticks.map((tick, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: tick.x1,
-              y1: tick.y1,
-              x2: tick.x2,
-              y2: tick.y2,
-              stroke: "var(--tiger-text-secondary,#6b7280)",
-              strokeWidth: 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
-              y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
-              className: chartAxisTickTextClasses,
-              textAnchor: "middle",
-              dominantBaseline: "middle",
-              style: { fontSize: "10px" },
-              children: tick.label
-            }
-          )
-        ] }, `tick-${i}`)),
-        /* @__PURE__ */ jsx("path", { d: needlePath, fill: "var(--tiger-text,#374151)" }),
-        /* @__PURE__ */ jsx("circle", { cx, cy, r: 5, fill: "var(--tiger-text,#374151)" }),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: cx,
-            y: cy + radius * 0.35,
-            className: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold tabular-nums",
-            textAnchor: "middle",
-            dominantBaseline: "middle",
-            children: formattedValue
-          }
-        ),
-        label && /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: cx,
-            y: cy + radius * 0.35 + 20,
-            className: chartAxisTickTextClasses,
-            textAnchor: "middle",
-            dominantBaseline: "middle",
-            children: label
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  GaugeChart
-};