@expcat/tigercat-react 2.1.1 → 2.1.3

package/dist/chunk-BXAH2GH3.mjs

@@ -1,64 +0,0 @@
-import {
-  useControlledState
-} from "./chunk-MEFARVQI.mjs";
-
-// src/components/Switch.tsx
-import {
-  getSwitchClasses,
-  getSwitchThumbClasses
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var Switch = ({
-  checked: checkedProp,
-  defaultChecked,
-  disabled = false,
-  size = "md",
-  onChange,
-  className,
-  onClick,
-  onKeyDown,
-  tabIndex,
-  ...props
-}) => {
-  const [checked, setChecked] = useControlledState(checkedProp, defaultChecked ?? false, onChange);
-  const switchClasses = getSwitchClasses(size, checked, disabled, className);
-  const thumbClasses = getSwitchThumbClasses(size, checked);
-  const toggle = () => {
-    if (disabled) return;
-    setChecked(!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__ */ 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__ */ jsx("span", { className: thumbClasses, "aria-hidden": "true" })
-    }
-  );
-};
-
-export {
-  Switch
-};

package/dist/chunk-BYD7EAWK.mjs

@@ -1,211 +0,0 @@
-import {
-  PieChart
-} from "./chunk-Z23KOLNU.mjs";
-
-// src/components/DonutChart.tsx
-import { useEffect, useMemo, useState } from "react";
-import {
-  classNames,
-  getChartInnerRect,
-  normalizeChartPadding,
-  DONUT_ENTRANCE_KEYFRAMES,
-  DONUT_ENTRANCE_CLASS
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DONUT_PALETTE = [
-  "var(--tiger-chart-1,#5470c6)",
-  "var(--tiger-chart-2,#91cc75)",
-  "var(--tiger-chart-3,#fac858)",
-  "var(--tiger-chart-4,#ee6666)",
-  "var(--tiger-chart-5,#73c0de)",
-  "var(--tiger-chart-6,#3ba272)",
-  "var(--tiger-chart-1,#fc8452)",
-  "var(--tiger-chart-2,#9a60b4)",
-  "var(--tiger-chart-3,#ea7ccc)"
-];
-var DonutChart = ({
-  width = 320,
-  height = 240,
-  padding = 24,
-  data,
-  innerRadius,
-  innerRadiusRatio = 0.62,
-  outerRadius,
-  startAngle = 0,
-  endAngle = Math.PI * 2,
-  padAngle = 0.04,
-  colors,
-  showLabels = false,
-  labelFormatter,
-  labelPosition = "inside",
-  borderWidth = 0,
-  borderColor = "var(--tiger-surface,#ffffff)",
-  hoverOffset = 10,
-  shadow = true,
-  // Interaction props
-  hoverable = false,
-  hoveredIndex,
-  activeOpacity = 1,
-  inactiveOpacity = 0.3,
-  selectable = false,
-  selectedIndex,
-  // Legend props
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  legendFormatter,
-  // Tooltip props
-  showTooltip = true,
-  tooltipFormatter,
-  // Accessibility
-  title,
-  desc,
-  className,
-  // DonutChart-specific
-  centerValue,
-  centerLabel,
-  animated = false,
-  // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
-  gradient = false,
-  // Callbacks
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSliceClick,
-  onSliceHover
-}) => {
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const pad = useMemo(() => normalizeChartPadding(padding), [padding]);
-  const resolvedOuterRadius = useMemo(() => {
-    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
-    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
-  }, [outerRadius, innerRect.width, innerRect.height]);
-  const resolvedInnerRadius = useMemo(() => {
-    if (typeof innerRadius === "number") {
-      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
-    }
-    const ratio = Math.min(Math.max(innerRadiusRatio ?? 0.62, 0), 1);
-    return resolvedOuterRadius * ratio;
-  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
-  const resolvedColors = useMemo(
-    () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
-    [colors]
-  );
-  const donutTooltipFormatter = useMemo(() => {
-    if (tooltipFormatter) return tooltipFormatter;
-    const total = data.reduce((s, d) => s + d.value, 0);
-    return (datum, index) => {
-      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-      const label = datum.label ?? `#${index + 1}`;
-      return `${label}: ${datum.value} (${pct}%)`;
-    };
-  }, [tooltipFormatter, data]);
-  const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
-  const centerX = pad.left + innerRect.width / 2;
-  const centerY = pad.top + innerRect.height / 2;
-  const [entered, setEntered] = useState(false);
-  useEffect(() => {
-    if (animated) setEntered(true);
-  }, [animated]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames("inline-block relative", animated && entered && DONUT_ENTRANCE_CLASS),
-      "data-donut-chart": "true",
-      children: [
-        animated && entered && /* @__PURE__ */ jsx("style", { children: DONUT_ENTRANCE_KEYFRAMES }),
-        /* @__PURE__ */ jsx(
-          PieChart,
-          {
-            width,
-            height,
-            padding,
-            data,
-            innerRadius: resolvedInnerRadius,
-            outerRadius,
-            startAngle,
-            endAngle,
-            padAngle,
-            colors: resolvedColors,
-            showLabels,
-            labelFormatter,
-            labelPosition,
-            borderWidth,
-            borderColor,
-            hoverOffset,
-            shadow,
-            gradient,
-            hoverable,
-            hoveredIndex,
-            activeOpacity,
-            inactiveOpacity,
-            selectable,
-            selectedIndex,
-            showLegend,
-            legendPosition,
-            legendMarkerSize,
-            legendGap,
-            legendFormatter,
-            showTooltip,
-            tooltipFormatter: donutTooltipFormatter,
-            title,
-            desc,
-            className: classNames(className),
-            onHoveredIndexChange,
-            onSelectedIndexChange,
-            onSliceClick,
-            onSliceHover
-          }
-        ),
-        hasCenterContent && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            "data-donut-center": "true",
-            style: {
-              position: "absolute",
-              left: `${centerX}px`,
-              top: `${centerY}px`,
-              transform: "translate(-50%, -50%)",
-              textAlign: "center",
-              pointerEvents: "none",
-              lineHeight: "1.3",
-              padding: "var(--tiger-chart-donut-center-padding, 0)",
-              borderRadius: "var(--tiger-radius-pill, 9999px)",
-              background: "var(--tiger-chart-donut-center-bg, transparent)",
-              boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
-              backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
-              WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
-            },
-            children: [
-              centerValue !== void 0 && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
-                  style: { lineHeight: "1.2" },
-                  children: `${centerValue}`
-                }
-              ),
-              centerLabel !== void 0 && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
-                  style: { marginTop: "2px" },
-                  children: centerLabel
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-var DonutChart_default = DonutChart;
-
-export {
-  DonutChart,
-  DonutChart_default
-};

package/dist/chunk-CFQKUMZV.mjs

@@ -1,26 +0,0 @@
-// src/components/Container.tsx
-import {
-  getContainerClasses
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var Container = ({
-  maxWidth = false,
-  center = true,
-  padding = true,
-  children,
-  className,
-  as: Component = "div",
-  ...props
-}) => {
-  const containerClasses = getContainerClasses({
-    maxWidth,
-    center,
-    padding,
-    className
-  });
-  return /* @__PURE__ */ jsx(Component, { ...props, className: containerClasses, children });
-};
-
-export {
-  Container
-};

package/dist/chunk-CRIEUKMD.mjs

@@ -1,322 +0,0 @@
-import {
-  useInputGroupContext
-} from "./chunk-34VGG7AK.mjs";
-import {
-  useControlledState
-} from "./chunk-MEFARVQI.mjs";
-
-// src/components/InputNumber.tsx
-import { useState, useCallback, useMemo, useRef, useEffect } from "react";
-import {
-  classNames,
-  getInputNumberWrapperClasses,
-  getInputNumberStatusClasses,
-  getInputNumberFocusRingColor,
-  getInputNumberSizeClasses,
-  getInputNumberInputClasses,
-  getInputNumberStepButtonClasses,
-  getInputNumberSideButtonClasses,
-  inputNumberControlsRightClasses,
-  inputNumberUpIconPathD,
-  inputNumberDownIconPathD,
-  inputNumberMinusIconPathD,
-  inputNumberPlusIconPathD,
-  clampValue,
-  stepValue,
-  formatPrecision,
-  isAtMin,
-  isAtMax,
-  formatInputNumberDisplay,
-  parseInputNumberValue,
-  createRafRepeatActionController
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var InputNumber = ({
-  value: controlledValue,
-  defaultValue,
-  size,
-  status = "default",
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  precision,
-  disabled = false,
-  readonly = false,
-  placeholder,
-  name,
-  id,
-  keyboard = true,
-  controls = true,
-  controlsPosition = "right",
-  formatter,
-  parser,
-  autoFocus = false,
-  incrementAriaLabel = "Increase",
-  decrementAriaLabel = "Decrease",
-  onChange,
-  onFocus,
-  onBlur,
-  className,
-  style,
-  ...rest
-}) => {
-  const inputGroup = useInputGroupContext();
-  const effectiveSize = size ?? inputGroup?.size ?? "md";
-  const inputRef = useRef(null);
-  const repeatControllerRef = useRef(createRafRepeatActionController());
-  const repeatValueRef = useRef(null);
-  const suppressNextClickRef = useRef(false);
-  const [focused, setFocused] = useState(false);
-  const [currentValue, setValue] = useControlledState(
-    controlledValue,
-    defaultValue ?? controlledValue ?? null,
-    onChange
-  );
-  const [displayValue, setDisplayValue] = useState("");
-  const toDisplayValue = useCallback(
-    (val) => formatInputNumberDisplay(val, { formatter, precision }),
-    [formatter, precision]
-  );
-  const parseValue = (str) => parseInputNumberValue(str, { parser });
-  useEffect(() => {
-    if (!focused) {
-      setDisplayValue(toDisplayValue(currentValue));
-    }
-  }, [currentValue, focused, toDisplayValue]);
-  useEffect(() => {
-    if (autoFocus && inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [autoFocus]);
-  useEffect(() => () => repeatControllerRef.current.stop(), []);
-  const commitValue = (val) => {
-    let finalVal = val;
-    if (finalVal !== null) {
-      finalVal = clampValue(finalVal, min, max);
-      if (precision !== void 0) {
-        finalVal = formatPrecision(finalVal, precision);
-      }
-    }
-    setValue(finalVal);
-    setDisplayValue(toDisplayValue(finalVal));
-  };
-  const handleStep = (direction, baseValue = currentValue) => {
-    if (disabled || readonly) return baseValue ?? null;
-    const next = stepValue(baseValue, step, direction, min, max, precision);
-    commitValue(next);
-    return next;
-  };
-  const handleStepClick = (direction) => {
-    if (suppressNextClickRef.current) {
-      suppressNextClickRef.current = false;
-      return;
-    }
-    handleStep(direction);
-  };
-  const startStepRepeat = (direction) => {
-    return (event) => {
-      event.preventDefault();
-      if (disabled || readonly) return;
-      if (direction === "down" && isAtMin(currentValue, min)) return;
-      if (direction === "up" && isAtMax(currentValue, max)) return;
-      suppressNextClickRef.current = true;
-      repeatValueRef.current = currentValue;
-      repeatControllerRef.current.start(() => {
-        const baseValue = repeatValueRef.current;
-        const nextValue = handleStep(direction, baseValue);
-        repeatValueRef.current = nextValue;
-        if (nextValue === baseValue) {
-          repeatControllerRef.current.stop();
-        }
-      });
-    };
-  };
-  const stopStepRepeat = () => {
-    repeatControllerRef.current.stop();
-  };
-  const handleInput = (e) => {
-    setDisplayValue(e.target.value);
-  };
-  const handleBlur = (e) => {
-    setFocused(false);
-    const parsed = parseValue(displayValue);
-    commitValue(parsed);
-    onBlur?.(e);
-  };
-  const handleFocus = (e) => {
-    setFocused(true);
-    if (formatter && currentValue !== null) {
-      setDisplayValue(String(currentValue));
-    }
-    onFocus?.(e);
-  };
-  const handleKeyDown = (e) => {
-    if (!keyboard || disabled || readonly) return;
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      handleStep("up");
-    } else if (e.key === "ArrowDown") {
-      e.preventDefault();
-      handleStep("down");
-    } else if (e.key === "Enter") {
-      const parsed = parseValue(displayValue);
-      commitValue(parsed);
-    }
-  };
-  const atMin = isAtMin(currentValue, min);
-  const atMax = isAtMax(currentValue, max);
-  const wrapperClasses = useMemo(
-    () => classNames(
-      getInputNumberWrapperClasses(disabled),
-      getInputNumberStatusClasses(status),
-      getInputNumberSizeClasses(effectiveSize),
-      focused && `ring-2 ${getInputNumberFocusRingColor(status)}`,
-      className
-    ),
-    [disabled, status, effectiveSize, focused, className]
-  );
-  const inputClasses = useMemo(
-    () => getInputNumberInputClasses(
-      effectiveSize,
-      controls && controlsPosition === "right",
-      controls && controlsPosition === "both"
-    ),
-    [effectiveSize, controls, controlsPosition]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, style, children: [
-    controls && controlsPosition === "both" && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        tabIndex: -1,
-        "aria-label": decrementAriaLabel,
-        className: getInputNumberSideButtonClasses("left", disabled || atMin),
-        disabled: disabled || atMin,
-        onPointerDown: startStepRepeat("down"),
-        onPointerUp: stopStepRepeat,
-        onPointerLeave: stopStepRepeat,
-        onPointerCancel: stopStepRepeat,
-        onClick: () => handleStepClick("down"),
-        children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            className: "w-4 h-4",
-            children: /* @__PURE__ */ jsx("path", { d: inputNumberMinusIconPathD })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ...rest,
-        ref: inputRef,
-        type: "text",
-        inputMode: "decimal",
-        role: "spinbutton",
-        "aria-valuemin": min === -Infinity ? void 0 : min,
-        "aria-valuemax": max === Infinity ? void 0 : max,
-        "aria-valuenow": currentValue ?? void 0,
-        className: inputClasses,
-        value: displayValue,
-        placeholder,
-        disabled,
-        readOnly: readonly,
-        name,
-        id,
-        onChange: handleInput,
-        onBlur: handleBlur,
-        onFocus: handleFocus,
-        onKeyDown: handleKeyDown
-      }
-    ),
-    controls && controlsPosition === "both" && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        tabIndex: -1,
-        "aria-label": incrementAriaLabel,
-        className: getInputNumberSideButtonClasses("right", disabled || atMax),
-        disabled: disabled || atMax,
-        onPointerDown: startStepRepeat("up"),
-        onPointerUp: stopStepRepeat,
-        onPointerLeave: stopStepRepeat,
-        onPointerCancel: stopStepRepeat,
-        onClick: () => handleStepClick("up"),
-        children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            className: "w-4 h-4",
-            children: /* @__PURE__ */ jsx("path", { d: inputNumberPlusIconPathD })
-          }
-        )
-      }
-    ),
-    controls && controlsPosition === "right" && /* @__PURE__ */ jsxs("div", { className: inputNumberControlsRightClasses, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          tabIndex: -1,
-          "aria-label": incrementAriaLabel,
-          className: getInputNumberStepButtonClasses("up", disabled || atMax),
-          disabled: disabled || atMax,
-          onPointerDown: startStepRepeat("up"),
-          onPointerUp: stopStepRepeat,
-          onPointerLeave: stopStepRepeat,
-          onPointerCancel: stopStepRepeat,
-          onClick: () => handleStepClick("up"),
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "currentColor",
-              className: "w-3 h-3",
-              children: /* @__PURE__ */ jsx("path", { d: inputNumberUpIconPathD })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          tabIndex: -1,
-          "aria-label": decrementAriaLabel,
-          className: getInputNumberStepButtonClasses("down", disabled || atMin),
-          disabled: disabled || atMin,
-          onPointerDown: startStepRepeat("down"),
-          onPointerUp: stopStepRepeat,
-          onPointerLeave: stopStepRepeat,
-          onPointerCancel: stopStepRepeat,
-          onClick: () => handleStepClick("down"),
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "currentColor",
-              className: "w-3 h-3",
-              children: /* @__PURE__ */ jsx("path", { d: inputNumberDownIconPathD })
-            }
-          )
-        }
-      )
-    ] })
-  ] });
-};
-
-export {
-  InputNumber
-};