@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-VVO4V4IK.js

@@ -1,56 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Switch.tsx
-var Switch = ({
-  checked = false,
-  disabled = false,
-  size = "md",
-  onChange,
-  className,
-  onClick,
-  onKeyDown,
-  tabIndex,
-  ...props
-}) => {
-  const switchClasses = tigercatCore.classNames(tigercatCore.getSwitchClasses(size, checked, disabled), className);
-  const thumbClasses = tigercatCore.getSwitchThumbClasses(size, checked);
-  const toggle = () => {
-    if (disabled) return;
-    onChange?.(!checked);
-  };
-  const handleClick = (event) => {
-    onClick?.(event);
-    if (event.defaultPrevented) return;
-    toggle();
-  };
-  const handleKeyDown = (event) => {
-    onKeyDown?.(event);
-    if (event.defaultPrevented) return;
-    if (disabled) return;
-    if (event.key === " " || event.key === "Enter") {
-      event.preventDefault();
-      toggle();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      ...props,
-      type: "button",
-      role: "switch",
-      "aria-checked": checked,
-      className: switchClasses,
-      disabled,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      "aria-disabled": disabled || void 0,
-      tabIndex: disabled ? -1 : tabIndex,
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: thumbClasses, "aria-hidden": "true" })
-    }
-  );
-};
-
-exports.Switch = Switch;

package/dist/chunk-WK5QJO57.js

@@ -1,272 +0,0 @@
-'use strict';
-
-var chunkKQZ4F7FZ_js = require('./chunk-KQZ4F7FZ.js');
-var chunk6PBNFLM7_js = require('./chunk-6PBNFLM7.js');
-var chunkM375I56K_js = require('./chunk-M375I56K.js');
-var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var PieChart = ({
-  width = 320,
-  height = 200,
-  padding = 24,
-  data,
-  innerRadius = 0,
-  outerRadius,
-  startAngle = 0,
-  endAngle = Math.PI * 2,
-  padAngle = 0,
-  colors,
-  showLabels = false,
-  labelFormatter,
-  labelPosition = "inside",
-  borderWidth = 2,
-  borderColor = "#ffffff",
-  hoverOffset = 8,
-  shadow = false,
-  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,
-  title,
-  desc,
-  className,
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSliceClick,
-  onSliceHover
-}) => {
-  const {
-    tooltipPosition,
-    resolvedHoveredIndex,
-    activeIndex,
-    handleMouseEnter,
-    handleMouseMove,
-    handleMouseLeave,
-    handleClick,
-    handleKeyDown,
-    handleLegendClick,
-    handleLegendHover,
-    handleLegendLeave,
-    wrapperClasses
-  } = chunkKQZ4F7FZ_js.useChartInteraction({
-    hoverable,
-    hoveredIndexProp,
-    selectable,
-    selectedIndexProp,
-    activeOpacity,
-    inactiveOpacity,
-    legendPosition,
-    getData: (index) => data[index],
-    onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onSliceHover?.(index, index !== null ? data[index] : null);
-    },
-    onSelectedIndexChange,
-    callbacks: {
-      onClick: onSliceClick
-    }
-  });
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const resolvedOuterRadius = react.useMemo(() => {
-    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
-    const maxR = Math.min(innerRect.width, innerRect.height) / 2;
-    return labelPosition === "outside" ? maxR * 0.72 : maxR;
-  }, [outerRadius, innerRect.width, innerRect.height, labelPosition]);
-  const resolvedInnerRadius = react.useMemo(
-    () => Math.min(Math.max(0, innerRadius ?? 0), resolvedOuterRadius),
-    [innerRadius, resolvedOuterRadius]
-  );
-  const arcs = react.useMemo(
-    () => tigercatCore.getPieArcs(data, {
-      startAngle,
-      endAngle,
-      padAngle
-    }),
-    [data, startAngle, endAngle, padAngle]
-  );
-  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
-  const cx = innerRect.width / 2;
-  const cy = innerRect.height / 2;
-  const labelRadius = resolvedInnerRadius + (resolvedOuterRadius - resolvedInnerRadius) / 2;
-  const total = react.useMemo(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
-  const formatLabel = labelFormatter ?? ((value, datum) => datum.label ?? `${value}`);
-  const legendItems = react.useMemo(
-    () => tigercatCore.buildChartLegendItems({
-      data: arcs.map((a) => a.data),
-      palette,
-      activeIndex,
-      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : d.label ?? `${i + 1}`,
-      getColor: (d, i) => d.color ?? palette[i % palette.length]
-    }),
-    [arcs, legendFormatter, palette, activeIndex]
-  );
-  const tooltipContent = react.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
-      const label = datum.label ?? `Slice ${index + 1}`;
-      const percentage = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-      return `${label}: ${datum.value} (${percentage}%)`;
-    }),
-    [resolvedHoveredIndex, data, tooltipFormatter, total]
-  );
-  const interactive = hoverable || selectable;
-  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkDUWAV47E_js.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: tigercatCore.classNames(className),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("g", { "data-series-type": "pie", children: arcs.map((arc) => {
-          const color = arc.data.color ?? palette[arc.index % palette.length];
-          const path = tigercatCore.createPieArcPath({
-            cx,
-            cy,
-            innerRadius: resolvedInnerRadius,
-            outerRadius: resolvedOuterRadius,
-            startAngle: arc.startAngle,
-            endAngle: arc.endAngle
-          });
-          const isEmphasized = activeIndex === arc.index;
-          const opacity = tigercatCore.getChartElementOpacity(arc.index, activeIndex, {
-            activeOpacity,
-            inactiveOpacity
-          });
-          const { dx, dy } = interactive && isEmphasized && hoverOffset > 0 ? tigercatCore.computePieHoverOffset(arc.startAngle, arc.endAngle, hoverOffset) : { dx: 0, dy: 0 };
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: path,
-              fill: color,
-              opacity,
-              stroke: borderColor,
-              strokeWidth: borderWidth,
-              strokeLinejoin: "round",
-              className: tigercatCore.classNames(interactive && "cursor-pointer"),
-              style: {
-                transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
-                transformOrigin: `${cx}px ${cy}px`,
-                transition: "transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.2s ease-out, filter 0.3s ease-out",
-                filter: shadow ? isEmphasized ? tigercatCore.PIE_EMPHASIS_SHADOW : tigercatCore.PIE_BASE_SHADOW : void 0
-              },
-              tabIndex: selectable ? 0 : void 0,
-              "data-pie-slice": "true",
-              "data-index": arc.index,
-              onMouseEnter: (e) => handleMouseEnter(arc.index, e),
-              onMouseMove: handleMouseMove,
-              onMouseLeave: handleMouseLeave,
-              onClick: () => handleClick(arc.index),
-              onKeyDown: (e) => handleKeyDown(e, arc.index)
-            },
-            `slice-${arc.index}`
-          );
-        }) }),
-        showLabels && labelPosition === "outside" && arcs.map((arc) => {
-          const color = arc.data.color ?? palette[arc.index % palette.length];
-          const line = tigercatCore.computePieLabelLine(
-            cx,
-            cy,
-            resolvedOuterRadius,
-            arc.startAngle,
-            arc.endAngle
-          );
-          const pct = total > 0 ? (arc.value / total * 100).toFixed(1) : "0";
-          const labelText = labelFormatter ? labelFormatter(arc.value, arc.data, arc.index) : `${arc.data.label ?? arc.value} ${pct}%`;
-          return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "polyline",
-              {
-                points: `${line.anchor.x},${line.anchor.y} ${line.elbow.x},${line.elbow.y} ${line.label.x},${line.label.y}`,
-                fill: "none",
-                stroke: color,
-                strokeWidth: 1,
-                opacity: 0.5
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "text",
-              {
-                x: line.label.x,
-                y: line.label.y,
-                textAnchor: line.textAnchor,
-                dominantBaseline: "middle",
-                className: "fill-[color:var(--tiger-text-secondary,#6b7280)] text-xs",
-                children: labelText
-              }
-            )
-          ] }, `label-group-${arc.index}`);
-        }),
-        showLabels && labelPosition !== "outside" && arcs.map((arc) => {
-          const angle = (arc.startAngle + arc.endAngle) / 2;
-          const { x, y } = tigercatCore.polarToCartesian(cx, cy, labelRadius, angle);
-          const label = formatLabel(arc.value, arc.data, arc.index);
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "text",
-            {
-              x,
-              y,
-              className: tigercatCore.chartAxisTickTextClasses,
-              textAnchor: "middle",
-              dominantBaseline: "middle",
-              children: label
-            },
-            `label-${arc.index}`
-          );
-        })
-      ]
-    }
-  );
-  const tooltip = showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
-    chunkM375I56K_js.ChartTooltip,
-    {
-      content: tooltipContent,
-      visible: hoverable && 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(
-      chunk6PBNFLM7_js.ChartLegend,
-      {
-        items: legendItems,
-        position: legendPosition,
-        markerSize: legendMarkerSize,
-        gap: legendGap,
-        interactive,
-        onItemClick: handleLegendClick,
-        onItemHover: handleLegendHover,
-        onItemLeave: handleLegendLeave
-      }
-    ),
-    tooltip
-  ] });
-};
-var PieChart_default = PieChart;
-
-exports.PieChart = PieChart;
-exports.PieChart_default = PieChart_default;

package/dist/chunk-XEYP62CR.js

@@ -1,194 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/ImageViewer.tsx
-function SvgIcon({ pathD, label }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-label": label,
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: pathD })
-    }
-  );
-}
-var ImageViewer = ({
-  images,
-  open = false,
-  currentIndex = 0,
-  zoomable = true,
-  rotatable = true,
-  showNav = true,
-  showCounter = true,
-  maskClosable = true,
-  minZoom = 0.5,
-  maxZoom = 3,
-  className,
-  onClose,
-  onIndexChange
-}) => {
-  const [index, setIndex] = react.useState(currentIndex);
-  const [zoom, setZoom] = react.useState(1);
-  const [rotation, setRotation] = react.useState(0);
-  react.useEffect(() => {
-    setIndex(currentIndex);
-  }, [currentIndex]);
-  const handleClose = react.useCallback(() => {
-    onClose?.();
-  }, [onClose]);
-  const handlePrev = react.useCallback(() => {
-    const newIndex = (index - 1 + images.length) % images.length;
-    setIndex(newIndex);
-    setZoom(1);
-    setRotation(0);
-    onIndexChange?.(newIndex);
-  }, [index, images.length, onIndexChange]);
-  const handleNext = react.useCallback(() => {
-    const newIndex = (index + 1) % images.length;
-    setIndex(newIndex);
-    setZoom(1);
-    setRotation(0);
-    onIndexChange?.(newIndex);
-  }, [index, images.length, onIndexChange]);
-  react.useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      switch (e.key) {
-        case "Escape":
-          handleClose();
-          break;
-        case "ArrowLeft":
-          handlePrev();
-          break;
-        case "ArrowRight":
-          handleNext();
-          break;
-      }
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [open, handleClose, handlePrev, handleNext]);
-  const backdropClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.imageViewerBackdropClasses, className),
-    [className]
-  );
-  if (!open || images.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: backdropClasses,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": "Image viewer",
-      onClick: (e) => {
-        if (maskClosable && e.target === e.currentTarget) handleClose();
-      },
-      children: [
-        showCounter && images.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.imageViewerCounterClasses, children: [
-          index + 1,
-          " / ",
-          images.length
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: tigercatCore.imageViewerCloseBtnClasses,
-            onClick: handleClose,
-            "aria-label": "Close",
-            type: "button",
-            children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.close, label: "Close" })
-          }
-        ),
-        showNav && images.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.classNames(tigercatCore.imageViewerNavBtnClasses, "left-4"),
-              onClick: handlePrev,
-              "aria-label": "Previous image",
-              type: "button",
-              children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.prev, label: "Previous" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.classNames(tigercatCore.imageViewerNavBtnClasses, "right-4"),
-              onClick: handleNext,
-              "aria-label": "Next image",
-              type: "button",
-              children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.next, label: "Next" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            className: tigercatCore.imageViewerImgClasses,
-            src: images[index],
-            alt: `Image ${index + 1}`,
-            style: { transform: `scale(${zoom}) rotate(${rotation}deg)` },
-            draggable: false
-          }
-        ),
-        (zoomable || rotatable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.imageViewerToolbarClasses, children: [
-          zoomable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imageViewerToolbarBtnClasses,
-                onClick: () => setZoom(tigercatCore.clampZoom(zoom - 0.25, minZoom, maxZoom)),
-                "aria-label": "Zoom out",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.zoomOut, label: "Zoom out" })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imageViewerToolbarBtnClasses,
-                onClick: () => setZoom(tigercatCore.clampZoom(zoom + 0.25, minZoom, maxZoom)),
-                "aria-label": "Zoom in",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.zoomIn, label: "Zoom in" })
-              }
-            )
-          ] }),
-          rotatable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imageViewerToolbarBtnClasses,
-                onClick: () => setRotation(tigercatCore.normalizeRotation(rotation - 90)),
-                "aria-label": "Rotate left",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.rotateLeft, label: "Rotate left" })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imageViewerToolbarBtnClasses,
-                onClick: () => setRotation(tigercatCore.normalizeRotation(rotation + 90)),
-                "aria-label": "Rotate right",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { pathD: tigercatCore.imageViewerIcons.rotateRight, label: "Rotate right" })
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-
-exports.ImageViewer = ImageViewer;

package/dist/chunk-XFJ5Q5PF.mjs

@@ -1,30 +0,0 @@
-import { createContext, useContext, useMemo } from 'react';
-import { classNames, buttonGroupBaseClasses, buttonGroupVerticalClasses, buttonGroupHorizontalClasses, buttonGroupItemVerticalClasses, buttonGroupItemClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/ButtonGroup.tsx
-var ButtonGroupContext = createContext(null);
-function useButtonGroupContext() {
-  return useContext(ButtonGroupContext);
-}
-var ButtonGroup = ({
-  size,
-  vertical = false,
-  className,
-  children,
-  ...rest
-}) => {
-  const contextValue = useMemo(() => ({ size }), [size]);
-  const groupClasses = useMemo(
-    () => classNames(
-      buttonGroupBaseClasses,
-      vertical ? buttonGroupVerticalClasses : buttonGroupHorizontalClasses,
-      vertical ? buttonGroupItemVerticalClasses : buttonGroupItemClasses,
-      className
-    ),
-    [vertical, className]
-  );
-  return /* @__PURE__ */ jsx(ButtonGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...rest, className: groupClasses, role: "group", children }) });
-};
-
-export { ButtonGroup, ButtonGroupContext, useButtonGroupContext };