@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-AIYOQ5MX.js

@@ -1,328 +0,0 @@
-'use strict';
-
-var chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
-var chunkWV5XHYW6_js = require('./chunk-WV5XHYW6.js');
-var chunkAX5XRD2Q_js = require('./chunk-AX5XRD2Q.js');
-var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
-var chunkE5GD3H7L_js = require('./chunk-E5GD3H7L.js');
-var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
-var chunk3QFHVAZT_js = require('./chunk-3QFHVAZT.js');
-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 gradientPrefixRef = react.useRef(tigercatCore.getScatterGradientPrefix());
-  const gradientPrefix = gradientPrefixRef.current;
-  const [mounted, setMounted] = react.useState(false);
-  react.useEffect(() => {
-    if (animated) setMounted(true);
-  }, [animated]);
-  const {
-    tooltipPosition,
-    resolvedHoveredIndex,
-    activeIndex,
-    handleMouseEnter,
-    handleMouseMove,
-    handleMouseLeave,
-    handleClick,
-    handleKeyDown,
-    handleLegendClick,
-    handleLegendHover,
-    handleLegendLeave,
-    wrapperClasses
-  } = chunkXTV5JLLC_js.useChartInteraction({
-    hoverable,
-    hoveredIndexProp,
-    selectable,
-    selectedIndexProp,
-    activeOpacity,
-    inactiveOpacity,
-    legendPosition,
-    getData: (index) => data[index],
-    onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onPointHover?.(index, index !== null ? data[index] : null);
-    },
-    onSelectedIndexChange,
-    callbacks: { onClick: onPointClick }
-  });
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const xValues = react.useMemo(() => data.map((item) => item.x), [data]);
-  const yValues = react.useMemo(() => data.map((item) => item.y), [data]);
-  const resolvedXScale = react.useMemo(() => {
-    if (xScale) return xScale;
-    const extent = tigercatCore.getNumberExtent(xValues, { includeZero });
-    return tigercatCore.createLinearScale(extent, [0, innerRect.width]);
-  }, [xScale, xValues, includeZero, innerRect.width]);
-  const resolvedYScale = react.useMemo(() => {
-    if (yScale) return yScale;
-    const extent = tigercatCore.getNumberExtent(yValues, { includeZero });
-    return tigercatCore.createLinearScale(extent, [innerRect.height, 0]);
-  }, [yScale, yValues, includeZero, innerRect.height]);
-  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors, pointColor), [colors, pointColor]);
-  const points = react.useMemo(
-    () => data.map((item, index) => {
-      const color = item.color ?? palette[index % palette.length];
-      const opacity = tigercatCore.getChartElementOpacity(index, activeIndex, {
-        activeOpacity,
-        inactiveOpacity
-      });
-      const isHovered = resolvedHoveredIndex === index;
-      const baseSize = item.size ?? pointSize;
-      const r = isHovered ? tigercatCore.getScatterHoverSize(baseSize) : baseSize;
-      return {
-        cx: resolvedXScale.map(item.x),
-        cy: resolvedYScale.map(item.y),
-        r,
-        baseSize,
-        color,
-        opacity: pointOpacity ?? opacity,
-        isHovered,
-        datum: item
-      };
-    }),
-    [
-      data,
-      palette,
-      activeIndex,
-      activeOpacity,
-      inactiveOpacity,
-      resolvedHoveredIndex,
-      resolvedXScale,
-      resolvedYScale,
-      pointSize,
-      pointOpacity
-    ]
-  );
-  const legendItems = react.useMemo(
-    () => tigercatCore.buildChartLegendItems({
-      data,
-      palette,
-      activeIndex,
-      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : d.label ?? `(${d.x}, ${d.y})`,
-      getColor: (d, i) => d.color ?? palette[i % palette.length]
-    }),
-    [data, legendFormatter, palette, activeIndex]
-  );
-  const tooltipContent = react.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
-      const label = 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(
-    chunkUKLVOR4E_js.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: tigercatCore.classNames(className),
-      children: [
-        gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: palette.map((color, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "radialGradient",
-          {
-            id: `${gradientPrefix}-${i}`,
-            cx: "35%",
-            cy: "35%",
-            r: "65%",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: 0.5 }),
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 0.95 }),
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 1 })
-            ]
-          },
-          `grad-${i}`
-        )) }),
-        animated && mounted && /* @__PURE__ */ jsxRuntime.jsx("style", { children: tigercatCore.SCATTER_ENTRANCE_KEYFRAMES }),
-        showGrid && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3QFHVAZT_js.ChartGrid,
-          {
-            xScale: resolvedXScale,
-            yScale: resolvedYScale,
-            show: "both",
-            xTicks,
-            yTicks,
-            xTickValues,
-            yTickValues,
-            lineStyle: gridLineStyle,
-            strokeWidth: gridStrokeWidth
-          }
-        ),
-        shouldShowXAxis && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5GD3H7L_js.ChartAxis,
-          {
-            scale: resolvedXScale,
-            orientation: "bottom",
-            y: innerRect.height,
-            ticks: xTicks,
-            tickValues: xTickValues,
-            tickFormat: xTickFormat,
-            label: xAxisLabel
-          }
-        ),
-        shouldShowYAxis && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5GD3H7L_js.ChartAxis,
-          {
-            scale: resolvedYScale,
-            orientation: "left",
-            ticks: yTicks,
-            tickValues: yTickValues,
-            tickFormat: yTickFormat,
-            label: yAxisLabel
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkAX5XRD2Q_js.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(point.color) : void 0;
-          const animDelay = animated && mounted ? `${index * 60}ms` : void 0;
-          const styleObj = {
-            ...filterStyle ? { filter: filterStyle } : {},
-            ...animDelay ? {
-              animation: `${tigercatCore.SCATTER_ENTRANCE_CLASS} 500ms cubic-bezier(.34,1.56,.64,1) ${animDelay} both`
-            } : {}
-          };
-          const sharedProps = {
-            fill,
-            opacity: point.opacity,
-            stroke: pointBorderColor,
-            strokeWidth: pointBorderWidth,
-            className: tigercatCore.classNames(tigercatCore.scatterPointTransitionClasses, interactive && "cursor-pointer"),
-            style: Object.keys(styleObj).length > 0 ? styleObj : void 0,
-            tabIndex: selectable ? 0 : void 0,
-            role: selectable ? "button" : "img",
-            "aria-label": 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(
-              "circle",
-              {
-                cx: point.cx,
-                cy: point.cy,
-                r: point.r,
-                ...sharedProps
-              },
-              `point-${index}`
-            );
-          }
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: tigercatCore.getScatterPointPath(pointStyle, point.r),
-              transform: `translate(${point.cx},${point.cy})`,
-              ...sharedProps
-            },
-            `point-${index}`
-          );
-        }) })
-      ]
-    }
-  );
-  const tooltip = showTooltip && hoverable && /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36ATCHP4_js.ChartTooltip,
-    {
-      content: tooltipContent,
-      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
-      x: tooltipPosition.x,
-      y: tooltipPosition.y
-    }
-  );
-  if (!showLegend) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
-      chart,
-      tooltip
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
-    chart,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWV5XHYW6_js.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-BZ3AXFLG.js

@@ -1,149 +0,0 @@
-'use strict';
-
-var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
-var react = require('react');
-var ReactDOM = require('react-dom');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
-var Tour = ({
-  steps,
-  open = false,
-  current: controlledCurrent,
-  nextText = "Next",
-  prevText = "Previous",
-  finishText = "Finish",
-  closable = true,
-  showIndicators = true,
-  className,
-  onClose,
-  onFinish,
-  onChange
-}) => {
-  const [internalStep, setInternalStep] = react.useState(0);
-  const currentStep = controlledCurrent ?? internalStep;
-  const step = steps[currentStep];
-  const [targetRect, setTargetRect] = react.useState();
-  const popoverRef = react.useRef(null);
-  const updateRect = react.useCallback(() => {
-    if (step?.target) {
-      setTargetRect(tigercatCore.getTourTargetRect(step.target));
-    } else {
-      setTargetRect(void 0);
-    }
-  }, [step]);
-  react.useEffect(() => {
-    if (open) updateRect();
-  }, [open, currentStep, updateRect]);
-  react.useEffect(() => {
-    if (!open) return;
-    const handler = () => updateRect();
-    window.addEventListener("resize", handler);
-    window.addEventListener("scroll", handler, true);
-    return () => {
-      window.removeEventListener("resize", handler);
-      window.removeEventListener("scroll", handler, true);
-    };
-  }, [open, updateRect]);
-  const goTo = react.useCallback(
-    (idx) => {
-      setInternalStep(idx);
-      onChange?.(idx);
-    },
-    [onChange]
-  );
-  const next = react.useCallback(() => {
-    if (currentStep < steps.length - 1) {
-      goTo(currentStep + 1);
-    } else {
-      onFinish?.();
-      onClose?.();
-    }
-  }, [currentStep, steps.length, goTo, onFinish, onClose]);
-  const prev = react.useCallback(() => {
-    if (currentStep > 0) goTo(currentStep - 1);
-  }, [currentStep, goTo]);
-  const close = react.useCallback(() => {
-    onClose?.();
-  }, [onClose]);
-  if (!open || !step) return null;
-  if (typeof document === "undefined") return null;
-  const placement = step.placement ?? "bottom";
-  const showMask = step.mask !== false;
-  const isLast = currentStep === steps.length - 1;
-  const isFirst = currentStep === 0;
-  let popoverStyle;
-  if (targetRect) {
-    const pos = tigercatCore.getTourPopoverPosition(targetRect, 320, 160, placement);
-    popoverStyle = { position: "absolute", top: pos.top, left: pos.left };
-  } else {
-    popoverStyle = {
-      position: "fixed",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)"
-    };
-  }
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    showMask && targetRect && /* @__PURE__ */ jsxRuntime.jsx("div", { style: tigercatCore.getTourSpotlightStyle(targetRect), "aria-hidden": "true" }),
-    showMask && !targetRect && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[1000] bg-black/45", "aria-hidden": "true", onClick: close }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: popoverRef,
-        className: tigercatCore.classNames(tigercatCore.tourPopoverClasses, className),
-        style: popoverStyle,
-        role: "dialog",
-        "aria-modal": "true",
-        children: [
-          closable && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.tourCloseButtonClasses,
-              type: "button",
-              "aria-label": "Close tour",
-              onClick: close,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.closeIconPathD, className: "h-4 w-4" })
-            }
-          ),
-          step.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tourTitleClasses, children: step.title }),
-          step.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tourDescriptionClasses, children: step.description }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.tourFooterClasses, children: [
-            showIndicators && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.tourIndicatorClasses, children: [
-              currentStep + 1,
-              " / ",
-              steps.length
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-              !isFirst && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
-                  onClick: prev,
-                  children: prevText
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
-                  onClick: next,
-                  children: isLast ? finishText : nextText
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
-  return ReactDOM__default.default.createPortal(content, document.body);
-};
-
-exports.Tour = Tour;

package/dist/chunk-CI2WHAT2.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Avatar.tsx
-var Avatar = ({
-  size = "md",
-  shape = "circle",
-  src,
-  alt = "",
-  text,
-  bgColor = tigercatCore.avatarDefaultBgColor,
-  textColor = tigercatCore.avatarDefaultTextColor,
-  className,
-  children,
-  ...props
-}) => {
-  const [imageError, setImageError] = react.useState(false);
-  const hasImage = Boolean(src) && !imageError;
-  const displayText = text ? tigercatCore.getInitials(text) : "";
-  const ariaLabelProp = props["aria-label"];
-  const ariaLabelledbyProp = props["aria-labelledby"];
-  const ariaHiddenProp = props["aria-hidden"];
-  const computedLabel = ariaLabelProp ?? (alt.trim() ? alt : void 0) ?? (text?.trim() || void 0);
-  const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
-  const avatarClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.avatarBaseClasses,
-      tigercatCore.avatarSizeClasses[size],
-      tigercatCore.avatarShapeClasses[shape],
-      !hasImage && bgColor,
-      !hasImage && textColor,
-      className
-    ),
-    [size, shape, hasImage, bgColor, textColor, className]
-  );
-  if (hasImage) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: avatarClasses, "aria-hidden": isDecorative ? true : ariaHiddenProp, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        src,
-        alt,
-        className: tigercatCore.avatarImageClasses,
-        onError: () => setImageError(true)
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      ...props,
-      className: avatarClasses,
-      ...isDecorative ? { "aria-hidden": true } : {
-        role: "img",
-        "aria-label": computedLabel,
-        "aria-labelledby": ariaLabelledbyProp
-      },
-      children: displayText || children
-    }
-  );
-};
-
-exports.Avatar = Avatar;

package/dist/chunk-DSLKTIPD.js

@@ -1,75 +0,0 @@
-'use strict';
-
-var chunkJFOSDCCG_js = require('./chunk-JFOSDCCG.js');
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var createPopoverId = tigercatCore.createFloatingIdFactory("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(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 } = chunkJFOSDCCG_js.usePopup({ open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getPopoverContainerClasses(), className),
-    [className]
-  );
-  const triggerClasses = react.useMemo(() => tigercatCore.getPopoverTriggerClasses(disabled), [disabled]);
-  const contentClasses = react.useMemo(() => tigercatCore.getPopoverContentClasses(width), [width]);
-  if (!children) return null;
-  const hasTitle = Boolean(title || titleContent);
-  const hasContent = Boolean(content || contentContent);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        "aria-haspopup": "dialog",
-        "aria-disabled": disabled ? "true" : void 0,
-        ...triggerHandlers,
-        children
-      }
-    ),
-    currentVisible && chunkPGBKMW4Q_js.renderBodyPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "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("div", { id: titleId, className: tigercatCore.POPOVER_TITLE_CLASSES, children: titleContent || title }),
-            hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { id: contentId, className: tigercatCore.POPOVER_TEXT_CLASSES, children: contentContent || content })
-          ]
-        }
-      ) })
-    )
-  ] });
-};
-
-exports.Popover = Popover;