@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/chunk-AF2AEZKM.js

@@ -1,165 +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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/VirtualTable.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var VirtualTable = ({
-  data = [],
-  columns = [],
-  rowHeight = 48,
-  height = 400,
-  overscan = 5,
-  stickyHeader = true,
-  rowKey,
-  loading = false,
-  emptyText,
-  locale,
-  selectable = false,
-  selectedKeys = [],
-  striped = false,
-  bordered = false,
-  className,
-  onRowClick,
-  onSelect,
-  renderCell,
-  ...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 containerRef = _react.useRef.call(void 0, null);
-  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
-  const range = _react.useMemo.call(void 0, 
-    () => _tigercatcore.calculateVirtualRange.call(void 0, scrollTop, height, data.length, rowHeight, overscan),
-    [scrollTop, height, data.length, rowHeight, overscan]
-  );
-  const visibleData = _react.useMemo.call(void 0, 
-    () => data.slice(range.start, range.end),
-    [data, range.start, range.end]
-  );
-  const selectedSet = _react.useMemo.call(void 0, () => new Set(selectedKeys), [selectedKeys]);
-  const onScroll = _react.useCallback.call(void 0, () => {
-    if (containerRef.current) {
-      setScrollTop(containerRef.current.scrollTop);
-    }
-  }, []);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getVirtualTableContainerClasses.call(void 0, bordered, className),
-    [bordered, className]
-  );
-  const fixedInfo = _react.useMemo.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, columns), [columns]);
-  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: containerRef,
-      className: _tigercatcore.classNames.call(void 0, 
-        containerClasses,
-        rest.className
-      ),
-      style: { height: `${height}px` },
-      onScroll,
-      role: "grid",
-      "aria-rowcount": data.length,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "w-full table-fixed", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: stickyHeader ? _tigercatcore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((col) => {
-            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
-            const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo);
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "th",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.virtualTableHeaderCellClasses,
-                  _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
-                    view: "virtual-table",
-                    column: col,
-                    stickyHeader,
-                    fixedInfo
-                  })
-                ),
-                style: { ...widthStyle, ...stickyStyle },
-                children: _nullishCoalesce(col.title, () => ( ""))
-              },
-              col.key
-            );
-          }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tbody", { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
-            visibleData.map((row, localIdx) => {
-              const globalIdx = range.start + localIdx;
-              const key = _tigercatcore.getVirtualRowKey.call(void 0, row, globalIdx, rowKey);
-              const isSelected = selectedSet.has(key);
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "tr",
-                {
-                  className: _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, striped, isSelected),
-                  onClick: () => {
-                    _optionalChain([onRowClick, 'optionalCall', _ => _(row, globalIdx)]);
-                    if (selectable) _optionalChain([onSelect, 'optionalCall', _2 => _2(key, row, globalIdx)]);
-                  },
-                  children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "td",
-                    {
-                      className: _tigercatcore.classNames.call(void 0, 
-                        _tigercatcore.virtualTableCellClasses,
-                        _tigercatcore.getTableFixedCellClasses.call(void 0, {
-                          view: "virtual-table",
-                          column: col,
-                          record: row,
-                          rowIndex: globalIdx,
-                          striped,
-                          stripedActive: striped && globalIdx % 2 === 1,
-                          selected: isSelected,
-                          hoverable: true,
-                          fixedInfo,
-                          selectedClassName: _tigercatcore.virtualTableFixedCellSelectedClasses
-                        })
-                      ),
-                      style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo),
-                      children: renderCell ? renderCell(row[col.key], row, col) : String(_nullishCoalesce(row[col.key], () => ( "")))
-                    },
-                    col.key
-                  ))
-                },
-                key
-              );
-            }),
-            bottomHeight > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
-          ] })
-        ] }),
-        data.length === 0 && !loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No data", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.common, 'optionalAccess', _4 => _4.emptyText])) }),
-        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableLoadingClasses, children: "Loading..." })
-      ]
-    }
-  );
-};
-var VirtualTable_default = VirtualTable;
-
-
-
-
-exports.VirtualTable = VirtualTable; exports.VirtualTable_default = VirtualTable_default;

package/dist/chunk-CDRQSKXT.mjs

@@ -1,195 +0,0 @@
-import {
-  PieChart
-} from "./chunk-XBM76P27.mjs";
-
-// src/components/DonutChart.tsx
-import { useMemo } from "react";
-import {
-  classNames,
-  getChartInnerRect,
-  normalizeChartPadding
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DONUT_PALETTE = [
-  "var(--tiger-chart-1,#5470c6)",
-  "var(--tiger-chart-2,#91cc75)",
-  "var(--tiger-chart-3,#fac858)",
-  "var(--tiger-chart-4,#ee6666)",
-  "var(--tiger-chart-5,#73c0de)",
-  "var(--tiger-chart-6,#3ba272)",
-  "var(--tiger-chart-1,#fc8452)",
-  "var(--tiger-chart-2,#9a60b4)",
-  "var(--tiger-chart-3,#ea7ccc)"
-];
-var DonutChart = ({
-  width = 320,
-  height = 240,
-  padding = 24,
-  data,
-  innerRadius,
-  innerRadiusRatio = 0.62,
-  outerRadius,
-  startAngle = 0,
-  endAngle = Math.PI * 2,
-  padAngle = 0.04,
-  colors,
-  showLabels = false,
-  labelFormatter,
-  labelPosition = "inside",
-  borderWidth = 0,
-  borderColor = "var(--tiger-surface,#ffffff)",
-  hoverOffset = 10,
-  shadow = true,
-  // Interaction props
-  hoverable = false,
-  hoveredIndex,
-  activeOpacity = 1,
-  inactiveOpacity = 0.3,
-  selectable = false,
-  selectedIndex,
-  // Legend props
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  // Tooltip props
-  showTooltip = true,
-  tooltipFormatter,
-  // Accessibility
-  title,
-  desc,
-  className,
-  // DonutChart-specific
-  centerValue,
-  centerLabel,
-  animated: _animated = false,
-  // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
-  gradient = false,
-  // Callbacks
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSliceClick,
-  onSliceHover
-}) => {
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const pad = useMemo(() => normalizeChartPadding(padding), [padding]);
-  const resolvedOuterRadius = useMemo(() => {
-    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
-    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
-  }, [outerRadius, innerRect.width, innerRect.height]);
-  const resolvedInnerRadius = useMemo(() => {
-    if (typeof innerRadius === "number") {
-      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
-    }
-    const ratio = Math.min(Math.max(innerRadiusRatio ?? 0.62, 0), 1);
-    return resolvedOuterRadius * ratio;
-  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
-  const resolvedColors = useMemo(
-    () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
-    [colors]
-  );
-  const donutTooltipFormatter = useMemo(() => {
-    if (tooltipFormatter) return tooltipFormatter;
-    const total = data.reduce((s, d) => s + d.value, 0);
-    return (datum, index) => {
-      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-      const label = datum.label ?? `#${index + 1}`;
-      return `${label}: ${datum.value} (${pct}%)`;
-    };
-  }, [tooltipFormatter, data]);
-  const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
-  const centerX = pad.left + innerRect.width / 2;
-  const centerY = pad.top + innerRect.height / 2;
-  return /* @__PURE__ */ jsxs("div", { className: "inline-block relative", "data-donut-chart": "true", children: [
-    /* @__PURE__ */ jsx(
-      PieChart,
-      {
-        width,
-        height,
-        padding,
-        data,
-        innerRadius: resolvedInnerRadius,
-        outerRadius,
-        startAngle,
-        endAngle,
-        padAngle,
-        colors: resolvedColors,
-        showLabels,
-        labelFormatter,
-        labelPosition,
-        borderWidth,
-        borderColor,
-        hoverOffset,
-        shadow,
-        gradient,
-        hoverable,
-        hoveredIndex,
-        activeOpacity,
-        inactiveOpacity,
-        selectable,
-        selectedIndex,
-        showLegend,
-        legendPosition,
-        legendMarkerSize,
-        legendGap,
-        showTooltip,
-        tooltipFormatter: donutTooltipFormatter,
-        title,
-        desc,
-        className: classNames(className),
-        onHoveredIndexChange,
-        onSelectedIndexChange,
-        onSliceClick,
-        onSliceHover
-      }
-    ),
-    hasCenterContent && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-donut-center": "true",
-        style: {
-          position: "absolute",
-          left: `${centerX}px`,
-          top: `${centerY}px`,
-          transform: "translate(-50%, -50%)",
-          textAlign: "center",
-          pointerEvents: "none",
-          lineHeight: "1.3",
-          padding: "var(--tiger-chart-donut-center-padding, 0)",
-          borderRadius: "var(--tiger-radius-pill, 9999px)",
-          background: "var(--tiger-chart-donut-center-bg, transparent)",
-          boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
-          backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
-          WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
-        },
-        children: [
-          centerValue !== void 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
-              style: { lineHeight: "1.2" },
-              children: `${centerValue}`
-            }
-          ),
-          centerLabel !== void 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
-              style: { marginTop: "2px" },
-              children: centerLabel
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-var DonutChart_default = DonutChart;
-
-export {
-  DonutChart,
-  DonutChart_default
-};

package/dist/chunk-EPJ6W4VI.mjs

@@ -1,165 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
-
-// src/components/VirtualTable.tsx
-import { useCallback, useMemo, useRef, useState } from "react";
-import {
-  classNames,
-  resolveLocaleText,
-  mergeTigerLocale,
-  calculateVirtualRange,
-  getVirtualTableContainerClasses,
-  getVirtualTableRowClasses,
-  getVirtualRowKey,
-  getVirtualTableFixedInfo,
-  getVirtualTableFixedCellStyle,
-  getTableFixedCellClasses,
-  getTableFixedHeaderCellClasses,
-  virtualTableHeaderClasses,
-  virtualTableHeaderCellClasses,
-  virtualTableCellClasses,
-  virtualTableEmptyClasses,
-  virtualTableLoadingClasses,
-  virtualTableFixedCellSelectedClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var VirtualTable = ({
-  data = [],
-  columns = [],
-  rowHeight = 48,
-  height = 400,
-  overscan = 5,
-  stickyHeader = true,
-  rowKey,
-  loading = false,
-  emptyText,
-  locale,
-  selectable = false,
-  selectedKeys = [],
-  striped = false,
-  bordered = false,
-  className,
-  onRowClick,
-  onSelect,
-  renderCell,
-  ...rest
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const containerRef = useRef(null);
-  const [scrollTop, setScrollTop] = useState(0);
-  const range = useMemo(
-    () => calculateVirtualRange(scrollTop, height, data.length, rowHeight, overscan),
-    [scrollTop, height, data.length, rowHeight, overscan]
-  );
-  const visibleData = useMemo(
-    () => data.slice(range.start, range.end),
-    [data, range.start, range.end]
-  );
-  const selectedSet = useMemo(() => new Set(selectedKeys), [selectedKeys]);
-  const onScroll = useCallback(() => {
-    if (containerRef.current) {
-      setScrollTop(containerRef.current.scrollTop);
-    }
-  }, []);
-  const containerClasses = useMemo(
-    () => getVirtualTableContainerClasses(bordered, className),
-    [bordered, className]
-  );
-  const fixedInfo = useMemo(() => getVirtualTableFixedInfo(columns), [columns]);
-  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: classNames(
-        containerClasses,
-        rest.className
-      ),
-      style: { height: `${height}px` },
-      onScroll,
-      role: "grid",
-      "aria-rowcount": data.length,
-      children: [
-        /* @__PURE__ */ jsxs("table", { className: "w-full table-fixed", children: [
-          /* @__PURE__ */ jsx("thead", { className: stickyHeader ? virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => {
-            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
-            const stickyStyle = getVirtualTableFixedCellStyle(col.key, fixedInfo);
-            return /* @__PURE__ */ jsx(
-              "th",
-              {
-                className: classNames(
-                  virtualTableHeaderCellClasses,
-                  getTableFixedHeaderCellClasses({
-                    view: "virtual-table",
-                    column: col,
-                    stickyHeader,
-                    fixedInfo
-                  })
-                ),
-                style: { ...widthStyle, ...stickyStyle },
-                children: col.title ?? ""
-              },
-              col.key
-            );
-          }) }) }),
-          /* @__PURE__ */ jsxs("tbody", { children: [
-            /* @__PURE__ */ jsx("tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
-            visibleData.map((row, localIdx) => {
-              const globalIdx = range.start + localIdx;
-              const key = getVirtualRowKey(row, globalIdx, rowKey);
-              const isSelected = selectedSet.has(key);
-              return /* @__PURE__ */ jsx(
-                "tr",
-                {
-                  className: getVirtualTableRowClasses(globalIdx, striped, isSelected),
-                  onClick: () => {
-                    onRowClick?.(row, globalIdx);
-                    if (selectable) onSelect?.(key, row, globalIdx);
-                  },
-                  children: columns.map((col) => /* @__PURE__ */ jsx(
-                    "td",
-                    {
-                      className: classNames(
-                        virtualTableCellClasses,
-                        getTableFixedCellClasses({
-                          view: "virtual-table",
-                          column: col,
-                          record: row,
-                          rowIndex: globalIdx,
-                          striped,
-                          stripedActive: striped && globalIdx % 2 === 1,
-                          selected: isSelected,
-                          hoverable: true,
-                          fixedInfo,
-                          selectedClassName: virtualTableFixedCellSelectedClasses
-                        })
-                      ),
-                      style: getVirtualTableFixedCellStyle(col.key, fixedInfo),
-                      children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "")
-                    },
-                    col.key
-                  ))
-                },
-                key
-              );
-            }),
-            bottomHeight > 0 && /* @__PURE__ */ jsx("tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
-          ] })
-        ] }),
-        data.length === 0 && !loading && /* @__PURE__ */ jsx("div", { className: virtualTableEmptyClasses, children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) }),
-        loading && /* @__PURE__ */ jsx("div", { className: virtualTableLoadingClasses, children: "Loading..." })
-      ]
-    }
-  );
-};
-var VirtualTable_default = VirtualTable;
-
-export {
-  VirtualTable,
-  VirtualTable_default
-};

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
-};