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

package/dist/chunk-LODDAS62.js

@@ -1,188 +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(); } }// src/components/Progress.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Progress = _react2.default.memo(
-  ({
-    variant = "primary",
-    size = "md",
-    type = "line",
-    percentage = 0,
-    status = "normal",
-    showText,
-    text,
-    format,
-    striped = false,
-    stripedAnimation = false,
-    strokeWidth = 6,
-    width = "auto",
-    height,
-    className,
-    style,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    "aria-describedby": ariaDescribedby,
-    ...props
-  }) => {
-    const clampedPercentage = _tigercatcore.clampPercentage.call(void 0, percentage);
-    const effectiveVariant = _tigercatcore.getStatusVariant.call(void 0, status) || variant;
-    const shouldShowText = _nullishCoalesce(showText, () => ( type === "line"));
-    const displayText = shouldShowText ? _tigercatcore.formatProgressText.call(void 0, clampedPercentage, text, format) : "";
-    const resolvedAriaLabel = _nullishCoalesce(ariaLabel, () => ( (ariaLabelledby ? void 0 : `Progress: ${clampedPercentage}%`)));
-    const ariaAttrs = {
-      role: "progressbar",
-      "aria-label": resolvedAriaLabel,
-      "aria-labelledby": ariaLabelledby,
-      "aria-describedby": ariaDescribedby,
-      "aria-valuenow": clampedPercentage,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100
-    };
-    const renderLineProgress = () => {
-      const containerStyle = width !== "auto" ? { width: typeof width === "number" ? `${width}px` : width } : {};
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          ...props,
-          className: _tigercatcore.classNames.call(void 0, "flex items-center w-full", className),
-          style: { ..._nullishCoalesce(style, () => ( {})), ...containerStyle },
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.progressLineBaseClasses,
-                  _tigercatcore.progressTrackBgClasses,
-                  !height && _tigercatcore.progressLineSizeClasses[size]
-                ),
-                style: { flex: 1, ...height ? { height: `${height}px` } : {} },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "div",
-                  {
-                    className: _tigercatcore.classNames.call(void 0, 
-                      _tigercatcore.progressLineInnerClasses,
-                      _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant),
-                      striped && _tigercatcore.progressStripedClasses,
-                      striped && stripedAnimation && _tigercatcore.progressStripedAnimationClasses
-                    ),
-                    style: { width: `${clampedPercentage}%` },
-                    ...ariaAttrs
-                  }
-                )
-              }
-            ),
-            shouldShowText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "span",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.progressTextBaseClasses,
-                  _tigercatcore.progressTextSizeClasses[size],
-                  _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant)
-                ),
-                children: displayText
-              }
-            )
-          ]
-        }
-      );
-    };
-    const renderCircleProgress = () => {
-      const {
-        width: svgWidth,
-        height: svgHeight,
-        radius,
-        cx,
-        cy
-      } = _tigercatcore.getCircleSize.call(void 0, size, strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = _tigercatcore.calculateCirclePath.call(void 0, radius, clampedPercentage);
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          ...props,
-          className: _tigercatcore.classNames.call(void 0, _tigercatcore.progressCircleBaseClasses, className),
-          style: {
-            ..._nullishCoalesce(style, () => ( {})),
-            width: `${svgWidth}px`,
-            height: `${svgHeight}px`
-          },
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: svgWidth, height: svgHeight, viewBox: `0 0 ${svgWidth} ${svgHeight}`, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "circle",
-                {
-                  cx,
-                  cy,
-                  r: radius,
-                  fill: "none",
-                  stroke: "currentColor",
-                  className: _tigercatcore.progressCircleTrackStrokeClasses,
-                  strokeWidth
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "circle",
-                {
-                  cx,
-                  cy,
-                  r: radius,
-                  fill: "none",
-                  stroke: "currentColor",
-                  className: _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant).replace("bg-", "text-"),
-                  strokeWidth,
-                  strokeLinecap: "round",
-                  strokeDasharray,
-                  strokeDashoffset,
-                  style: {
-                    transition: "stroke-dashoffset 0.3s ease",
-                    transform: "rotate(-90deg)",
-                    transformOrigin: "center"
-                  },
-                  ...ariaAttrs
-                }
-              )
-            ] }),
-            shouldShowText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.progressCircleTextClasses,
-                  _tigercatcore.progressTextSizeClasses[size],
-                  "font-medium",
-                  _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant)
-                ),
-                children: displayText
-              }
-            )
-          ]
-        }
-      );
-    };
-    if (type === "circle") return renderCircleProgress();
-    return renderLineProgress();
-  }
-);
-Progress.displayName = "Progress";
-
-
-
-exports.Progress = Progress;

package/dist/chunk-LZG24TDB.js

@@ -1,73 +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 _chunkSQONS5PHjs = require('./chunk-SQONS5PH.js');
-
-
-var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-// src/components/Checkbox.tsx
-var _react = require('react');
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Checkbox = ({
-  checked: controlledChecked,
-  defaultChecked = false,
-  value,
-  size: propSize,
-  disabled: propDisabled,
-  indeterminate = false,
-  onChange,
-  children,
-  className,
-  ...props
-}) => {
-  const groupContext = _chunkSQONS5PHjs.useCheckboxGroup.call(void 0, );
-  const [checkedState, setChecked] = _chunkL3WPA2RPjs.useControlledState.call(void 0, controlledChecked, defaultChecked, onChange);
-  const effectiveSize = propSize || _optionalChain([groupContext, 'optionalAccess', _ => _.size]) || "md";
-  const effectiveDisabled = propDisabled || _optionalChain([groupContext, 'optionalAccess', _2 => _2.disabled]) || false;
-  const checked = groupContext && value !== void 0 ? groupContext.value.includes(value) : checkedState;
-  const checkboxRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (checkboxRef.current) {
-      checkboxRef.current.indeterminate = indeterminate;
-    }
-  }, [indeterminate]);
-  const handleChange = (event) => {
-    if (effectiveDisabled) return;
-    const newValue = event.target.checked;
-    if (groupContext && value !== void 0) {
-      groupContext.updateValue(value, newValue);
-    } else {
-      setChecked(newValue, event);
-    }
-  };
-  const checkboxClasses = _tigercatcore.getCheckboxClasses.call(void 0, effectiveSize, effectiveDisabled);
-  const inputProps = {
-    ref: checkboxRef,
-    type: "checkbox",
-    checked,
-    disabled: effectiveDisabled,
-    value: typeof value === "boolean" ? String(value) : value,
-    onChange: handleChange,
-    ...props
-  };
-  if (!children) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { ...inputProps, className: _tigercatcore.classNames.call(void 0, checkboxClasses, className) });
-  }
-  const labelClasses = _tigercatcore.classNames.call(void 0, 
-    _tigercatcore.getCheckboxLabelClasses.call(void 0, effectiveSize, effectiveDisabled),
-    className
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: labelClasses, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { ...inputProps, className: checkboxClasses }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-2", children })
-  ] });
-};
-
-
-
-exports.Checkbox = Checkbox;

package/dist/chunk-M577W3TS.js

@@ -1,211 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkPZWI4YNNjs = require('./chunk-PZWI4YNN.js');
-
-// src/components/DonutChart.tsx
-var _react = require('react');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('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 = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
-    [width, height, padding]
-  );
-  const pad = _react.useMemo.call(void 0, () => _tigercatcore.normalizeChartPadding.call(void 0, padding), [padding]);
-  const resolvedOuterRadius = _react.useMemo.call(void 0, () => {
-    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 = _react.useMemo.call(void 0, () => {
-    if (typeof innerRadius === "number") {
-      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
-    }
-    const ratio = Math.min(Math.max(_nullishCoalesce(innerRadiusRatio, () => ( 0.62)), 0), 1);
-    return resolvedOuterRadius * ratio;
-  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
-  const resolvedColors = _react.useMemo.call(void 0, 
-    () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
-    [colors]
-  );
-  const donutTooltipFormatter = _react.useMemo.call(void 0, () => {
-    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 = _nullishCoalesce(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] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (animated) setEntered(true);
-  }, [animated]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.classNames.call(void 0, "inline-block relative", animated && entered && _tigercatcore.DONUT_ENTRANCE_CLASS),
-      "data-donut-chart": "true",
-      children: [
-        animated && entered && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: _tigercatcore.DONUT_ENTRANCE_KEYFRAMES }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkPZWI4YNNjs.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: _tigercatcore.classNames.call(void 0, className),
-            onHoveredIndexChange,
-            onSelectedIndexChange,
-            onSliceClick,
-            onSliceHover
-          }
-        ),
-        hasCenterContent && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "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__ */ _jsxruntime.jsx.call(void 0, 
-                "div",
-                {
-                  className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
-                  style: { lineHeight: "1.2" },
-                  children: `${centerValue}`
-                }
-              ),
-              centerLabel !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "div",
-                {
-                  className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
-                  style: { marginTop: "2px" },
-                  children: centerLabel
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-var DonutChart_default = DonutChart;
-
-
-
-
-exports.DonutChart = DonutChart; exports.DonutChart_default = DonutChart_default;

package/dist/chunk-MB3QU3US.js

@@ -1,119 +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; }// src/components/Stepper.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Stepper = ({
-  value = 0,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  disabled = false,
-  size = "md",
-  precision,
-  className,
-  onChange
-}) => {
-  const repeatControllerRef = _react.useRef.call(void 0, _tigercatcore.createRafRepeatActionController.call(void 0, ));
-  const repeatValueRef = _react.useRef.call(void 0, value);
-  const suppressNextClickRef = _react.useRef.call(void 0, false);
-  _react.useEffect.call(void 0, () => () => repeatControllerRef.current.stop(), []);
-  function setValue(v) {
-    const clamped = _tigercatcore.clampStepperValue.call(void 0, v, min, max, precision);
-    _optionalChain([onChange, 'optionalCall', _ => _(clamped)]);
-    return clamped;
-  }
-  function stepBy(direction, baseValue = value) {
-    return setValue(direction === "up" ? baseValue + step : baseValue - step);
-  }
-  function handleStepClick(direction) {
-    if (suppressNextClickRef.current) {
-      suppressNextClickRef.current = false;
-      return;
-    }
-    stepBy(direction);
-  }
-  function startStepRepeat(direction) {
-    return (event) => {
-      event.preventDefault();
-      if (disabled) return;
-      if (direction === "down" && value <= min) return;
-      if (direction === "up" && value >= max) return;
-      suppressNextClickRef.current = true;
-      repeatValueRef.current = value;
-      repeatControllerRef.current.start(() => {
-        const baseValue = repeatValueRef.current;
-        const nextValue = stepBy(direction, baseValue);
-        repeatValueRef.current = nextValue;
-        if (nextValue === baseValue) {
-          repeatControllerRef.current.stop();
-        }
-      });
-    };
-  }
-  function stopStepRepeat() {
-    repeatControllerRef.current.stop();
-  }
-  const atMin = value <= min;
-  const atMax = value >= max;
-  const icon = (d) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-4 h-4", viewBox: _tigercatcore.stepperIconViewBox, fill: "currentColor", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d, fillRule: "evenodd", clipRule: "evenodd" }) });
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.stepperBaseClasses, className), role: "group", "aria-label": "Stepper", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: _tigercatcore.getStepperButtonClasses.call(void 0, size, disabled || atMin, "left"),
-        disabled: disabled || atMin,
-        "aria-label": "Decrease",
-        onPointerDown: startStepRepeat("down"),
-        onPointerUp: stopStepRepeat,
-        onPointerLeave: stopStepRepeat,
-        onPointerCancel: stopStepRepeat,
-        onClick: () => handleStepClick("down"),
-        children: icon(_tigercatcore.minusPathD)
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "input",
-      {
-        type: "text",
-        className: _tigercatcore.getStepperInputClasses.call(void 0, size),
-        value: precision !== void 0 ? value.toFixed(precision) : String(value),
-        disabled,
-        "aria-label": "Value",
-        onChange: (e) => {
-          const val = Number(e.target.value);
-          if (!Number.isNaN(val)) setValue(val);
-        }
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: _tigercatcore.getStepperButtonClasses.call(void 0, size, disabled || atMax, "right"),
-        disabled: disabled || atMax,
-        "aria-label": "Increase",
-        onPointerDown: startStepRepeat("up"),
-        onPointerUp: stopStepRepeat,
-        onPointerLeave: stopStepRepeat,
-        onPointerCancel: stopStepRepeat,
-        onClick: () => handleStepClick("up"),
-        children: icon(_tigercatcore.plusPathD)
-      }
-    )
-  ] });
-};
-
-
-
-exports.Stepper = Stepper;