@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/chunk-MTIGGMHG.mjs

@@ -1,180 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
-
-// src/components/FileManager.tsx
-import { useCallback, useMemo, useState } from "react";
-import {
-  classNames,
-  getFileManagerContainerClasses,
-  getFileItemClasses,
-  deriveFileManagerModel,
-  toggleFileSelection,
-  resolveFileOpen,
-  sliceBreadcrumbPath,
-  toFileDragItem,
-  formatFileSizeLabel,
-  fileManagerToolbarClasses,
-  fileManagerBreadcrumbClasses,
-  fileManagerBreadcrumbItemClasses,
-  fileManagerBreadcrumbSeparatorClasses,
-  fileManagerContentClasses,
-  fileManagerItemIconClasses,
-  fileManagerItemNameClasses,
-  fileManagerItemMetaClasses,
-  fileManagerEmptyClasses,
-  fileManagerLoadingClasses,
-  fileManagerSearchClasses,
-  resolveLocaleText,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var FileManager = ({
-  files = [],
-  viewMode = "list",
-  selectedKeys = [],
-  multiple = false,
-  sortField = "name",
-  sortOrder = "asc",
-  currentPath = [],
-  showHidden = false,
-  draggable = false,
-  loading = false,
-  emptyText,
-  searchable = false,
-  searchText = "",
-  className,
-  onSelect,
-  onOpen,
-  onNavigate,
-  onSelectedKeysChange,
-  onCurrentPathChange,
-  onSearchTextChange,
-  renderIcon,
-  locale
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const [localSearch, setLocalSearch] = useState(searchText);
-  const model = useMemo(
-    () => deriveFileManagerModel({
-      files,
-      currentPath,
-      selectedKeys,
-      sortField,
-      sortOrder,
-      showHidden,
-      searchText: localSearch || searchText
-    }),
-    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
-  );
-  const containerClasses = useMemo(() => getFileManagerContainerClasses(className), [className]);
-  const handleSelect = useCallback(
-    (item) => {
-      if (item.disabled) return;
-      onSelect?.(item);
-      const keys = toggleFileSelection(selectedKeys, item.key, multiple);
-      onSelectedKeysChange?.(keys);
-    },
-    [selectedKeys, multiple, onSelect, onSelectedKeysChange]
-  );
-  const handleOpen = useCallback(
-    (item) => {
-      const result = resolveFileOpen(item, currentPath);
-      if (!result) return;
-      if (result.type === "navigate") {
-        onCurrentPathChange?.(result.path);
-        onNavigate?.(result.path);
-      } else {
-        onOpen?.(result.item);
-      }
-    },
-    [currentPath, onOpen, onNavigate, onCurrentPathChange]
-  );
-  const navigateToBreadcrumb = useCallback(
-    (index) => {
-      const newPath = sliceBreadcrumbPath(currentPath, index);
-      onCurrentPathChange?.(newPath);
-      onNavigate?.(newPath);
-    },
-    [currentPath, onNavigate, onCurrentPathChange]
-  );
-  const breadcrumbItems = [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: fileManagerBreadcrumbItemClasses,
-        onClick: () => navigateToBreadcrumb(0),
-        children: "Root"
-      },
-      "root"
-    ),
-    ...currentPath.flatMap((seg, i) => [
-      /* @__PURE__ */ jsx("span", { className: fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: fileManagerBreadcrumbItemClasses,
-          onClick: () => navigateToBreadcrumb(i + 1),
-          children: seg
-        },
-        `path-${i}`
-      )
-    ])
-  ];
-  const contentClass = viewMode === "grid" ? `${fileManagerContentClasses} grid grid-cols-4 gap-2` : fileManagerContentClasses;
-  return /* @__PURE__ */ jsxs("div", { className: classNames(containerClasses), children: [
-    /* @__PURE__ */ jsxs("div", { className: fileManagerToolbarClasses, children: [
-      /* @__PURE__ */ jsx("nav", { className: fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-      searchable && /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          className: fileManagerSearchClasses,
-          placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
-          value: localSearch,
-          onChange: (e) => {
-            setLocalSearch(e.target.value);
-            onSearchTextChange?.(e.target.value);
-          }
-        }
-      )
-    ] }),
-    model.processedItems.length > 0 ? /* @__PURE__ */ jsx("div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: model.processedItems.map((item, index) => {
-      const isSelected = model.selectedSet.has(item.key);
-      const itemClass = getFileItemClasses(viewMode, isSelected);
-      const dragItem = draggable && !item.disabled ? toFileDragItem(item, index) : void 0;
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: itemClass,
-          role: "option",
-          "aria-selected": isSelected,
-          "data-disabled": item.disabled || void 0,
-          "data-drag-id": dragItem?.id,
-          onClick: () => handleSelect(item),
-          onDoubleClick: () => handleOpen(item),
-          draggable: draggable && !item.disabled,
-          children: [
-            renderIcon ? renderIcon(item) : /* @__PURE__ */ jsx("span", { className: fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
-            /* @__PURE__ */ jsx("span", { className: fileManagerItemNameClasses, children: item.name }),
-            viewMode === "list" && item.size !== void 0 && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: formatFileSizeLabel(item.size) }),
-            viewMode === "list" && item.modified && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: item.modified })
-          ]
-        },
-        item.key
-      );
-    }) }) : /* @__PURE__ */ jsx("div", { className: fileManagerEmptyClasses, children: resolveLocaleText("Empty folder", emptyText, mergedLocale?.common?.emptyText) }),
-    loading && /* @__PURE__ */ jsx("div", { className: fileManagerLoadingClasses, children: "Loading..." })
-  ] });
-};
-var FileManager_default = FileManager;
-
-export {
-  FileManager,
-  FileManager_default
-};

package/dist/chunk-NDGA3N6H.js

@@ -1,180 +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; }
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/FileManager.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var FileManager = ({
-  files = [],
-  viewMode = "list",
-  selectedKeys = [],
-  multiple = false,
-  sortField = "name",
-  sortOrder = "asc",
-  currentPath = [],
-  showHidden = false,
-  draggable = false,
-  loading = false,
-  emptyText,
-  searchable = false,
-  searchText = "",
-  className,
-  onSelect,
-  onOpen,
-  onNavigate,
-  onSelectedKeysChange,
-  onCurrentPathChange,
-  onSearchTextChange,
-  renderIcon,
-  locale
-}) => {
-  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 [localSearch, setLocalSearch] = _react.useState.call(void 0, searchText);
-  const model = _react.useMemo.call(void 0, 
-    () => _tigercatcore.deriveFileManagerModel.call(void 0, {
-      files,
-      currentPath,
-      selectedKeys,
-      sortField,
-      sortOrder,
-      showHidden,
-      searchText: localSearch || searchText
-    }),
-    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
-  );
-  const containerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getFileManagerContainerClasses.call(void 0, className), [className]);
-  const handleSelect = _react.useCallback.call(void 0, 
-    (item) => {
-      if (item.disabled) return;
-      _optionalChain([onSelect, 'optionalCall', _ => _(item)]);
-      const keys = _tigercatcore.toggleFileSelection.call(void 0, selectedKeys, item.key, multiple);
-      _optionalChain([onSelectedKeysChange, 'optionalCall', _2 => _2(keys)]);
-    },
-    [selectedKeys, multiple, onSelect, onSelectedKeysChange]
-  );
-  const handleOpen = _react.useCallback.call(void 0, 
-    (item) => {
-      const result = _tigercatcore.resolveFileOpen.call(void 0, item, currentPath);
-      if (!result) return;
-      if (result.type === "navigate") {
-        _optionalChain([onCurrentPathChange, 'optionalCall', _3 => _3(result.path)]);
-        _optionalChain([onNavigate, 'optionalCall', _4 => _4(result.path)]);
-      } else {
-        _optionalChain([onOpen, 'optionalCall', _5 => _5(result.item)]);
-      }
-    },
-    [currentPath, onOpen, onNavigate, onCurrentPathChange]
-  );
-  const navigateToBreadcrumb = _react.useCallback.call(void 0, 
-    (index) => {
-      const newPath = _tigercatcore.sliceBreadcrumbPath.call(void 0, currentPath, index);
-      _optionalChain([onCurrentPathChange, 'optionalCall', _6 => _6(newPath)]);
-      _optionalChain([onNavigate, 'optionalCall', _7 => _7(newPath)]);
-    },
-    [currentPath, onNavigate, onCurrentPathChange]
-  );
-  const breadcrumbItems = [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "span",
-      {
-        className: _tigercatcore.fileManagerBreadcrumbItemClasses,
-        onClick: () => navigateToBreadcrumb(0),
-        children: "Root"
-      },
-      "root"
-    ),
-    ...currentPath.flatMap((seg, i) => [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "span",
-        {
-          className: _tigercatcore.fileManagerBreadcrumbItemClasses,
-          onClick: () => navigateToBreadcrumb(i + 1),
-          children: seg
-        },
-        `path-${i}`
-      )
-    ])
-  ];
-  const contentClass = viewMode === "grid" ? `${_tigercatcore.fileManagerContentClasses} grid grid-cols-4 gap-2` : _tigercatcore.fileManagerContentClasses;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, containerClasses), children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.fileManagerToolbarClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: _tigercatcore.fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
-      searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "input",
-        {
-          type: "text",
-          className: _tigercatcore.fileManagerSearchClasses,
-          placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _8 => _8.common, 'optionalAccess', _9 => _9.searchPlaceholder])),
-          value: localSearch,
-          onChange: (e) => {
-            setLocalSearch(e.target.value);
-            _optionalChain([onSearchTextChange, 'optionalCall', _10 => _10(e.target.value)]);
-          }
-        }
-      )
-    ] }),
-    model.processedItems.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: model.processedItems.map((item, index) => {
-      const isSelected = model.selectedSet.has(item.key);
-      const itemClass = _tigercatcore.getFileItemClasses.call(void 0, viewMode, isSelected);
-      const dragItem = draggable && !item.disabled ? _tigercatcore.toFileDragItem.call(void 0, item, index) : void 0;
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          className: itemClass,
-          role: "option",
-          "aria-selected": isSelected,
-          "data-disabled": item.disabled || void 0,
-          "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _11 => _11.id]),
-          onClick: () => handleSelect(item),
-          onDoubleClick: () => handleOpen(item),
-          draggable: draggable && !item.disabled,
-          children: [
-            renderIcon ? renderIcon(item) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemNameClasses, children: item.name }),
-            viewMode === "list" && item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemMetaClasses, children: _tigercatcore.formatFileSizeLabel.call(void 0, item.size) }),
-            viewMode === "list" && item.modified && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemMetaClasses, children: item.modified })
-          ]
-        },
-        item.key
-      );
-    }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "Empty folder", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _12 => _12.common, 'optionalAccess', _13 => _13.emptyText])) }),
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerLoadingClasses, children: "Loading..." })
-  ] });
-};
-var FileManager_default = FileManager;
-
-
-
-
-exports.FileManager = FileManager; exports.FileManager_default = FileManager_default;

package/dist/chunk-S5Y6UHAK.mjs

@@ -1,131 +0,0 @@
-// src/components/Calendar.tsx
-import { useState, useMemo, useCallback } from "react";
-import { classNames } from "@expcat/tigercat-core";
-import {
-  getCalendarContainerClasses,
-  calendarHeaderClasses,
-  calendarNavButtonClasses,
-  calendarTitleClasses,
-  calendarWeekdayClasses,
-  getCalendarDayClasses,
-  getCalendarMonthClasses,
-  WEEKDAYS,
-  MONTHS,
-  isSameDay,
-  getMonthDays
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Calendar = ({
-  value,
-  mode = "month",
-  fullscreen = false,
-  disabledDate,
-  onChange,
-  onPanelChange,
-  className
-}) => {
-  const today = /* @__PURE__ */ new Date();
-  const [viewYear, setViewYear] = useState(value?.getFullYear() ?? today.getFullYear());
-  const [viewMonth, setViewMonth] = useState(value?.getMonth() ?? today.getMonth());
-  const days = useMemo(() => getMonthDays(viewYear, viewMonth), [viewYear, viewMonth]);
-  const navigate = useCallback(
-    (newYear, newMonth) => {
-      setViewYear(newYear);
-      setViewMonth(newMonth);
-      onPanelChange?.(new Date(newYear, newMonth, 1), mode);
-    },
-    [mode, onPanelChange]
-  );
-  const prevMonth = useCallback(() => {
-    if (viewMonth === 0) navigate(viewYear - 1, 11);
-    else navigate(viewYear, viewMonth - 1);
-  }, [viewYear, viewMonth, navigate]);
-  const nextMonth = useCallback(() => {
-    if (viewMonth === 11) navigate(viewYear + 1, 0);
-    else navigate(viewYear, viewMonth + 1);
-  }, [viewYear, viewMonth, navigate]);
-  const prevYear = useCallback(
-    () => navigate(viewYear - 1, viewMonth),
-    [viewYear, viewMonth, navigate]
-  );
-  const nextYear = useCallback(
-    () => navigate(viewYear + 1, viewMonth),
-    [viewYear, viewMonth, navigate]
-  );
-  const selectDay = useCallback(
-    (date) => {
-      if (disabledDate?.(date)) return;
-      onChange?.(date);
-    },
-    [disabledDate, onChange]
-  );
-  const selectMonth = useCallback(
-    (monthIdx) => {
-      setViewMonth(monthIdx);
-      onPanelChange?.(new Date(viewYear, monthIdx, 1), mode);
-    },
-    [viewYear, mode, onPanelChange]
-  );
-  const containerClass = classNames(getCalendarContainerClasses(fullscreen), className);
-  return /* @__PURE__ */ jsxs("div", { className: containerClass, role: "group", children: [
-    /* @__PURE__ */ jsxs("div", { className: calendarHeaderClasses, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: calendarNavButtonClasses,
-          "aria-label": mode === "month" ? "Previous month" : "Previous year",
-          onClick: mode === "month" ? prevMonth : prevYear,
-          children: "\u2039"
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: calendarTitleClasses, children: mode === "month" ? `${MONTHS[viewMonth]} ${viewYear}` : `${viewYear}` }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: calendarNavButtonClasses,
-          "aria-label": mode === "month" ? "Next month" : "Next year",
-          onClick: mode === "month" ? nextMonth : nextYear,
-          children: "\u203A"
-        }
-      )
-    ] }),
-    mode === "year" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: MONTHS.map((m, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: getCalendarMonthClasses(viewMonth === i),
-        onClick: () => selectMonth(i),
-        children: m
-      },
-      i
-    )) }) : /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx("div", { className: calendarWeekdayClasses, children: wd }, wd)) }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: days.map((date, i) => {
-        const isCurrentMonth = date.getMonth() === viewMonth;
-        const isSelected = value ? isSameDay(date, value) : false;
-        const isTodayDate = isSameDay(date, today);
-        const isDisabled = !!disabledDate?.(date);
-        return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-0.5", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: getCalendarDayClasses(
-              isSelected,
-              isTodayDate,
-              isCurrentMonth,
-              isDisabled
-            ),
-            onClick: () => selectDay(date),
-            children: date.getDate()
-          }
-        ) }, i);
-      }) })
-    ] })
-  ] });
-};
-var Calendar_default = Calendar;
-
-export {
-  Calendar,
-  Calendar_default
-};

package/dist/chunk-T7KO6EVK.js

@@ -1,174 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
-
-// src/components/GaugeChart.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('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 = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
-    [width, height, padding]
-  );
-  const radius = _react.useMemo.call(void 0, 
-    () => Math.min(innerRect.width, innerRect.height) / 2 - 4,
-    [innerRect.width, innerRect.height]
-  );
-  const cx = innerRect.width / 2;
-  const cy = innerRect.height / 2;
-  const needleAngle = _react.useMemo.call(void 0, 
-    () => _tigercatcore.valueToGaugeAngle.call(void 0, value, min, max, startAngle, endAngle),
-    [value, min, max, startAngle, endAngle]
-  );
-  const [animatedAngle, setAnimatedAngle] = _react.useState.call(void 0, needleAngle);
-  const prevAngleRef = _react.useRef.call(void 0, needleAngle);
-  _react.useEffect.call(void 0, () => {
-    const from = prevAngleRef.current;
-    const to = needleAngle;
-    prevAngleRef.current = to;
-    if (from === to) return;
-    const ctrl = _tigercatcore.createGaugeAnimation.call(void 0, {
-      from,
-      to,
-      onUpdate: (v) => setAnimatedAngle(v)
-    });
-    return () => ctrl.stop();
-  }, [needleAngle]);
-  const ticks = _react.useMemo.call(void 0, 
-    () => showTicks ? _tigercatcore.computeGaugeTicks.call(void 0, cx, cy, radius, min, max, startAngle, endAngle, tickCount) : [],
-    [showTicks, cx, cy, radius, min, max, startAngle, endAngle, tickCount]
-  );
-  const trackPath = _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, startAngle, endAngle, arcWidth);
-  const valuePath = animatedAngle > startAngle ? _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, startAngle, animatedAngle, arcWidth) : null;
-  const needlePath = _tigercatcore.createGaugeNeedlePath.call(void 0, cx, cy, radius - arcWidth - 6, animatedAngle);
-  const formattedValue = valueFormatter ? valueFormatter(value) : `${value}`;
-  const gradientId = _react.useId.call(void 0, );
-  const gradientPrefix = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "gauge", gradientId),
-    [gradientId]
-  );
-  const valueGradientId = `${gradientPrefix}-value`;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkUKLVOR4Ejs.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title: chartTitle,
-      desc,
-      className: _tigercatcore.classNames.call(void 0, className),
-      children: [
-        gradient && !segments && valuePath && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "linearGradient", { id: valueGradientId, x1: 0, y1: 0, x2: 0, y2: 1, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: color, stopOpacity: 1 }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: color, stopOpacity: 0.55 })
-        ] }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: trackPath, fill: trackColor, strokeWidth: 0 }),
-        segments ? segments.map((seg, i) => {
-          const sStart = _tigercatcore.valueToGaugeAngle.call(void 0, seg.range[0], min, max, startAngle, endAngle);
-          const sEnd = _tigercatcore.valueToGaugeAngle.call(void 0, seg.range[1], min, max, startAngle, endAngle);
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "path",
-            {
-              d: _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, sStart, sEnd, arcWidth),
-              fill: seg.color,
-              strokeWidth: 0
-            },
-            `seg-${i}`
-          );
-        }) : valuePath && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "path",
-          {
-            d: valuePath,
-            fill: gradient ? `url(#${valueGradientId})` : color,
-            strokeWidth: 0
-          }
-        ),
-        ticks.map((tick, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "line",
-            {
-              x1: tick.x1,
-              y1: tick.y1,
-              x2: tick.x2,
-              y2: tick.y2,
-              stroke: "var(--tiger-text-secondary,#6b7280)",
-              strokeWidth: 1
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "text",
-            {
-              x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
-              y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
-              className: _tigercatcore.chartAxisTickTextClasses,
-              textAnchor: "middle",
-              dominantBaseline: "middle",
-              style: { fontSize: "10px" },
-              children: tick.label
-            }
-          )
-        ] }, `tick-${i}`)),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: needlePath, fill: "var(--tiger-text,#374151)" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx, cy, r: 5, fill: "var(--tiger-text,#374151)" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "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__ */ _jsxruntime.jsx.call(void 0, 
-          "text",
-          {
-            x: cx,
-            y: cy + radius * 0.35 + 20,
-            className: _tigercatcore.chartAxisTickTextClasses,
-            textAnchor: "middle",
-            dominantBaseline: "middle",
-            children: label
-          }
-        )
-      ]
-    }
-  );
-};
-
-
-
-exports.GaugeChart = GaugeChart;