@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/{chunk-XHF3L4ET.mjs → chunk-XMTEMBQV.mjs}

@@ -1,8 +1,12 @@
-import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { resolveAffixTarget, calculateAffixState, createAffixObserver, classNames } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Affix.tsx
+import { useEffect, useRef, useState, useMemo, useCallback } from "react";
+import {
+  classNames,
+  calculateAffixState,
+  resolveAffixTarget,
+  createAffixObserver
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Affix = ({
   offsetTop = 0,
   offsetBottom,
@@ -45,9 +49,10 @@ var Affix = ({
         }
         return;
       }
+      const forcedTop = offsetBottom !== void 0 ? containerRect.bottom - originalRectRef.current.height + offsetBottom + 1 : -1;
       const next = calculateAffixState(
         {
-          top: -1,
+          top: forcedTop,
           left: originalRectRef.current.left,
           width: originalRectRef.current.width,
           height: originalRectRef.current.height
@@ -129,4 +134,6 @@ var Affix = ({
   ] });
 };
 
-export { Affix };
+export {
+  Affix
+};

package/dist/chunk-XPA2YCQO.js

@@ -1,17 +1,21 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Steps.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
 
-// src/components/Steps.tsx
-var StepsContext = React.createContext(null);
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var StepsContext = _react.createContext.call(void 0, null);
 function useStepsContext() {
-  return React.useContext(StepsContext);
+  return _react.useContext.call(void 0, StepsContext);
 }
 var StepsItem = ({
   title,
@@ -33,41 +37,41 @@ var StepsItem = ({
     simple: false,
     clickable: false
   };
-  const stepStatus = tigercatCore.calculateStepStatus(
+  const stepStatus = _tigercatcore.calculateStepStatus.call(void 0, 
     stepIndex,
     stepsContext.current,
     stepsContext.status,
     customStatus
   );
   const isClickable = !!stepsContext.handleStepClick && !disabled;
-  const itemClasses = tigercatCore.classNames(tigercatCore.getStepItemClasses(stepsContext.direction, isLast), className);
-  const iconClasses = tigercatCore.getStepIconClasses(stepStatus, stepsContext.size, stepsContext.simple, !!icon);
-  const tailClasses = tigercatCore.getStepTailClasses(
+  const itemClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getStepItemClasses.call(void 0, stepsContext.direction, isLast), className);
+  const iconClasses = _tigercatcore.getStepIconClasses.call(void 0, stepStatus, stepsContext.size, stepsContext.simple, !!icon);
+  const tailClasses = _tigercatcore.getStepTailClasses.call(void 0, 
     stepsContext.direction,
     stepStatus,
     isLast,
     stepsContext.size,
     stepsContext.simple
   );
-  const contentClasses = tigercatCore.getStepContentClasses(stepsContext.direction);
-  const titleClasses = tigercatCore.getStepTitleClasses(stepStatus, stepsContext.size, isClickable);
-  const descriptionClasses = tigercatCore.getStepDescriptionClasses(stepStatus, stepsContext.size);
+  const contentClasses = _tigercatcore.getStepContentClasses.call(void 0, stepsContext.direction);
+  const titleClasses = _tigercatcore.getStepTitleClasses.call(void 0, stepStatus, stepsContext.size, isClickable);
+  const descriptionClasses = _tigercatcore.getStepDescriptionClasses.call(void 0, stepStatus, stepsContext.size);
   const handleClick = () => {
     if (!isClickable) return;
-    stepsContext.handleStepClick?.(stepIndex);
+    _optionalChain([stepsContext, 'access', _ => _.handleStepClick, 'optionalCall', _2 => _2(stepIndex)]);
   };
   const renderIcon = () => {
     if (icon) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, children: icon });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: icon });
     }
     if (stepStatus === "finish") {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, "aria-hidden": "true", children: tigercatCore.stepFinishChar });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: _tigercatcore.stepFinishChar });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, children: stepIndex + 1 });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: stepIndex + 1 });
   };
   const renderContent = () => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClasses, children: [
-      stepsContext.clickable ? /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: contentClasses, children: [
+      stepsContext.clickable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "button",
         {
           type: "button",
@@ -77,12 +81,12 @@ var StepsItem = ({
           "aria-disabled": disabled || void 0,
           children: title
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children: title }),
-      !stepsContext.simple && description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClasses, children: description })
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: titleClasses, children: title }),
+      !stepsContext.simple && description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: descriptionClasses, children: description })
     ] });
   };
   if (stepsContext.direction === "vertical") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "li",
       {
         ...props,
@@ -91,16 +95,16 @@ var StepsItem = ({
         "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
         "aria-disabled": disabled || void 0,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
             renderIcon(),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailClasses })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tailClasses })
           ] }),
           renderContent()
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "li",
     {
       ...props,
@@ -110,7 +114,7 @@ var StepsItem = ({
       "aria-disabled": disabled || void 0,
       children: [
         renderIcon(),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailClasses }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tailClasses }),
         renderContent()
       ]
     }
@@ -129,18 +133,18 @@ var Steps = ({
   children,
   ...props
 }) => {
-  const containerClasses = React.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getStepsContainerClasses(direction), className),
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getStepsContainerClasses.call(void 0, direction), className),
     [direction, className]
   );
-  const handleStepClick = React.useCallback(
+  const handleStepClick = _react.useCallback.call(void 0, 
     (index) => {
       if (!clickable) return;
-      onChange?.(index);
+      _optionalChain([onChange, 'optionalCall', _3 => _3(index)]);
     },
     [clickable, onChange]
   );
-  const contextValue = React.useMemo(
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       current,
       status,
@@ -152,19 +156,21 @@ var Steps = ({
     }),
     [current, status, direction, size, simple, clickable, handleStepClick]
   );
-  const totalCount = React__default.default.Children.count(children);
-  const stepsWithProps = React__default.default.Children.map(children, (child, index) => {
-    if (React__default.default.isValidElement(child) && child.type === StepsItem) {
-      return React__default.default.cloneElement(child, {
+  const totalCount = _react2.default.Children.count(children);
+  const stepsWithProps = _react2.default.Children.map(children, (child, index) => {
+    if (_react2.default.isValidElement(child) && child.type === StepsItem) {
+      return _react2.default.cloneElement(child, {
         stepIndex: index,
         isLast: index === totalCount - 1
       });
     }
     return child;
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
 };
 
-exports.Steps = Steps;
-exports.StepsItem = StepsItem;
-exports.useStepsContext = useStepsContext;
+
+
+
+
+exports.useStepsContext = useStepsContext; exports.StepsItem = StepsItem; exports.Steps = Steps;

package/dist/chunk-XRNKHQTL.js

@@ -1,10 +1,14 @@
-'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; }// src/components/Mentions.tsx
+var _react = require('react');
+var _tigercatcore = require('@expcat/tigercat-core');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Mentions.tsx
+
+
+
+
+
+var _jsxruntime = require('react/jsx-runtime');
 var Mentions = ({
   value = "",
   prefix: triggerPrefix = "@",
@@ -17,24 +21,24 @@ var Mentions = ({
   onSelect,
   className
 }) => {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [activeIndex, setActiveIndex] = react.useState(0);
-  const [query, setQuery] = react.useState("");
-  const mentionStartRef = react.useRef(-1);
-  const textareaRef = react.useRef(null);
-  const dropdownRef = react.useRef(null);
-  const containerRef = react.useRef(null);
-  const filteredOptions = react.useMemo(() => {
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
+  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, 0);
+  const [query, setQuery] = _react.useState.call(void 0, "");
+  const mentionStartRef = _react.useRef.call(void 0, -1);
+  const textareaRef = _react.useRef.call(void 0, null);
+  const dropdownRef = _react.useRef.call(void 0, null);
+  const containerRef = _react.useRef.call(void 0, null);
+  const filteredOptions = _react.useMemo.call(void 0, () => {
     if (!query) return options;
     const q = query.toLowerCase();
     return options.filter((o) => !o.disabled && o.label.toLowerCase().includes(q));
   }, [options, query]);
-  const handleInput = react.useCallback(
+  const handleInput = _react.useCallback.call(void 0, 
     (e) => {
       const newValue = e.target.value;
-      onChange?.(newValue);
-      const cursorPos = e.target.selectionStart ?? newValue.length;
-      const result = tigercatCore.extractMentionQuery(newValue, cursorPos, triggerPrefix);
+      _optionalChain([onChange, 'optionalCall', _ => _(newValue)]);
+      const cursorPos = _nullishCoalesce(e.target.selectionStart, () => ( newValue.length));
+      const result = _tigercatcore.extractMentionQuery.call(void 0, newValue, cursorPos, triggerPrefix);
       if (result && options.length > 0) {
         setQuery(result.query);
         mentionStartRef.current = result.startPos;
@@ -46,20 +50,20 @@ var Mentions = ({
     },
     [onChange, triggerPrefix, options.length]
   );
-  const selectOption = react.useCallback(
+  const selectOption = _react.useCallback.call(void 0, 
     (option) => {
       if (option.disabled) return;
       const before = value.slice(0, mentionStartRef.current);
-      const cursorPos = textareaRef.current?.selectionStart ?? value.length;
+      const cursorPos = _nullishCoalesce(_optionalChain([textareaRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.selectionStart]), () => ( value.length));
       const after = value.slice(cursorPos);
       const newValue = `${before}${triggerPrefix}${option.value} ${after}`;
-      onChange?.(newValue);
-      onSelect?.(option);
+      _optionalChain([onChange, 'optionalCall', _4 => _4(newValue)]);
+      _optionalChain([onSelect, 'optionalCall', _5 => _5(option)]);
       setIsOpen(false);
     },
     [value, triggerPrefix, onChange, onSelect]
   );
-  const handleKeydown = react.useCallback(
+  const handleKeydown = _react.useCallback.call(void 0, 
     (e) => {
       if (!isOpen) return;
       if (e.key === "ArrowDown") {
@@ -78,7 +82,7 @@ var Mentions = ({
     },
     [isOpen, filteredOptions, activeIndex, selectOption]
   );
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (!isOpen) return;
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -88,19 +92,19 @@ var Mentions = ({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [isOpen]);
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (!isOpen || filteredOptions.length === 0) return;
     if (!textareaRef.current || !dropdownRef.current) return;
-    void tigercatCore.positionMentionsDropdown(textareaRef.current, dropdownRef.current);
+    void _tigercatcore.positionMentionsDropdown.call(void 0, textareaRef.current, dropdownRef.current);
   }, [isOpen, filteredOptions.length, size, rows, value]);
-  const wrapperClass = tigercatCore.classNames("relative", className);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: wrapperClass, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  const wrapperClass = _tigercatcore.classNames.call(void 0, "relative", className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: wrapperClass, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "textarea",
       {
         ref: textareaRef,
         value,
-        className: tigercatCore.getMentionsInputClasses(size, disabled),
+        className: _tigercatcore.getMentionsInputClasses.call(void 0, size, disabled),
         placeholder,
         disabled,
         rows,
@@ -108,10 +112,10 @@ var Mentions = ({
         onKeyDown: handleKeydown
       }
     ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: dropdownRef, className: tigercatCore.mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: dropdownRef, className: _tigercatcore.mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: tigercatCore.getMentionsOptionClasses(i === activeIndex, !!opt.disabled),
+        className: _tigercatcore.getMentionsOptionClasses.call(void 0, i === activeIndex, !!opt.disabled),
         role: "option",
         "aria-selected": i === activeIndex,
         onClick: () => selectOption(opt),
@@ -123,5 +127,7 @@ var Mentions = ({
 };
 var Mentions_default = Mentions;
 
-exports.Mentions = Mentions;
-exports.Mentions_default = Mentions_default;
+
+
+
+exports.Mentions = Mentions; exports.Mentions_default = Mentions_default;

package/dist/chunk-XTV5JLLC.js

@@ -1,9 +1,10 @@
-'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; }// src/hooks/useChartInteraction.ts
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/hooks/useChartInteraction.ts
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 function useChartInteraction(options) {
   const {
     hoverable,
@@ -18,73 +19,73 @@ function useChartInteraction(options) {
     getData,
     callbacks
   } = options;
-  const [localHoveredIndex, setLocalHoveredIndex] = react.useState(null);
-  const [localSelectedIndex, setLocalSelectedIndex] = react.useState(null);
-  const [tooltipPosition, setTooltipPosition] = react.useState({ x: 0, y: 0 });
-  const tooltipSchedulerRef = react.useRef(null);
+  const [localHoveredIndex, setLocalHoveredIndex] = _react.useState.call(void 0, null);
+  const [localSelectedIndex, setLocalSelectedIndex] = _react.useState.call(void 0, null);
+  const [tooltipPosition, setTooltipPosition] = _react.useState.call(void 0, { x: 0, y: 0 });
+  const tooltipSchedulerRef = _react.useRef.call(void 0, null);
   if (tooltipSchedulerRef.current === null) {
-    tooltipSchedulerRef.current = tigercatCore.createChartPointerMoveScheduler({
+    tooltipSchedulerRef.current = _tigercatcore.createChartPointerMoveScheduler.call(void 0, {
       onPositionChange: setTooltipPosition
     });
   }
   const tooltipScheduler = tooltipSchedulerRef.current;
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     return () => tooltipScheduler.cancel();
   }, [tooltipScheduler]);
   const resolvedHoveredIndex = hoveredIndexProp !== void 0 ? hoveredIndexProp : localHoveredIndex;
   const resolvedSelectedIndex = selectedIndexProp !== void 0 ? selectedIndexProp : localSelectedIndex;
-  const activeIndex = react.useMemo(() => {
+  const activeIndex = _react.useMemo.call(void 0, () => {
     if (resolvedSelectedIndex !== null) return resolvedSelectedIndex;
     if (hoverable && resolvedHoveredIndex !== null) return resolvedHoveredIndex;
     return null;
   }, [resolvedSelectedIndex, hoverable, resolvedHoveredIndex]);
-  const getElementOpacity = react.useCallback(
+  const getElementOpacity = _react.useCallback.call(void 0, 
     (index) => {
-      return tigercatCore.getChartElementOpacity(index, activeIndex, {
+      return _tigercatcore.getChartElementOpacity.call(void 0, index, activeIndex, {
         activeOpacity,
         inactiveOpacity
       });
     },
     [activeIndex, activeOpacity, inactiveOpacity]
   );
-  const handleMouseEnter = react.useCallback(
+  const handleMouseEnter = _react.useCallback.call(void 0, 
     (index, event) => {
       if (!hoverable) return;
       if (hoveredIndexProp === void 0) {
         setLocalHoveredIndex(index);
       }
       setTooltipPosition({ x: event.clientX, y: event.clientY });
-      onHoveredIndexChange?.(index);
-      if (callbacks?.onHover && getData) {
-        callbacks.onHover(index, getData(index) ?? null);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
+      if (_optionalChain([callbacks, 'optionalAccess', _2 => _2.onHover]) && getData) {
+        callbacks.onHover(index, _nullishCoalesce(getData(index), () => ( null)));
       }
     },
     [hoverable, hoveredIndexProp, onHoveredIndexChange, callbacks, getData]
   );
-  const handleMouseMove = react.useCallback(
+  const handleMouseMove = _react.useCallback.call(void 0, 
     (event) => {
       tooltipScheduler.schedule({ x: event.clientX, y: event.clientY });
     },
     [tooltipScheduler]
   );
-  const handleMouseLeave = react.useCallback(() => {
+  const handleMouseLeave = _react.useCallback.call(void 0, () => {
     tooltipScheduler.cancel();
     if (!hoverable) return;
     if (hoveredIndexProp === void 0) {
       setLocalHoveredIndex(null);
     }
-    onHoveredIndexChange?.(null);
-    callbacks?.onHover?.(null, null);
+    _optionalChain([onHoveredIndexChange, 'optionalCall', _3 => _3(null)]);
+    _optionalChain([callbacks, 'optionalAccess', _4 => _4.onHover, 'optionalCall', _5 => _5(null, null)]);
   }, [hoverable, tooltipScheduler, hoveredIndexProp, onHoveredIndexChange, callbacks]);
-  const handleClick = react.useCallback(
+  const handleClick = _react.useCallback.call(void 0, 
     (index) => {
       if (!selectable) return;
       const nextIndex = resolvedSelectedIndex === index ? null : index;
       if (selectedIndexProp === void 0) {
         setLocalSelectedIndex(nextIndex);
       }
-      onSelectedIndexChange?.(nextIndex);
-      if (callbacks?.onClick && getData) {
+      _optionalChain([onSelectedIndexChange, 'optionalCall', _6 => _6(nextIndex)]);
+      if (_optionalChain([callbacks, 'optionalAccess', _7 => _7.onClick]) && getData) {
         const datum = getData(index);
         if (datum) callbacks.onClick(index, datum);
       }
@@ -98,7 +99,7 @@ function useChartInteraction(options) {
       getData
     ]
   );
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = _react.useCallback.call(void 0, 
     (event, index) => {
       if (!selectable) return;
       if (event.key !== "Enter" && event.key !== " ") return;
@@ -107,37 +108,37 @@ function useChartInteraction(options) {
     },
     [selectable, handleClick]
   );
-  const handleLegendClick = react.useCallback(
+  const handleLegendClick = _react.useCallback.call(void 0, 
     (index) => {
       handleClick(index);
     },
     [handleClick]
   );
-  const handleLegendHover = react.useCallback(
+  const handleLegendHover = _react.useCallback.call(void 0, 
     (index) => {
       if (!hoverable) return;
       if (hoveredIndexProp === void 0) {
         setLocalHoveredIndex(index);
       }
-      onHoveredIndexChange?.(index);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _8 => _8(index)]);
     },
     [hoverable, hoveredIndexProp, onHoveredIndexChange]
   );
-  const handleLegendLeave = react.useCallback(() => {
+  const handleLegendLeave = _react.useCallback.call(void 0, () => {
     handleMouseLeave();
   }, [handleMouseLeave]);
-  const wrapperClasses = react.useMemo(() => {
-    return tigercatCore.classNames(
+  const wrapperClasses = _react.useMemo.call(void 0, () => {
+    return _tigercatcore.classNames.call(void 0, 
       "inline-flex",
       legendPosition === "right" ? "flex-row items-start gap-4" : legendPosition === "left" ? "flex-row-reverse items-start gap-4" : legendPosition === "top" ? "flex-col-reverse gap-2" : "flex-col gap-2"
     );
   }, [legendPosition]);
-  const createLegendItems = react.useCallback(
+  const createLegendItems = _react.useCallback.call(void 0, 
     (items, palette, labelFormatter) => {
       return items.map((item, index) => ({
         index,
-        label: labelFormatter ? labelFormatter(item, index) : item.label ?? String(item.x ?? index),
-        color: item.color ?? palette[index % palette.length],
+        label: labelFormatter ? labelFormatter(item, index) : _nullishCoalesce(item.label, () => ( String(_nullishCoalesce(item.x, () => ( index))))),
+        color: _nullishCoalesce(item.color, () => ( palette[index % palette.length])),
         active: activeIndex === null || activeIndex === index
       }));
     },
@@ -164,4 +165,6 @@ function useChartInteraction(options) {
   };
 }
 
+
+
 exports.useChartInteraction = useChartInteraction;

package/dist/chunk-XZVQ3PJS.mjs

@@ -1,8 +1,14 @@
-import { useMemo, useCallback } from 'react';
-import { classNames, linkBaseClasses, getLinkVariantClasses, linkSizeClasses, linkDisabledClasses, getSecureRel } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Link.tsx
+import { useCallback, useMemo } from "react";
+import {
+  classNames,
+  getLinkVariantClasses,
+  getSecureRel,
+  linkBaseClasses,
+  linkDisabledClasses,
+  linkSizeClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Link = ({
   variant = "primary",
   size = "md",
@@ -69,4 +75,6 @@ var Link = ({
   );
 };
 
-export { Link };
+export {
+  Link
+};