@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-2LKX6CE7.js

@@ -1,376 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
-
-
-var _chunk23XPDNCAjs = require('./chunk-23XPDNCA.js');
-
-
-var _chunkAX5XRD2Qjs = require('./chunk-AX5XRD2Q.js');
-
-
-var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
-
-
-var _chunkE5GD3H7Ljs = require('./chunk-E5GD3H7L.js');
-
-
-var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
-
-
-var _chunk3QFHVAZTjs = require('./chunk-3QFHVAZT.js');
-
-// src/components/BarChart.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var BarChart = ({
-  width = 320,
-  height = 200,
-  padding = 24,
-  data,
-  xScale,
-  yScale,
-  barColor = "var(--tiger-primary,#2563eb)",
-  barRadius = 4,
-  barPaddingInner = 0.2,
-  barPaddingOuter = 0.1,
-  showGrid = true,
-  showAxis = true,
-  showXAxis = true,
-  showYAxis = true,
-  xAxisLabel,
-  yAxisLabel,
-  xTicks = 5,
-  yTicks = 5,
-  xTickValues,
-  yTickValues,
-  xTickFormat,
-  yTickFormat,
-  gridLineStyle = "solid",
-  gridStrokeWidth = 1,
-  colors,
-  hoverable = false,
-  hoveredIndex: hoveredIndexProp,
-  activeOpacity = 1,
-  inactiveOpacity = 0.25,
-  selectable = false,
-  selectedIndex: selectedIndexProp,
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  showTooltip = true,
-  tooltipFormatter,
-  legendFormatter,
-  showValueLabels = false,
-  valueLabelPosition = "top",
-  valueLabelFormatter,
-  barMinHeight = 0,
-  barMaxWidth,
-  gradient = false,
-  animated = false,
-  title,
-  desc,
-  className,
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onBarClick,
-  onBarHover
-}) => {
-  const gradientId = _react.useId.call(void 0, );
-  const gradientPrefix = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "bar", gradientId),
-    [gradientId]
-  );
-  const {
-    tooltipPosition,
-    resolvedHoveredIndex,
-    activeIndex,
-    handleMouseEnter,
-    handleMouseMove,
-    handleMouseLeave,
-    handleClick,
-    handleKeyDown,
-    handleLegendClick,
-    handleLegendHover,
-    handleLegendLeave,
-    wrapperClasses
-  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
-    hoverable,
-    hoveredIndexProp,
-    selectable,
-    selectedIndexProp,
-    activeOpacity,
-    inactiveOpacity,
-    legendPosition,
-    getData: (index) => data[index],
-    onHoveredIndexChange: (index) => {
-      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
-      _optionalChain([onBarHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
-    },
-    onSelectedIndexChange,
-    callbacks: {
-      onClick: onBarClick
-    }
-  });
-  const innerRect = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
-    [width, height, padding]
-  );
-  const xDomain = _react.useMemo.call(void 0, () => data.map((item) => String(item.x)), [data]);
-  const yValues = _react.useMemo.call(void 0, () => data.map((item) => item.y), [data]);
-  const resolvedXScale = _react.useMemo.call(void 0, () => {
-    if (xScale) return xScale;
-    return _tigercatcore.createBandScale.call(void 0, xDomain, [0, innerRect.width], {
-      paddingInner: barPaddingInner,
-      paddingOuter: barPaddingOuter
-    });
-  }, [xScale, xDomain, innerRect.width, barPaddingInner, barPaddingOuter]);
-  const resolvedYScale = _react.useMemo.call(void 0, () => {
-    if (yScale) return yScale;
-    const extent = _tigercatcore.getNumberExtent.call(void 0, yValues, { includeZero: true });
-    return _tigercatcore.createLinearScale.call(void 0, extent, [innerRect.height, 0]);
-  }, [yScale, yValues, innerRect.height]);
-  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors, barColor), [colors, barColor]);
-  const bars = _react.useMemo.call(void 0, () => {
-    const scale = resolvedXScale;
-    const rawBandWidth = _nullishCoalesce(scale.bandwidth, () => ( (scale.step ? scale.step * 0.7 : innerRect.width / Math.max(1, data.length) * 0.8)));
-    const bandWidth = _tigercatcore.clampBarWidth.call(void 0, rawBandWidth, barMaxWidth);
-    const bandOffset = rawBandWidth > bandWidth ? (rawBandWidth - bandWidth) / 2 : 0;
-    const baseline = resolvedYScale.map(0);
-    return data.map((item, index) => {
-      const xKey = scale.type === "linear" ? Number(item.x) : String(item.x);
-      const xPos = scale.map(xKey);
-      const barX = (scale.bandwidth ? xPos : xPos - rawBandWidth / 2) + bandOffset;
-      const barYValue = resolvedYScale.map(item.y);
-      let barHeight = Math.abs(baseline - barYValue);
-      let barY = Math.min(baseline, barYValue);
-      if (barMinHeight > 0 && barHeight > 0) {
-        const clamped = _tigercatcore.ensureBarMinHeight.call(void 0, barY, barHeight, baseline, barMinHeight);
-        barY = clamped.y;
-        barHeight = clamped.height;
-      }
-      const color = _nullishCoalesce(item.color, () => ( palette[index % palette.length]));
-      const opacity = _tigercatcore.getChartElementOpacity.call(void 0, index, activeIndex, {
-        activeOpacity,
-        inactiveOpacity
-      });
-      return {
-        x: barX,
-        y: barY,
-        width: bandWidth,
-        height: barHeight,
-        color,
-        opacity,
-        datum: item,
-        index
-      };
-    });
-  }, [
-    resolvedXScale,
-    resolvedYScale,
-    data,
-    innerRect.width,
-    palette,
-    activeIndex,
-    activeOpacity,
-    inactiveOpacity,
-    barMinHeight,
-    barMaxWidth
-  ]);
-  const legendItems = _react.useMemo.call(void 0, 
-    () => _tigercatcore.buildChartLegendItems.call(void 0, {
-      data,
-      palette,
-      activeIndex,
-      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : _nullishCoalesce(d.label, () => ( String(d.x))),
-      getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette[i % palette.length]))
-    }),
-    [data, legendFormatter, palette, activeIndex]
-  );
-  const tooltipContent = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveChartTooltipContent.call(void 0, 
-      resolvedHoveredIndex,
-      data,
-      tooltipFormatter,
-      _tigercatcore.defaultXYTooltipFormatter
-    ),
-    [resolvedHoveredIndex, data, tooltipFormatter]
-  );
-  const shouldShowXAxis = showAxis && showXAxis;
-  const shouldShowYAxis = showAxis && showYAxis;
-  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkUKLVOR4Ejs.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: _tigercatcore.classNames.call(void 0, className),
-      children: [
-        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: bars.map((bar) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "linearGradient",
-          {
-            id: `${gradientPrefix}-${bar.index}`,
-            x1: "0",
-            y1: "0",
-            x2: "0",
-            y2: "1",
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: bar.color, stopOpacity: 0.65 }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: bar.color, stopOpacity: 1 })
-            ]
-          },
-          `grad-${bar.index}`
-        )) }),
-        showGrid && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3QFHVAZTjs.ChartGrid,
-          {
-            xScale: resolvedXScale,
-            yScale: resolvedYScale,
-            show: "both",
-            xTicks,
-            yTicks,
-            xTickValues,
-            yTickValues,
-            lineStyle: gridLineStyle,
-            strokeWidth: gridStrokeWidth
-          }
-        ),
-        shouldShowXAxis && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE5GD3H7Ljs.ChartAxis,
-          {
-            scale: resolvedXScale,
-            orientation: "bottom",
-            y: innerRect.height,
-            ticks: xTicks,
-            tickValues: xTickValues,
-            tickFormat: xTickFormat,
-            label: xAxisLabel
-          }
-        ),
-        shouldShowYAxis && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE5GD3H7Ljs.ChartAxis,
-          {
-            scale: resolvedYScale,
-            orientation: "left",
-            ticks: yTicks,
-            tickValues: yTickValues,
-            tickFormat: yTickFormat,
-            label: yAxisLabel
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAX5XRD2Qjs.ChartSeries, { data, type: "bar", children: bars.map((bar) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "rect",
-          {
-            x: bar.x,
-            y: bar.y,
-            width: bar.width,
-            height: bar.height,
-            rx: barRadius,
-            ry: barRadius,
-            fill: gradient ? `url(#${gradientPrefix}-${bar.index})` : bar.color,
-            opacity: bar.opacity,
-            className: _tigercatcore.classNames.call(void 0, 
-              "transition-[opacity,filter] [transition-duration:var(--tiger-motion-duration-base,200ms)] [transition-timing-function:var(--tiger-motion-ease-decelerate,ease-out)]",
-              (hoverable || selectable) && "cursor-pointer hover:brightness-110"
-            ),
-            style: {
-              rx: `var(--tiger-chart-bar-radius, ${barRadius}px)`,
-              ry: `var(--tiger-chart-bar-radius, ${barRadius}px)`,
-              ...animated ? {
-                transition: "y var(--tiger-motion-duration-slow,600ms) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)), height var(--tiger-motion-duration-slow,600ms) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)), opacity var(--tiger-motion-duration-base,200ms) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,200ms) var(--tiger-motion-ease-decelerate,ease-out)"
-              } : null
-            },
-            tabIndex: selectable ? 0 : void 0,
-            role: selectable ? "button" : "img",
-            "aria-label": _nullishCoalesce(bar.datum.label, () => ( String(bar.datum.x))),
-            "data-bar-index": bar.index,
-            onMouseEnter: (e) => handleMouseEnter(bar.index, e),
-            onMouseMove: handleMouseMove,
-            onMouseLeave: handleMouseLeave,
-            onClick: () => handleClick(bar.index),
-            onKeyDown: (e) => handleKeyDown(e, bar.index)
-          },
-          `bar-${bar.index}`
-        )) }),
-        showValueLabels && bars.map((bar) => {
-          const labelText = valueLabelFormatter ? valueLabelFormatter(bar.datum, bar.index) : String(bar.datum.y);
-          const labelY = _tigercatcore.getBarValueLabelY.call(void 0, bar.y, bar.height, valueLabelPosition, 8);
-          const isInside = valueLabelPosition === "inside";
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "text",
-            {
-              x: bar.x + bar.width / 2,
-              y: labelY,
-              textAnchor: "middle",
-              dominantBaseline: isInside ? "central" : "auto",
-              className: isInside ? _tigercatcore.barValueLabelInsideClasses : _tigercatcore.barValueLabelClasses,
-              opacity: bar.opacity,
-              "data-value-label": "",
-              children: labelText
-            },
-            `label-${bar.index}`
-          );
-        })
-      ]
-    }
-  );
-  const tooltip = showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkSK7PXSVEjs.ChartTooltip,
-    {
-      content: tooltipContent,
-      visible: hoverable && resolvedHoveredIndex !== null && tooltipContent !== "",
-      x: tooltipPosition.x,
-      y: tooltipPosition.y
-    }
-  );
-  if (!showLegend) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
-      chart,
-      tooltip
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
-    chart,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk23XPDNCAjs.ChartLegend,
-      {
-        items: legendItems,
-        position: legendPosition,
-        markerSize: legendMarkerSize,
-        gap: legendGap,
-        interactive: hoverable || selectable,
-        onItemClick: handleLegendClick,
-        onItemHover: handleLegendHover,
-        onItemLeave: handleLegendLeave
-      }
-    ),
-    tooltip
-  ] });
-};
-var BarChart_default = BarChart;
-
-
-
-
-exports.BarChart = BarChart; exports.BarChart_default = BarChart_default;

package/dist/chunk-2PV3F47T.js

@@ -1,65 +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 _chunkI6VHGILWjs = require('./chunk-I6VHGILW.js');
-
-// src/components/ImageGroup.tsx
-var _react = require('react');
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var ImageGroupContext = _react.createContext.call(void 0, null);
-var ImageGroup = ({
-  preview = true,
-  onPreviewVisibleChange,
-  children,
-  className
-}) => {
-  const [previewVisible, setPreviewVisible] = _react.useState.call(void 0, false);
-  const [previewIndex, setPreviewIndex] = _react.useState.call(void 0, 0);
-  const imagesRef = _react.useRef.call(void 0, []);
-  const register = _react.useCallback.call(void 0, (src) => {
-    const result = _tigercatcore.registerImageGroupItem.call(void 0, imagesRef.current, src);
-    imagesRef.current = result.items;
-    return result.index;
-  }, []);
-  const unregister = _react.useCallback.call(void 0, (src) => {
-    imagesRef.current = _tigercatcore.unregisterImageGroupItem.call(void 0, imagesRef.current, src);
-  }, []);
-  const openPreview = _react.useCallback.call(void 0, 
-    (index) => {
-      if (!preview) return;
-      setPreviewIndex(index);
-      setPreviewVisible(true);
-      _optionalChain([onPreviewVisibleChange, 'optionalCall', _ => _(true)]);
-    },
-    [preview, onPreviewVisibleChange]
-  );
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({ register, unregister, openPreview }),
-    [register, unregister, openPreview]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImageGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getImageGroupClasses.call(void 0, className), role: "group", children: [
-    children,
-    preview && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkI6VHGILWjs.ImagePreview,
-      {
-        open: previewVisible,
-        images: imagesRef.current,
-        currentIndex: previewIndex,
-        onOpenChange: (val) => {
-          setPreviewVisible(val);
-          if (!val) _optionalChain([onPreviewVisibleChange, 'optionalCall', _2 => _2(false)]);
-        },
-        onCurrentIndexChange: setPreviewIndex
-      }
-    )
-  ] }) });
-};
-
-
-
-
-exports.ImageGroupContext = ImageGroupContext; exports.ImageGroup = ImageGroup;

package/dist/chunk-2WDCWFOM.js

@@ -1,246 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
-
-// src/components/Dropdown.tsx
-
-
-
-
-
-
-
-
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var DropdownContext = _react.createContext.call(void 0, null);
-var DropdownMenu = ({
-  className,
-  style,
-  children,
-  role,
-  ...divProps
-}) => {
-  const menuClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getDropdownMenuClasses.call(void 0, ), className);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: menuClasses, style, role: _nullishCoalesce(role, () => ( "menu")), ...divProps, children });
-};
-var Dropdown = ({
-  trigger = "hover",
-  placement: initialPlacement = "bottom-start",
-  offset = 4,
-  disabled = false,
-  open: controlledOpen,
-  defaultOpen = false,
-  closeOnClick = true,
-  showArrow = true,
-  portal = true,
-  className,
-  style,
-  onOpenChange,
-  children,
-  renderTrigger,
-  ...divProps
-}) => {
-  const [internalVisible, setInternalVisible] = _react.useState.call(void 0, defaultOpen);
-  const visible = controlledOpen !== void 0 ? controlledOpen : internalVisible;
-  const containerRef = _react.useRef.call(void 0, null);
-  const triggerRef = _react.useRef.call(void 0, null);
-  const floatingRef = _react.useRef.call(void 0, null);
-  const hoverTimerRef = _react.useRef.call(void 0, null);
-  const previousActiveElementRef = _react.useRef.call(void 0, null);
-  const reactId = _react.useId.call(void 0, );
-  const menuId = _react.useMemo.call(void 0, () => `tiger-dropdown-menu-${reactId}`, [reactId]);
-  _react.useEffect.call(void 0, () => {
-    _tigercatcore.injectDropdownStyles.call(void 0, );
-  }, []);
-  const setVisible = _react.useCallback.call(void 0, 
-    (newVisible) => {
-      if (disabled && newVisible) return;
-      if (newVisible && !visible) {
-        previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
-      }
-      if (controlledOpen === void 0) {
-        setInternalVisible(newVisible);
-      }
-      _optionalChain([onOpenChange, 'optionalCall', _ => _(newVisible)]);
-      if (newVisible) {
-        requestAnimationFrame(() => {
-          if (floatingRef.current) {
-            _tigercatcore.focusFirstMenuItem.call(void 0, floatingRef.current);
-          }
-        });
-      } else {
-        _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
-        previousActiveElementRef.current = null;
-      }
-    },
-    [disabled, visible, controlledOpen, onOpenChange]
-  );
-  const handleItemClick = _react.useCallback.call(void 0, () => {
-    if (closeOnClick) {
-      setVisible(false);
-    }
-  }, [closeOnClick, setVisible]);
-  const handleMouseEnter = _react.useCallback.call(void 0, () => {
-    if (trigger !== "hover") return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setVisible(true);
-    }, 100);
-  }, [trigger, setVisible]);
-  const handleMouseLeave = _react.useCallback.call(void 0, () => {
-    if (trigger !== "hover") return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setVisible(false);
-    }, 150);
-  }, [trigger, setVisible]);
-  const handleClick = _react.useCallback.call(void 0, () => {
-    if (trigger !== "click") return;
-    setVisible(!visible);
-  }, [trigger, visible, setVisible]);
-  const handleMenuKeyDown = _react.useCallback.call(void 0, (event) => {
-    if (floatingRef.current) {
-      _tigercatcore.handleMenuNavigation.call(void 0, floatingRef.current, event.nativeEvent);
-    }
-  }, []);
-  _chunkSTTQ5LXXjs.useClickOutside.call(void 0, {
-    enabled: trigger === "click" && visible,
-    refs: [containerRef, floatingRef],
-    onOutsideClick: () => setVisible(false)
-  });
-  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, {
-    enabled: visible,
-    onEscape: () => setVisible(false)
-  });
-  const { x, y, placement } = _chunkSTTQ5LXXjs.useFloating.call(void 0, {
-    referenceRef: triggerRef,
-    floatingRef,
-    enabled: visible,
-    placement: initialPlacement,
-    offset
-  });
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      if (hoverTimerRef.current) {
-        clearTimeout(hoverTimerRef.current);
-      }
-    };
-  }, []);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getDropdownContainerClasses.call(void 0, ), "tiger-dropdown-container", className),
-    [className]
-  );
-  const triggerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getDropdownTriggerClasses.call(void 0, disabled), [disabled]);
-  const menuWrapperClasses = _tigercatcore.classNames.call(void 0, "absolute", _tigercatcore.DROPDOWN_ENTER_CLASS);
-  const menuWrapperStyles = _react.useMemo.call(void 0, 
-    () => ({
-      position: "absolute",
-      left: x,
-      top: y,
-      zIndex: _tigercatcore.FLOATING_OVERLAY_Z_INDEX,
-      transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, placement)
-    }),
-    [x, y, placement]
-  );
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({ closeOnClick, handleItemClick }),
-    [closeOnClick, handleItemClick]
-  );
-  const childrenArray = _react2.default.Children.toArray(children);
-  let triggerElement = renderTrigger ? renderTrigger({ open: visible }) : null;
-  let menuElement = null;
-  childrenArray.forEach((child) => {
-    if (!_react2.default.isValidElement(child)) {
-      if (!renderTrigger && triggerElement == null) triggerElement = child;
-      return;
-    }
-    if (child.type === DropdownMenu) {
-      menuElement = child;
-      return;
-    }
-    if (!renderTrigger && triggerElement == null) {
-      triggerElement = child;
-    }
-  });
-  const chevronNode = showArrow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      className: _tigercatcore.getDropdownChevronClasses.call(void 0, visible),
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.DROPDOWN_CHEVRON_PATH })
-    }
-  ) : null;
-  const menuWrapperNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref: floatingRef,
-      className: menuWrapperClasses,
-      style: menuWrapperStyles,
-      hidden: !visible,
-      "data-tiger-dropdown-menu": "",
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onKeyDown: handleMenuKeyDown,
-      children: menuElement && _react2.default.isValidElement(menuElement) ? _react2.default.cloneElement(menuElement, {
-        id: menuId
-      }) : menuElement
-    }
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        onClick: handleClick,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        "aria-haspopup": "menu",
-        "aria-expanded": visible,
-        "aria-controls": visible ? menuId : void 0,
-        "data-state": visible ? "open" : "closed",
-        children: [
-          triggerElement,
-          chevronNode
-        ]
-      }
-    ),
-    portal ? _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, menuWrapperNode) : menuWrapperNode
-  ] }) });
-};
-
-
-
-
-
-exports.DropdownContext = DropdownContext; exports.DropdownMenu = DropdownMenu; exports.Dropdown = Dropdown;