@expcat/tigercat-react 2.1.2 → 2.1.4

package/dist/chunk-6RMBUZZE.mjs

@@ -1,240 +0,0 @@
-import {
-  useControlledState
-} from "./chunk-MEFARVQI.mjs";
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/MarkdownEditor.tsx
-import { useCallback, useMemo, useRef } from "react";
-import {
-  applyMarkdownToolbarAction,
-  classNames,
-  createDefaultMarkdownToolbar,
-  findMarkdownHotkeyMatch,
-  getMarkdownBodyClasses,
-  getMarkdownContainerClasses,
-  getMarkdownToolbarButtonClasses,
-  isMarkdownToolbarSeparator,
-  markdownEditorEmptyPreviewClasses,
-  markdownEditorPreviewClasses,
-  markdownEditorSplitDividerClasses,
-  markdownEditorTextareaClasses,
-  markdownEditorToolbarClasses,
-  markdownEditorToolbarGroupClasses,
-  markdownEditorToolbarSeparatorClasses,
-  parseMarkdownHeight,
-  renderMarkdownToHtml,
-  mergeTigerLocale,
-  getMarkdownEditorLabels
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var modes = ["edit", "split", "preview"];
-function scheduleSelectionRestore(textarea, result) {
-  const schedule = typeof requestAnimationFrame === "function" ? requestAnimationFrame : (callback) => window.setTimeout(callback, 0);
-  schedule(() => {
-    textarea.selectionStart = result.selectionStart;
-    textarea.selectionEnd = result.selectionEnd;
-    textarea.focus();
-  });
-}
-var MarkdownEditor = ({
-  value,
-  defaultValue = "",
-  placeholder,
-  mode,
-  defaultMode = "split",
-  toolbar,
-  showModeSwitch = true,
-  height = 360,
-  readOnly = false,
-  disabled = false,
-  renderer,
-  locale,
-  labels: labelsOverride,
-  onChange,
-  onModeChange,
-  className,
-  style,
-  ...restProps
-}) => {
-  const config = useTigerConfig();
-  const textareaRef = useRef(null);
-  const [currentValue, commitValue] = useControlledState(value, defaultValue, onChange);
-  const [currentMode, commitMode] = useControlledState(mode, defaultMode, onModeChange);
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(
-    () => getMarkdownEditorLabels(mergedLocale, labelsOverride),
-    [mergedLocale, labelsOverride]
-  );
-  const toolbarItems = useMemo(
-    () => toolbar === false ? [] : toolbar ?? createDefaultMarkdownToolbar(labels),
-    [toolbar, labels]
-  );
-  const previewHtml = useMemo(
-    () => renderMarkdownToHtml(currentValue, renderer),
-    [currentValue, renderer]
-  );
-  const containerStyle = useMemo(() => {
-    const parsedHeight = parseMarkdownHeight(height);
-    return { ...parsedHeight ? { height: parsedHeight } : {}, ...style };
-  }, [height, style]);
-  const modeLabels = {
-    edit: labels.editModeLabel,
-    split: labels.splitModeLabel,
-    preview: labels.previewModeLabel
-  };
-  const applyToolbarButton = useCallback(
-    (button) => {
-      if (readOnly || disabled) return;
-      const textarea = textareaRef.current;
-      const selection = {
-        value: currentValue,
-        selectionStart: textarea?.selectionStart ?? currentValue.length,
-        selectionEnd: textarea?.selectionEnd ?? currentValue.length
-      };
-      const result = applyMarkdownToolbarAction(button, selection);
-      commitValue(result.value);
-      if (textarea) scheduleSelectionRestore(textarea, result);
-    },
-    [commitValue, currentValue, disabled, readOnly]
-  );
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (event.key === "Tab") {
-        event.preventDefault();
-        const textarea = event.currentTarget;
-        const before = textarea.value.slice(0, textarea.selectionStart);
-        const after = textarea.value.slice(textarea.selectionEnd);
-        const result = {
-          value: `${before}  ${after}`,
-          selectionStart: textarea.selectionStart + 2,
-          selectionEnd: textarea.selectionStart + 2
-        };
-        commitValue(result.value);
-        scheduleSelectionRestore(textarea, result);
-        return;
-      }
-      const match = findMarkdownHotkeyMatch(toolbarItems, event.nativeEvent);
-      if (match) {
-        event.preventDefault();
-        applyToolbarButton(match);
-      }
-    },
-    [applyToolbarButton, commitValue, toolbarItems]
-  );
-  const showFormattingToolbar = toolbar !== false;
-  const showTopbar = showFormattingToolbar || showModeSwitch;
-  const showEditor = currentMode === "edit" || currentMode === "split";
-  const showPreview = currentMode === "preview" || currentMode === "split";
-  const previewNode = /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames(
-        markdownEditorPreviewClasses,
-        currentMode === "split" ? markdownEditorSplitDividerClasses : void 0,
-        !currentValue ? markdownEditorEmptyPreviewClasses : void 0
-      ),
-      role: "region",
-      "aria-label": labels.previewAriaLabel,
-      ...currentValue ? { dangerouslySetInnerHTML: { __html: previewHtml } } : {},
-      children: currentValue ? null : placeholder
-    }
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: getMarkdownContainerClasses(disabled, className),
-      style: containerStyle,
-      "data-mode": currentMode,
-      ...restProps,
-      children: [
-        showTopbar && /* @__PURE__ */ jsxs("div", { className: markdownEditorToolbarClasses, children: [
-          showFormattingToolbar ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: markdownEditorToolbarGroupClasses,
-              role: "toolbar",
-              "aria-label": labels.formattingToolbarAriaLabel,
-              children: toolbarItems.map((item, index) => {
-                if (isMarkdownToolbarSeparator(item)) {
-                  return /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: markdownEditorToolbarSeparatorClasses,
-                      role: "separator",
-                      "aria-orientation": "vertical"
-                    },
-                    `separator-${index}`
-                  );
-                }
-                return /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: getMarkdownToolbarButtonClasses(false),
-                    title: item.tooltip ?? item.label,
-                    "aria-label": item.tooltip ?? item.label,
-                    disabled: disabled || readOnly,
-                    onClick: () => applyToolbarButton(item),
-                    children: item.icon ? /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: item.icon } }) : item.label
-                  },
-                  item.name
-                );
-              })
-            }
-          ) : /* @__PURE__ */ jsx("span", {}),
-          showModeSwitch && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: markdownEditorToolbarGroupClasses,
-              role: "toolbar",
-              "aria-label": labels.modeToolbarAriaLabel,
-              children: modes.map((item) => /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: getMarkdownToolbarButtonClasses(currentMode === item),
-                  "aria-label": modeLabels[item],
-                  "aria-pressed": currentMode === item,
-                  disabled,
-                  onClick: () => commitMode(item),
-                  children: modeLabels[item]
-                },
-                item
-              ))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: getMarkdownBodyClasses(currentMode), children: [
-          showEditor && /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              ref: textareaRef,
-              className: markdownEditorTextareaClasses,
-              value: currentValue,
-              onChange: (event) => commitValue(event.target.value),
-              onKeyDown: handleKeyDown,
-              placeholder,
-              readOnly: readOnly || disabled,
-              disabled,
-              spellCheck: true,
-              "aria-label": labels.editorAriaLabel,
-              "aria-multiline": true
-            }
-          ),
-          showPreview && previewNode
-        ] })
-      ]
-    }
-  );
-};
-var MarkdownEditor_default = MarkdownEditor;
-
-export {
-  MarkdownEditor,
-  MarkdownEditor_default
-};

package/dist/chunk-6SEPT4C5.mjs

@@ -1,57 +0,0 @@
-// src/components/PrintLayout.tsx
-import React, { useMemo, useContext } from "react";
-import {
-  classNames,
-  getPrintLayoutClasses,
-  printLayoutHeaderClasses,
-  printLayoutFooterClasses,
-  printLayoutPageBreakClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var PrintLayoutContext = React.createContext({
-  showPageBreaks: true
-});
-var PrintLayout = ({
-  pageSize = "A4",
-  orientation = "portrait",
-  showHeader = false,
-  showFooter = false,
-  headerText,
-  footerText,
-  headerRender,
-  footerRender,
-  showPageBreaks = true,
-  className,
-  children,
-  ...rest
-}) => {
-  const classes = useMemo(
-    () => getPrintLayoutClasses(pageSize, orientation, className),
-    [pageSize, orientation, className]
-  );
-  const contextValue = useMemo(() => ({ showPageBreaks }), [showPageBreaks]);
-  return /* @__PURE__ */ jsx(PrintLayoutContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { ...rest, className: classes, children: [
-    showHeader && (headerRender || headerText) && /* @__PURE__ */ jsx("div", { className: printLayoutHeaderClasses, children: headerRender || headerText }),
-    /* @__PURE__ */ jsx("div", { className: "tiger-print-content", children }),
-    showFooter && (footerRender || footerText) && /* @__PURE__ */ jsx("div", { className: printLayoutFooterClasses, children: footerRender || footerText })
-  ] }) });
-};
-var PrintPageBreak = (props) => {
-  const { showPageBreaks } = useContext(PrintLayoutContext);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...props,
-      className: classNames(
-        showPageBreaks && printLayoutPageBreakClasses,
-        "print:break-before-page"
-      ),
-      "aria-hidden": "true"
-    }
-  );
-};
-
-export {
-  PrintLayout,
-  PrintPageBreak
-};

package/dist/chunk-6UIVNRAR.mjs

@@ -1,188 +0,0 @@
-// src/components/Steps.tsx
-import React, { createContext, useContext, useMemo, useCallback } from "react";
-import {
-  classNames,
-  getStepContentClasses,
-  getStepDescriptionClasses,
-  getStepIconClasses,
-  getStepItemClasses,
-  getStepTailClasses,
-  getStepTitleClasses,
-  getStepsContainerClasses,
-  calculateStepStatus,
-  stepFinishIconViewBox,
-  stepFinishIconStrokeWidth,
-  stepFinishIconPathD
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StepsContext = createContext(null);
-function useStepsContext() {
-  return useContext(StepsContext);
-}
-var StepsItem = ({
-  title,
-  description,
-  icon,
-  status: customStatus,
-  disabled = false,
-  stepIndex = 0,
-  isLast = false,
-  className,
-  style,
-  ...props
-}) => {
-  const stepsContext = useStepsContext() || {
-    current: 0,
-    status: "process",
-    direction: "horizontal",
-    size: "default",
-    simple: false,
-    clickable: false
-  };
-  const stepStatus = calculateStepStatus(
-    stepIndex,
-    stepsContext.current,
-    stepsContext.status,
-    customStatus
-  );
-  const isClickable = !!stepsContext.handleStepClick && !disabled;
-  const itemClasses = classNames(getStepItemClasses(stepsContext.direction, isLast), className);
-  const iconClasses = getStepIconClasses(stepStatus, stepsContext.size, stepsContext.simple, !!icon);
-  const tailClasses = getStepTailClasses(
-    stepsContext.direction,
-    stepStatus,
-    isLast,
-    stepsContext.size,
-    stepsContext.simple
-  );
-  const contentClasses = getStepContentClasses(stepsContext.direction);
-  const titleClasses = getStepTitleClasses(stepStatus, stepsContext.size, isClickable);
-  const descriptionClasses = getStepDescriptionClasses(stepStatus, stepsContext.size);
-  const handleClick = () => {
-    if (!isClickable) return;
-    stepsContext.handleStepClick?.(stepIndex);
-  };
-  const renderIcon = () => {
-    if (icon) {
-      return /* @__PURE__ */ jsx("div", { className: iconClasses, children: icon });
-    }
-    if (stepStatus === "finish") {
-      return /* @__PURE__ */ jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-        "svg",
-        {
-          className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: stepFinishIconStrokeWidth,
-          viewBox: stepFinishIconViewBox,
-          children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: stepFinishIconPathD })
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsx("div", { className: iconClasses, children: stepIndex + 1 });
-  };
-  const renderContent = () => {
-    return /* @__PURE__ */ jsxs("div", { className: contentClasses, children: [
-      stepsContext.clickable ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: titleClasses,
-          onClick: handleClick,
-          disabled: !isClickable,
-          "aria-disabled": disabled || void 0,
-          children: title
-        }
-      ) : /* @__PURE__ */ jsx("div", { className: titleClasses, children: title }),
-      !stepsContext.simple && description && /* @__PURE__ */ jsx("div", { className: descriptionClasses, children: description })
-    ] });
-  };
-  if (stepsContext.direction === "vertical") {
-    return /* @__PURE__ */ jsxs(
-      "li",
-      {
-        ...props,
-        className: itemClasses,
-        style,
-        "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-        "aria-disabled": disabled || void 0,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            renderIcon(),
-            /* @__PURE__ */ jsx("div", { className: tailClasses })
-          ] }),
-          renderContent()
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      ...props,
-      className: itemClasses,
-      style,
-      "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-      "aria-disabled": disabled || void 0,
-      children: [
-        renderIcon(),
-        /* @__PURE__ */ jsx("div", { className: tailClasses }),
-        renderContent()
-      ]
-    }
-  );
-};
-var Steps = ({
-  current = 0,
-  status = "process",
-  direction = "horizontal",
-  size = "default",
-  simple = false,
-  clickable = false,
-  className,
-  style,
-  onChange,
-  children,
-  ...props
-}) => {
-  const containerClasses = useMemo(
-    () => classNames(getStepsContainerClasses(direction), className),
-    [direction, className]
-  );
-  const handleStepClick = useCallback(
-    (index) => {
-      if (!clickable) return;
-      onChange?.(index);
-    },
-    [clickable, onChange]
-  );
-  const contextValue = useMemo(
-    () => ({
-      current,
-      status,
-      direction,
-      size,
-      simple,
-      clickable,
-      handleStepClick: clickable ? handleStepClick : void 0
-    }),
-    [current, status, direction, size, simple, clickable, handleStepClick]
-  );
-  const totalCount = React.Children.count(children);
-  const stepsWithProps = React.Children.map(children, (child, index) => {
-    if (React.isValidElement(child) && child.type === StepsItem) {
-      return React.cloneElement(child, {
-        stepIndex: index,
-        isLast: index === totalCount - 1
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsx(StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
-};
-
-export {
-  useStepsContext,
-  StepsItem,
-  Steps
-};

package/dist/chunk-72CJNKDY.mjs

@@ -1,222 +0,0 @@
-import {
-  ChartTooltip
-} from "./chunk-YORCCCQX.mjs";
-import {
-  ChartCanvas
-} from "./chunk-CUAXRBKO.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,
-  tooltipFormatter,
-  label,
-  segments,
-  trackColor = "var(--tiger-border,#e5e7eb)",
-  color = "var(--tiger-primary,#2563eb)",
-  gradient = false,
-  showTooltip = true,
-  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 [tooltip, setTooltip] = useState({
-    open: false,
-    x: 0,
-    y: 0
-  });
-  const tooltipContent = tooltipFormatter ? tooltipFormatter(value) : label ? `${label}: ${formattedValue}` : formattedValue;
-  const handleTooltipMove = (e) => {
-    if (!showTooltip) return;
-    setTooltip({ open: true, x: e.clientX, y: e.clientY });
-  };
-  const handleTooltipLeave = () => setTooltip((t) => ({ ...t, open: false }));
-  const gradientId = useId();
-  const gradientPrefix = useMemo(
-    () => getStableChartGradientPrefix("gauge", gradientId),
-    [gradientId]
-  );
-  const valueGradientId = `${gradientPrefix}-value`;
-  const wrapperRef = useRef(null);
-  const handleTooltipFocus = () => {
-    if (!showTooltip) return;
-    const rect = wrapperRef.current?.getBoundingClientRect();
-    if (rect)
-      setTooltip({ open: true, x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 });
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: wrapperRef,
-      className: "inline-block relative",
-      tabIndex: showTooltip ? 0 : void 0,
-      role: "img",
-      "aria-label": label ? `${label}: ${formattedValue}` : formattedValue,
-      onMouseMove: handleTooltipMove,
-      onMouseLeave: handleTooltipLeave,
-      onFocus: handleTooltipFocus,
-      onBlur: handleTooltipLeave,
-      children: [
-        /* @__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
-                }
-              )
-            ]
-          }
-        ),
-        showTooltip && /* @__PURE__ */ jsx(
-          ChartTooltip,
-          {
-            content: tooltipContent,
-            open: tooltip.open && tooltipContent !== "",
-            x: tooltip.x,
-            y: tooltip.y
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  GaugeChart
-};