@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-BFAZZUD6.js

@@ -0,0 +1,236 @@
+"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 _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
+
+// src/components/MarkdownEditor.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('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,
+  onChange,
+  onModeChange,
+  className,
+  style,
+  ...restProps
+}) => {
+  const textareaRef = _react.useRef.call(void 0, null);
+  const [currentValue, setInternalValue, isValueControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, 
+    value,
+    defaultValue
+  );
+  const [currentMode, setInternalMode, isModeControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, mode, defaultMode);
+  const toolbarItems = _react.useMemo.call(void 0, 
+    () => toolbar === false ? [] : _nullishCoalesce(toolbar, () => ( _tigercatcore.defaultMarkdownToolbar)),
+    [toolbar]
+  );
+  const previewHtml = _react.useMemo.call(void 0, 
+    () => _tigercatcore.renderMarkdownToHtml.call(void 0, currentValue, renderer),
+    [currentValue, renderer]
+  );
+  const containerStyle = _react.useMemo.call(void 0, () => {
+    const parsedHeight = _tigercatcore.parseMarkdownHeight.call(void 0, height);
+    return { ...parsedHeight ? { height: parsedHeight } : {}, ...style };
+  }, [height, style]);
+  const commitValue = _react.useCallback.call(void 0, 
+    (nextValue) => {
+      if (!isValueControlled) setInternalValue(nextValue);
+      _optionalChain([onChange, 'optionalCall', _ => _(nextValue)]);
+    },
+    [isValueControlled, onChange, setInternalValue]
+  );
+  const commitMode = _react.useCallback.call(void 0, 
+    (nextMode) => {
+      if (!isModeControlled) setInternalMode(nextMode);
+      _optionalChain([onModeChange, 'optionalCall', _2 => _2(nextMode)]);
+    },
+    [isModeControlled, onModeChange, setInternalMode]
+  );
+  const applyToolbarButton = _react.useCallback.call(void 0, 
+    (button) => {
+      if (readOnly || disabled) return;
+      const textarea = textareaRef.current;
+      const selection = {
+        value: currentValue,
+        selectionStart: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _3 => _3.selectionStart]), () => ( currentValue.length)),
+        selectionEnd: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _4 => _4.selectionEnd]), () => ( currentValue.length))
+      };
+      const result = _tigercatcore.applyMarkdownToolbarAction.call(void 0, button, selection);
+      commitValue(result.value);
+      if (textarea) scheduleSelectionRestore(textarea, result);
+    },
+    [commitValue, currentValue, disabled, readOnly]
+  );
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (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 = _tigercatcore.findMarkdownHotkeyMatch.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.markdownEditorPreviewClasses,
+        currentMode === "split" ? _tigercatcore.markdownEditorSplitDividerClasses : void 0,
+        !currentValue ? _tigercatcore.markdownEditorEmptyPreviewClasses : void 0
+      ),
+      role: "region",
+      "aria-label": "Markdown preview",
+      dangerouslySetInnerHTML: { __html: currentValue ? previewHtml : placeholder || "" }
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _tigercatcore.getMarkdownContainerClasses.call(void 0, disabled, className),
+      style: containerStyle,
+      "data-mode": currentMode,
+      ...restProps,
+      children: [
+        showTopbar && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.markdownEditorToolbarClasses, children: [
+          showFormattingToolbar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: _tigercatcore.markdownEditorToolbarGroupClasses,
+              role: "toolbar",
+              "aria-label": "Markdown formatting",
+              children: toolbarItems.map((item, index) => {
+                if (_tigercatcore.isMarkdownToolbarSeparator.call(void 0, item)) {
+                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "div",
+                    {
+                      className: _tigercatcore.markdownEditorToolbarSeparatorClasses,
+                      role: "separator",
+                      "aria-orientation": "vertical"
+                    },
+                    `separator-${index}`
+                  );
+                }
+                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "button",
+                  {
+                    type: "button",
+                    className: _tigercatcore.getMarkdownToolbarButtonClasses.call(void 0, false),
+                    title: _nullishCoalesce(item.tooltip, () => ( item.label)),
+                    "aria-label": _nullishCoalesce(item.tooltip, () => ( item.label)),
+                    disabled: disabled || readOnly,
+                    onClick: () => applyToolbarButton(item),
+                    children: item.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { dangerouslySetInnerHTML: { __html: item.icon } }) : item.label
+                  },
+                  item.name
+                );
+              })
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {}),
+          showModeSwitch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: _tigercatcore.markdownEditorToolbarGroupClasses,
+              role: "toolbar",
+              "aria-label": "Markdown view mode",
+              children: modes.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  className: _tigercatcore.getMarkdownToolbarButtonClasses.call(void 0, currentMode === item),
+                  "aria-label": _tigercatcore.markdownModeLabels[item],
+                  "aria-pressed": currentMode === item,
+                  disabled,
+                  onClick: () => commitMode(item),
+                  children: _tigercatcore.markdownModeLabels[item]
+                },
+                item
+              ))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getMarkdownBodyClasses.call(void 0, currentMode), children: [
+          showEditor && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "textarea",
+            {
+              ref: textareaRef,
+              className: _tigercatcore.markdownEditorTextareaClasses,
+              value: currentValue,
+              onChange: (event) => commitValue(event.target.value),
+              onKeyDown: handleKeyDown,
+              placeholder,
+              readOnly: readOnly || disabled,
+              disabled,
+              spellCheck: true,
+              "aria-label": "Markdown editor",
+              "aria-multiline": true
+            }
+          ),
+          showPreview && previewNode
+        ] })
+      ]
+    }
+  );
+};
+var MarkdownEditor_default = MarkdownEditor;
+
+
+
+
+exports.MarkdownEditor = MarkdownEditor; exports.MarkdownEditor_default = MarkdownEditor_default;

package/dist/{chunk-ME5BLIFX.mjs → chunk-BJQIYELW.mjs}

@@ -1,8 +1,28 @@
-import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { createDefaultTransform, createPanState, createPinchState, classNames, imageViewerBackdropClasses, imageViewerCounterClasses, imageViewerCloseBtnClasses, imageViewerIcons, imageViewerNavBtnClasses, getImageTransformStyle, imageViewerImgClasses, movePinch, movePan, startPinch, startPan, applyWheelZoom, imageViewerToolbarClasses, imageViewerToolbarBtnClasses, clampZoom, normalizeRotation } from '@expcat/tigercat-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
 // src/components/ImageViewer.tsx
+import { useState, useCallback, useEffect, useMemo, useRef } from "react";
+import {
+  classNames,
+  imageViewerBackdropClasses,
+  imageViewerImgClasses,
+  imageViewerToolbarClasses,
+  imageViewerToolbarBtnClasses,
+  imageViewerNavBtnClasses,
+  imageViewerCloseBtnClasses,
+  imageViewerCounterClasses,
+  imageViewerIcons,
+  clampZoom,
+  normalizeRotation,
+  createDefaultTransform,
+  getImageTransformStyle,
+  applyWheelZoom,
+  createPanState,
+  startPan,
+  movePan,
+  createPinchState,
+  startPinch,
+  movePinch
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function SvgIcon({ pathD, label }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -31,6 +51,7 @@ var ImageViewer = ({
   minZoom = 0.5,
   maxZoom = 3,
   className,
+  onOpenChange,
   onClose,
   onIndexChange
 }) => {
@@ -47,8 +68,9 @@ var ImageViewer = ({
     pinchRef.current = createPinchState();
   }, []);
   const handleClose = useCallback(() => {
+    onOpenChange?.(false);
     onClose?.();
-  }, [onClose]);
+  }, [onOpenChange, onClose]);
   const handlePrev = useCallback(() => {
     const newIndex = (index - 1 + images.length) % images.length;
     setIndex(newIndex);
@@ -149,7 +171,12 @@ var ImageViewer = ({
             onMouseDown: (e) => {
               if (e.button !== 0) return;
               e.preventDefault();
-              panRef.current = startPan(e.clientX, e.clientY, transform.translateX, transform.translateY);
+              panRef.current = startPan(
+                e.clientX,
+                e.clientY,
+                transform.translateX,
+                transform.translateY
+              );
             },
             onMouseMove: (e) => {
               if (!panRef.current.isPanning) return;
@@ -178,7 +205,13 @@ var ImageViewer = ({
             onTouchMove: (e) => {
               if (e.touches.length === 2 && pinchRef.current.isPinching) {
                 e.preventDefault();
-                const newScale = movePinch(pinchRef.current, e.touches[0], e.touches[1], minZoom, maxZoom);
+                const newScale = movePinch(
+                  pinchRef.current,
+                  e.touches[0],
+                  e.touches[1],
+                  minZoom,
+                  maxZoom
+                );
                 setTransform((t) => ({ ...t, scale: newScale }));
               } else if (e.touches.length === 1 && panRef.current.isPanning) {
                 const result = movePan(panRef.current, e.touches[0].clientX, e.touches[0].clientY);
@@ -201,7 +234,10 @@ var ImageViewer = ({
               "button",
               {
                 className: imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({ ...t, scale: clampZoom(t.scale - 0.25, minZoom, maxZoom) })),
+                onClick: () => setTransform((t) => ({
+                  ...t,
+                  scale: clampZoom(t.scale - 0.25, minZoom, maxZoom)
+                })),
                 "aria-label": "Zoom out",
                 type: "button",
                 children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.zoomOut, label: "Zoom out" })
@@ -211,7 +247,10 @@ var ImageViewer = ({
               "button",
               {
                 className: imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({ ...t, scale: clampZoom(t.scale + 0.25, minZoom, maxZoom) })),
+                onClick: () => setTransform((t) => ({
+                  ...t,
+                  scale: clampZoom(t.scale + 0.25, minZoom, maxZoom)
+                })),
                 "aria-label": "Zoom in",
                 type: "button",
                 children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.zoomIn, label: "Zoom in" })
@@ -246,4 +285,6 @@ var ImageViewer = ({
   );
 };
 
-export { ImageViewer };
+export {
+  ImageViewer
+};

package/dist/{chunk-DBGPINKE.js → chunk-BO45CU4Q.js}

@@ -1,13 +1,36 @@
-'use strict';
+"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 chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
-var chunkWV5XHYW6_js = require('./chunk-WV5XHYW6.js');
-var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
-var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
+
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/PieChart.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var PieChart = ({
   width = 320,
   height = 200,
@@ -61,7 +84,7 @@ var PieChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkXTV5JLLC_js.useChartInteraction({
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -71,75 +94,79 @@ var PieChart = ({
     legendPosition,
     getData: (index) => data[index],
     onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onSliceHover?.(index, index !== null ? data[index] : null);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
+      _optionalChain([onSliceHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
     },
     onSelectedIndexChange,
     callbacks: {
       onClick: onSliceClick
     }
   });
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
   );
-  const resolvedOuterRadius = react.useMemo(() => {
+  const resolvedOuterRadius = _react.useMemo.call(void 0, () => {
     if (typeof outerRadius === "number") return Math.max(0, outerRadius);
     const maxR = Math.min(innerRect.width, innerRect.height) / 2;
     return labelPosition === "outside" ? maxR * 0.72 : maxR;
   }, [outerRadius, innerRect.width, innerRect.height, labelPosition]);
-  const resolvedInnerRadius = react.useMemo(
-    () => Math.min(Math.max(0, innerRadius ?? 0), resolvedOuterRadius),
+  const resolvedInnerRadius = _react.useMemo.call(void 0, 
+    () => Math.min(Math.max(0, _nullishCoalesce(innerRadius, () => ( 0))), resolvedOuterRadius),
     [innerRadius, resolvedOuterRadius]
   );
-  const arcs = react.useMemo(
-    () => tigercatCore.getPieArcs(data, {
+  const arcs = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getPieArcs.call(void 0, data, {
       startAngle,
       endAngle,
       padAngle
     }),
     [data, startAngle, endAngle, padAngle]
   );
-  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
-  const gradientPrefix = react.useMemo(() => tigercatCore.getPieGradientPrefix(), []);
+  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors), [colors]);
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "pie", gradientId),
+    [gradientId]
+  );
   const cx = innerRect.width / 2;
   const cy = innerRect.height / 2;
   const labelRadius = resolvedInnerRadius + (resolvedOuterRadius - resolvedInnerRadius) / 2;
-  const total = react.useMemo(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
-  const formatLabel = labelFormatter ?? ((value, datum) => datum.label ?? `${value}`);
-  const legendItems = react.useMemo(
-    () => tigercatCore.buildChartLegendItems({
+  const total = _react.useMemo.call(void 0, () => data.reduce((sum, d) => sum + d.value, 0), [data]);
+  const formatLabel = _nullishCoalesce(labelFormatter, () => ( ((value, datum) => _nullishCoalesce(datum.label, () => ( `${value}`)))));
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
       data: arcs.map((a) => a.data),
       palette,
       activeIndex,
-      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : d.label ?? `${i + 1}`,
-      getColor: (d, i) => d.color ?? palette[i % palette.length]
+      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : _nullishCoalesce(d.label, () => ( `${i + 1}`)),
+      getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette[i % palette.length]))
     }),
     [arcs, legendFormatter, palette, activeIndex]
   );
-  const tooltipContent = react.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
-      const label = datum.label ?? `Slice ${index + 1}`;
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
+      const label = _nullishCoalesce(datum.label, () => ( `Slice ${index + 1}`));
       const percentage = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
       return `${label}: ${datum.value} (${percentage}%)`;
     }),
     [resolvedHoveredIndex, data, tooltipFormatter, total]
   );
   const interactive = hoverable || selectable;
-  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkUKLVOR4E_js.ChartCanvas,
+  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
     {
       width,
       height,
       padding,
       title,
       desc,
-      className: tigercatCore.classNames(className),
+      className: _tigercatcore.classNames.call(void 0, className),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-series-type": "pie", children: [
-          gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: arcs.map((arc) => {
-            const color = arc.data.color ?? palette[arc.index % palette.length];
-            return /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "data-series-type": "pie", children: [
+          gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: arcs.map((arc) => {
+            const color = _nullishCoalesce(arc.data.color, () => ( palette[arc.index % palette.length]));
+            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "linearGradient",
               {
                 id: `${gradientPrefix}-${arc.index}`,
@@ -148,16 +175,16 @@ var PieChart = ({
                 x2: "0",
                 y2: "1",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 1 }),
-                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.7 })
+                  /* @__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.7 })
                 ]
               },
               `pie-grad-${arc.index}`
             );
           }) }),
           arcs.map((arc) => {
-            const color = arc.data.color ?? palette[arc.index % palette.length];
-            const path = tigercatCore.createPieArcPath({
+            const color = _nullishCoalesce(arc.data.color, () => ( palette[arc.index % palette.length]));
+            const path = _tigercatcore.createPieArcPath.call(void 0, {
               cx,
               cy,
               innerRadius: resolvedInnerRadius,
@@ -166,12 +193,12 @@ var PieChart = ({
               endAngle: arc.endAngle
             });
             const isEmphasized = activeIndex === arc.index;
-            const opacity = tigercatCore.getChartElementOpacity(arc.index, activeIndex, {
+            const opacity = _tigercatcore.getChartElementOpacity.call(void 0, arc.index, activeIndex, {
               activeOpacity,
               inactiveOpacity
             });
-            const { dx, dy } = interactive && isEmphasized && hoverOffset > 0 ? tigercatCore.computePieHoverOffset(arc.startAngle, arc.endAngle, hoverOffset) : { dx: 0, dy: 0 };
-            return /* @__PURE__ */ jsxRuntime.jsx(
+            const { dx, dy } = interactive && isEmphasized && hoverOffset > 0 ? _tigercatcore.computePieHoverOffset.call(void 0, arc.startAngle, arc.endAngle, hoverOffset) : { dx: 0, dy: 0 };
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "path",
               {
                 d: path,
@@ -180,12 +207,12 @@ var PieChart = ({
                 stroke: borderColor,
                 strokeWidth: borderWidth,
                 strokeLinejoin: "round",
-                className: tigercatCore.classNames(interactive && "cursor-pointer"),
+                className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
                 style: {
                   transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
                   transformOrigin: `${cx}px ${cy}px`,
-                  transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity 0.2s ease-out, filter 0.3s ease-out",
-                  filter: shadow ? isEmphasized ? tigercatCore.PIE_EMPHASIS_SHADOW : tigercatCore.PIE_BASE_SHADOW : void 0
+                  transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-decelerate,ease-out)",
+                  filter: shadow ? isEmphasized ? _tigercatcore.PIE_EMPHASIS_SHADOW : _tigercatcore.PIE_BASE_SHADOW : void 0
                 },
                 tabIndex: selectable ? 0 : void 0,
                 "data-pie-slice": "true",
@@ -201,8 +228,8 @@ var PieChart = ({
           })
         ] }),
         showLabels && labelPosition === "outside" && arcs.map((arc) => {
-          const color = arc.data.color ?? palette[arc.index % palette.length];
-          const line = tigercatCore.computePieLabelLine(
+          const color = _nullishCoalesce(arc.data.color, () => ( palette[arc.index % palette.length]));
+          const line = _tigercatcore.computePieLabelLine.call(void 0, 
             cx,
             cy,
             resolvedOuterRadius,
@@ -210,9 +237,9 @@ var PieChart = ({
             arc.endAngle
           );
           const pct = total > 0 ? (arc.value / total * 100).toFixed(1) : "0";
-          const labelText = labelFormatter ? labelFormatter(arc.value, arc.data, arc.index) : `${arc.data.label ?? arc.value} ${pct}%`;
-          return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          const labelText = labelFormatter ? labelFormatter(arc.value, arc.data, arc.index) : `${_nullishCoalesce(arc.data.label, () => ( arc.value))} ${pct}%`;
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "polyline",
               {
                 points: `${line.anchor.x},${line.anchor.y} ${line.elbow.x},${line.elbow.y} ${line.label.x},${line.label.y}`,
@@ -222,7 +249,7 @@ var PieChart = ({
                 opacity: 0.5
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "text",
               {
                 x: line.label.x,
@@ -237,14 +264,14 @@ var PieChart = ({
         }),
         showLabels && labelPosition !== "outside" && arcs.map((arc) => {
           const angle = (arc.startAngle + arc.endAngle) / 2;
-          const { x, y } = tigercatCore.polarToCartesian(cx, cy, labelRadius, angle);
+          const { x, y } = _tigercatcore.polarToCartesian.call(void 0, cx, cy, labelRadius, angle);
           const label = formatLabel(arc.value, arc.data, arc.index);
-          return /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "text",
             {
               x,
               y,
-              className: tigercatCore.chartAxisTickTextClasses,
+              className: _tigercatcore.chartAxisTickTextClasses,
               textAnchor: "middle",
               dominantBaseline: "middle",
               children: label
@@ -255,8 +282,8 @@ var PieChart = ({
       ]
     }
   );
-  const tooltip = showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36ATCHP4_js.ChartTooltip,
+  const tooltip = showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoverable && resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -265,15 +292,15 @@ var PieChart = ({
     }
   );
   if (!showLegend) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
       chart,
       tooltip
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWV5XHYW6_js.ChartLegend,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWV5XHYW6js.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,
@@ -290,5 +317,7 @@ var PieChart = ({
 };
 var PieChart_default = PieChart;
 
-exports.PieChart = PieChart;
-exports.PieChart_default = PieChart_default;
+
+
+
+exports.PieChart = PieChart; exports.PieChart_default = PieChart_default;