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

package/dist/chunk-WLORVPTR.js

@@ -1,366 +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/ScatterChart.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var ScatterChart = ({
-  width = 320,
-  height = 200,
-  padding = 24,
-  data,
-  xScale,
-  yScale,
-  pointSize = 6,
-  pointColor = "var(--tiger-primary,#2563eb)",
-  pointOpacity,
-  pointStyle = "circle",
-  gradient = false,
-  animated = false,
-  pointBorderWidth = 0,
-  pointBorderColor = "white",
-  showGrid = true,
-  showAxis = true,
-  showXAxis = true,
-  showYAxis = true,
-  includeZero = false,
-  xAxisLabel,
-  yAxisLabel,
-  xTicks = 5,
-  yTicks = 5,
-  xTickValues,
-  yTickValues,
-  xTickFormat,
-  yTickFormat,
-  gridLineStyle = "solid",
-  gridStrokeWidth = 1,
-  // Interaction
-  hoverable = false,
-  hoveredIndex: hoveredIndexProp,
-  onHoveredIndexChange,
-  activeOpacity = 1,
-  inactiveOpacity = 0.25,
-  selectable = false,
-  selectedIndex: selectedIndexProp,
-  onSelectedIndexChange,
-  onPointClick,
-  onPointHover,
-  // Legend
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  legendFormatter,
-  // Tooltip
-  showTooltip = true,
-  tooltipFormatter,
-  // Other
-  colors,
-  title,
-  desc,
-  className
-}) => {
-  const gradientId = _react.useId.call(void 0, );
-  const gradientPrefix = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "scatter", gradientId),
-    [gradientId]
-  );
-  const [mounted, setMounted] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (animated) setMounted(true);
-  }, [animated]);
-  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([onPointHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
-    },
-    onSelectedIndexChange,
-    callbacks: { onClick: onPointClick }
-  });
-  const innerRect = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
-    [width, height, padding]
-  );
-  const xValues = _react.useMemo.call(void 0, () => data.map((item) => 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;
-    const extent = _tigercatcore.getNumberExtent.call(void 0, xValues, { includeZero });
-    return _tigercatcore.createLinearScale.call(void 0, extent, [0, innerRect.width]);
-  }, [xScale, xValues, includeZero, innerRect.width]);
-  const resolvedYScale = _react.useMemo.call(void 0, () => {
-    if (yScale) return yScale;
-    const extent = _tigercatcore.getNumberExtent.call(void 0, yValues, { includeZero });
-    return _tigercatcore.createLinearScale.call(void 0, extent, [innerRect.height, 0]);
-  }, [yScale, yValues, includeZero, innerRect.height]);
-  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors, pointColor), [colors, pointColor]);
-  const points = _react.useMemo.call(void 0, 
-    () => data.map((item, index) => {
-      const color = _nullishCoalesce(item.color, () => ( palette[index % palette.length]));
-      const opacity = _tigercatcore.getChartElementOpacity.call(void 0, index, activeIndex, {
-        activeOpacity,
-        inactiveOpacity
-      });
-      const isHovered = resolvedHoveredIndex === index;
-      const baseSize = _nullishCoalesce(item.size, () => ( pointSize));
-      const r = isHovered ? _tigercatcore.getScatterHoverSize.call(void 0, baseSize) : baseSize;
-      return {
-        cx: resolvedXScale.map(item.x),
-        cy: resolvedYScale.map(item.y),
-        r,
-        baseSize,
-        color,
-        opacity: _nullishCoalesce(pointOpacity, () => ( opacity)),
-        isHovered,
-        datum: item
-      };
-    }),
-    [
-      data,
-      palette,
-      activeIndex,
-      activeOpacity,
-      inactiveOpacity,
-      resolvedHoveredIndex,
-      resolvedXScale,
-      resolvedYScale,
-      pointSize,
-      pointOpacity
-    ]
-  );
-  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, () => ( `(${d.x}, ${d.y})`)),
-      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, (datum, index) => {
-      const label = _nullishCoalesce(datum.label, () => ( `Point ${index + 1}`));
-      return `${label}: (${datum.x}, ${datum.y})`;
-    }),
-    [resolvedHoveredIndex, data, tooltipFormatter]
-  );
-  const shouldShowXAxis = showAxis && showXAxis;
-  const shouldShowYAxis = showAxis && showYAxis;
-  const interactive = hoverable || selectable;
-  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: palette.map((color, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "radialGradient",
-          {
-            id: `${gradientPrefix}-${i}`,
-            cx: "35%",
-            cy: "35%",
-            r: "65%",
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: "#fff", stopOpacity: 0.5 }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "50%", stopColor: color, stopOpacity: 0.95 }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: color, stopOpacity: 1 })
-            ]
-          },
-          `grad-${i}`
-        )) }),
-        animated && mounted && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _tigercatcore.SCATTER_ENTRANCE_KEYFRAMES }),
-        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: "scatter", children: points.map((point, index) => {
-          const paletteIdx = index % palette.length;
-          const fill = gradient ? `url(#${gradientPrefix}-${paletteIdx})` : point.color;
-          const filterStyle = point.isHovered ? _tigercatcore.getScatterHoverShadow.call(void 0, point.color) : void 0;
-          const animDelay = animated && mounted ? `${index * 60}ms` : void 0;
-          const styleObj = {
-            ...filterStyle ? { filter: filterStyle } : {},
-            ...animDelay ? {
-              animation: `${_tigercatcore.SCATTER_ENTRANCE_CLASS} var(--tiger-motion-duration-slow,500ms) var(--tiger-motion-ease-spring,cubic-bezier(.34,1.56,.64,1)) ${animDelay} both`
-            } : {}
-          };
-          const sharedProps = {
-            fill,
-            opacity: point.opacity,
-            stroke: pointBorderColor,
-            strokeWidth: pointBorderWidth,
-            className: _tigercatcore.classNames.call(void 0, 
-              _tigercatcore.scatterPointTransitionClasses,
-              animDelay && _tigercatcore.SCATTER_ENTRANCE_CLASS,
-              interactive && "cursor-pointer"
-            ),
-            style: Object.keys(styleObj).length > 0 ? styleObj : void 0,
-            tabIndex: selectable ? 0 : void 0,
-            role: selectable ? "button" : "img",
-            "aria-label": _nullishCoalesce(point.datum.label, () => ( `Point ${index + 1}: (${point.datum.x}, ${point.datum.y})`)),
-            "data-point-index": index,
-            onMouseEnter: (e) => handleMouseEnter(index, e),
-            onMouseMove: handleMouseMove,
-            onMouseLeave: handleMouseLeave,
-            onClick: () => handleClick(index),
-            onKeyDown: (e) => handleKeyDown(e, index)
-          };
-          if (pointStyle === "circle") {
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "circle",
-              {
-                cx: point.cx,
-                cy: point.cy,
-                r: point.r,
-                ...sharedProps
-              },
-              `point-${index}`
-            );
-          }
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "path",
-            {
-              d: _tigercatcore.getScatterPointPath.call(void 0, pointStyle, point.r),
-              transform: `translate(${point.cx},${point.cy})`,
-              ...sharedProps
-            },
-            `point-${index}`
-          );
-        }) })
-      ]
-    }
-  );
-  const tooltip = showTooltip && hoverable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkSK7PXSVEjs.ChartTooltip,
-    {
-      content: tooltipContent,
-      visible: 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,
-        onItemClick: handleLegendClick,
-        onItemHover: handleLegendHover,
-        onItemLeave: handleLegendLeave
-      }
-    ),
-    tooltip
-  ] });
-};
-var ScatterChart_default = ScatterChart;
-
-
-
-
-exports.ScatterChart = ScatterChart; exports.ScatterChart_default = ScatterChart_default;

package/dist/chunk-WN3ZI7FN.js

@@ -1,144 +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 _chunkQ2GPRAF4js = require('./chunk-Q2GPRAF4.js');
-
-// src/components/CollapsePanel.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CollapsePanel = ({
-  panelKey,
-  header,
-  disabled = false,
-  showArrow = true,
-  className,
-  style,
-  extra,
-  children
-}) => {
-  const collapseContext = _chunkQ2GPRAF4js.useCollapseContext.call(void 0, );
-  const contentRef = _react.useRef.call(void 0, null);
-  const transitionControllerRef = _react.useRef.call(void 0, null);
-  const initialContentStyleRef = _react.useRef.call(void 0, _tigercatcore.getInitialCollapseContentStyle.call(void 0, false));
-  const initialActiveRef = _react.useRef.call(void 0, null);
-  if (!collapseContext) {
-    throw new Error("CollapsePanel must be used within a Collapse component");
-  }
-  const isActive = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.isPanelActive.call(void 0, panelKey, collapseContext.activeKeys);
-  }, [panelKey, collapseContext.activeKeys]);
-  if (initialActiveRef.current === null) {
-    initialActiveRef.current = isActive;
-  }
-  if (!transitionControllerRef.current) {
-    initialContentStyleRef.current = _tigercatcore.getInitialCollapseContentStyle.call(void 0, initialActiveRef.current);
-  }
-  const panelClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.classNames.call(void 0, _tigercatcore.getCollapsePanelClasses.call(void 0, collapseContext.ghost, className));
-  }, [collapseContext.ghost, className]);
-  const headerClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.getCollapsePanelHeaderClasses.call(void 0, isActive, disabled);
-  }, [isActive, disabled]);
-  const iconClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.getCollapseIconClasses.call(void 0, isActive, collapseContext.expandIconPosition);
-  }, [isActive, collapseContext.expandIconPosition]);
-  const handleClick = _react.useCallback.call(void 0, () => {
-    if (!disabled) {
-      collapseContext.handlePanelClick(panelKey);
-    }
-  }, [disabled, collapseContext, panelKey]);
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (event) => {
-      if (disabled) {
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        collapseContext.handlePanelClick(panelKey);
-      }
-    },
-    [disabled, collapseContext, panelKey]
-  );
-  _react.useLayoutEffect.call(void 0, () => {
-    if (!contentRef.current) return void 0;
-    const controller = _tigercatcore.createCollapseTransitionController.call(void 0, contentRef.current, {
-      expanded: _nullishCoalesce(initialActiveRef.current, () => ( false))
-    });
-    transitionControllerRef.current = controller;
-    return () => {
-      transitionControllerRef.current = null;
-      controller.dispose();
-    };
-  }, []);
-  _react.useLayoutEffect.call(void 0, () => {
-    _optionalChain([transitionControllerRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.update, 'call', _3 => _3(isActive)]);
-  }, [isActive]);
-  const arrowIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      className: iconClasses,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          d: "M6 12L10 8L6 4",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: panelClasses, style, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: headerClasses,
-        role: "button",
-        tabIndex: disabled ? -1 : 0,
-        "aria-expanded": isActive,
-        "aria-disabled": disabled,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        children: [
-          showArrow && collapseContext.expandIconPosition === "start" && arrowIcon,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.collapseHeaderTextClasses, children: header }),
-          extra && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-auto", children: extra }),
-          showArrow && collapseContext.expandIconPosition === "end" && arrowIcon
-        ]
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ref: contentRef,
-        "data-tiger-collapse-content": "",
-        className: _tigercatcore.collapsePanelContentWrapperClasses,
-        style: initialContentStyleRef.current,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.collapsePanelContentBaseClasses, children })
-      }
-    )
-  ] });
-};
-var CollapsePanel_default = CollapsePanel;
-
-
-
-
-exports.CollapsePanel = CollapsePanel; exports.CollapsePanel_default = CollapsePanel_default;

package/dist/chunk-WOSKRZOO.js

@@ -1,89 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkJIFSUUGAjs = require('./chunk-JIFSUUGA.js');
-
-
-var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
-
-// src/components/Popover.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var createPopoverId = _tigercatcore.createFloatingIdFactory.call(void 0, "popover");
-var Popover = ({
-  open,
-  defaultOpen = false,
-  title,
-  content,
-  trigger = "click",
-  placement = "top",
-  disabled = false,
-  width,
-  offset = 8,
-  className,
-  style,
-  children,
-  titleContent,
-  contentContent,
-  onOpenChange,
-  ...divProps
-}) => {
-  const popoverIdRef = _react.useRef.call(void 0, null);
-  if (!popoverIdRef.current) popoverIdRef.current = createPopoverId();
-  const popoverId = popoverIdRef.current;
-  const titleId = `${popoverId}-title`;
-  const contentId = `${popoverId}-content`;
-  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunkJIFSUUGAjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getPopoverContainerClasses.call(void 0, ), className),
-    [className]
-  );
-  const triggerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopoverTriggerClasses.call(void 0, disabled), [disabled]);
-  const contentClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopoverContentClasses.call(void 0, width), [width]);
-  if (!children) return null;
-  const hasTitle = Boolean(title || titleContent);
-  const hasContent = Boolean(content || contentContent);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        "aria-haspopup": "dialog",
-        "aria-disabled": disabled ? "true" : void 0,
-        "data-state": currentVisible ? "open" : "closed",
-        ...triggerHandlers,
-        children: typeof children === "function" ? children({ open: Boolean(currentVisible) }) : children
-      }
-    ),
-    currentVisible && _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          id: popoverId,
-          role: "dialog",
-          "aria-modal": "false",
-          "aria-labelledby": hasTitle ? titleId : void 0,
-          "aria-describedby": hasContent ? contentId : void 0,
-          className: contentClasses,
-          children: [
-            hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: titleId, className: _tigercatcore.POPOVER_TITLE_CLASSES, children: titleContent || title }),
-            hasContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: contentId, className: _tigercatcore.POPOVER_TEXT_CLASSES, children: contentContent || content })
-          ]
-        }
-      ) })
-    )
-  ] });
-};
-
-
-
-exports.Popover = Popover;