@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/{chunk-VTOMFVSF.js → chunk-X7JAYXPY.js}

@@ -1,17 +1,29 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
-var chunkWV5XHYW6_js = require('./chunk-WV5XHYW6.js');
-var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
-var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
 
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/TreeMapChart.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var TreeMapChart = ({
   width = 400,
   height = 300,
@@ -42,14 +54,18 @@ var TreeMapChart = ({
   onNodeClick,
   onNodeHover
 }) => {
-  const innerRect = React.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
   );
-  const palette = React.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
-  const gradientPrefix = React.useMemo(() => tigercatCore.getTreeMapGradientPrefix(), []);
-  const nodes = React.useMemo(
-    () => tigercatCore.computeTreeMapNodes(data, {
+  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors), [colors]);
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "treemap", gradientId),
+    [gradientId]
+  );
+  const nodes = _react.useMemo.call(void 0, 
+    () => _tigercatcore.computeTreeMapNodes.call(void 0, data, {
       width: innerRect.width,
       height: innerRect.height,
       gap,
@@ -69,7 +85,7 @@ var TreeMapChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkXTV5JLLC_js.useChartInteraction({
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -82,19 +98,19 @@ var TreeMapChart = ({
       return node ? { label: node.label, value: node.value } : {};
     },
     onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
       const node = index !== null ? nodes[index] : null;
-      onNodeHover?.(
+      _optionalChain([onNodeHover, 'optionalCall', _2 => _2(
         index,
         node ? { label: node.label, value: node.value } : null
-      );
+      )]);
     },
     onSelectedIndexChange,
     callbacks: { onClick: onNodeClick }
   });
-  const total = React.useMemo(() => nodes.reduce((s, n) => s + n.value, 0), [nodes]);
-  const legendItems = React.useMemo(
-    () => tigercatCore.buildChartLegendItems({
+  const total = _react.useMemo.call(void 0, () => nodes.reduce((s, n) => s + n.value, 0), [nodes]);
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
       data: nodes,
       palette,
       activeIndex,
@@ -103,25 +119,25 @@ var TreeMapChart = ({
     }),
     [nodes, palette, activeIndex]
   );
-  const tooltipContent = React.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, nodes, void 0, (node) => {
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, nodes, void 0, (node) => {
       const pct = total > 0 ? (node.value / total * 100).toFixed(1) : "0";
       return `${node.label}: ${node.value} (${pct}%)`;
     }),
     [resolvedHoveredIndex, nodes, total]
   );
   const interactive = hoverable || selectable;
-  const chart = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUKLVOR4E_js.ChartCanvas,
+  const chart = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
     {
       width,
       height,
       padding,
       title,
       desc,
-      className: tigercatCore.classNames(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-series-type": "treemap", children: [
-        gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsxs(
+      className: _tigercatcore.classNames.call(void 0, className),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "data-series-type": "treemap", children: [
+        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "linearGradient",
           {
             id: `${gradientPrefix}-${node.index}`,
@@ -130,19 +146,19 @@ var TreeMapChart = ({
             x2: "0",
             y2: "1",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: node.color, stopOpacity: 1 }),
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: node.color, stopOpacity: 0.7 })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: node.color, stopOpacity: 1 }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: node.color, stopOpacity: 0.7 })
             ]
           },
           `grad-${node.index}`
         )) }),
         nodes.map((node) => {
-          const opacity = tigercatCore.getChartElementOpacity(node.index, activeIndex, {
+          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, node.index, activeIndex, {
             activeOpacity,
             inactiveOpacity
           });
-          return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "rect",
               {
                 x: node.x,
@@ -152,9 +168,9 @@ var TreeMapChart = ({
                 rx: 2,
                 fill: gradient ? `url(#${gradientPrefix}-${node.index})` : node.color,
                 opacity,
-                className: tigercatCore.classNames(interactive && "cursor-pointer"),
+                className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
                 style: {
-                  transition: "opacity 0.2s ease-out, filter 0.2s ease-out",
+                  transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                   rx: "var(--tiger-chart-block-radius, 2px)",
                   filter: activeIndex === node.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
                 },
@@ -164,7 +180,7 @@ var TreeMapChart = ({
                 onClick: () => handleClick(node.index)
               }
             ),
-            showLabels && node.w > 30 && node.h > minLabelSize + 4 && /* @__PURE__ */ jsxRuntime.jsx(
+            showLabels && node.w > 30 && node.h > minLabelSize + 4 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "text",
               {
                 x: node.x + node.w / 2,
@@ -184,8 +200,8 @@ var TreeMapChart = ({
       ] })
     }
   );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36ATCHP4_js.ChartTooltip,
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -194,15 +210,15 @@ var TreeMapChart = ({
     }
   ) : null;
   if (!showLegend) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
       chart,
       tooltip
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWV5XHYW6_js.ChartLegend,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWV5XHYW6js.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,
@@ -218,4 +234,6 @@ var TreeMapChart = ({
   ] });
 };
 
+
+
 exports.TreeMapChart = TreeMapChart;

package/dist/chunk-XATXFVKR.mjs

@@ -1,8 +1,14 @@
-import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
-import { extractMentionQuery, positionMentionsDropdown, classNames, getMentionsInputClasses, mentionsDropdownClasses, getMentionsOptionClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Mentions.tsx
+import { useState, useMemo, useCallback, useRef, useEffect } from "react";
+import { classNames } from "@expcat/tigercat-core";
+import {
+  getMentionsInputClasses,
+  mentionsDropdownClasses,
+  getMentionsOptionClasses,
+  extractMentionQuery,
+  positionMentionsDropdown
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Mentions = ({
   value = "",
   prefix: triggerPrefix = "@",
@@ -121,4 +127,7 @@ var Mentions = ({
 };
 var Mentions_default = Mentions;
 
-export { Mentions, Mentions_default };
+export {
+  Mentions,
+  Mentions_default
+};

package/dist/{chunk-UPO4LLNK.mjs → chunk-XBM76P27.mjs}

@@ -1,11 +1,36 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartLegend } from './chunk-UBP7HZSU.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.mjs';
-import { useMemo } from 'react';
-import { getChartInnerRect, getPieArcs, resolveChartPalette, getPieGradientPrefix, buildChartLegendItems, resolveChartTooltipContent, classNames, createPieArcPath, getChartElementOpacity, computePieHoverOffset, PIE_EMPHASIS_SHADOW, PIE_BASE_SHADOW, computePieLabelLine, polarToCartesian, chartAxisTickTextClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
 
+// src/components/PieChart.tsx
+import { useId, useMemo } from "react";
+import {
+  chartAxisTickTextClasses,
+  classNames,
+  computePieHoverOffset,
+  computePieLabelLine,
+  createPieArcPath,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getPieArcs,
+  getStableChartGradientPrefix,
+  PIE_BASE_SHADOW,
+  PIE_EMPHASIS_SHADOW,
+  polarToCartesian,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var PieChart = ({
   width = 320,
   height = 200,
@@ -99,7 +124,11 @@ var PieChart = ({
     [data, startAngle, endAngle, padAngle]
   );
   const palette = useMemo(() => resolveChartPalette(colors), [colors]);
-  const gradientPrefix = useMemo(() => getPieGradientPrefix(), []);
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("pie", gradientId),
+    [gradientId]
+  );
   const cx = innerRect.width / 2;
   const cy = innerRect.height / 2;
   const labelRadius = resolvedInnerRadius + (resolvedOuterRadius - resolvedInnerRadius) / 2;
@@ -182,7 +211,7 @@ var PieChart = ({
                 style: {
                   transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
                   transformOrigin: `${cx}px ${cy}px`,
-                  transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity 0.2s ease-out, filter 0.3s ease-out",
+                  transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-decelerate,ease-out)",
                   filter: shadow ? isEmphasized ? PIE_EMPHASIS_SHADOW : PIE_BASE_SHADOW : void 0
                 },
                 tabIndex: selectable ? 0 : void 0,
@@ -288,4 +317,7 @@ var PieChart = ({
 };
 var PieChart_default = PieChart;
 
-export { PieChart, PieChart_default };
+export {
+  PieChart,
+  PieChart_default
+};

package/dist/chunk-XFPJYKBQ.js

@@ -0,0 +1,98 @@
+"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(); } } 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/FloatButton.tsx
+var _react = require('react');
+var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var FloatButton = ({
+  shape = "circle",
+  size = "md",
+  type = "primary",
+  tooltip,
+  disabled = false,
+  ariaLabel,
+  className,
+  children,
+  onClick,
+  ...props
+}) => {
+  const classes = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.floatButtonBaseClasses,
+      _tigercatcore.floatButtonShapeClasses[shape],
+      _tigercatcore.floatButtonSizeClasses[size],
+      _tigercatcore.floatButtonTypeClasses[type],
+      disabled && _tigercatcore.floatButtonDisabledClasses,
+      className
+    ),
+    [shape, size, type, disabled, className]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      className: classes,
+      type: "button",
+      disabled,
+      "aria-label": _nullishCoalesce(ariaLabel, () => ( tooltip)),
+      title: tooltip,
+      onClick: disabled ? void 0 : onClick,
+      ...props,
+      children
+    }
+  );
+};
+var FloatButtonGroup = ({
+  shape: _shape = "circle",
+  trigger = "click",
+  open: controlledOpen,
+  triggerNode,
+  children,
+  className,
+  onOpenChange,
+  ...props
+}) => {
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
+  const isOpen = _nullishCoalesce(controlledOpen, () => ( internalOpen));
+  const toggle = _react.useCallback.call(void 0, () => {
+    const next = !isOpen;
+    setInternalOpen(next);
+    _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
+  }, [isOpen, onOpenChange]);
+  const handleMouseEnter = _react.useCallback.call(void 0, () => {
+    setInternalOpen(true);
+    _optionalChain([onOpenChange, 'optionalCall', _2 => _2(true)]);
+  }, [onOpenChange]);
+  const handleMouseLeave = _react.useCallback.call(void 0, () => {
+    setInternalOpen(false);
+    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(false)]);
+  }, [onOpenChange]);
+  const groupClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.floatButtonGroupClasses, className), [className]);
+  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: groupClasses,
+      onMouseEnter: trigger === "hover" ? handleMouseEnter : void 0,
+      onMouseLeave: trigger === "hover" ? handleMouseLeave : void 0,
+      ...props,
+      children: [
+        triggerNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { onClick: trigger === "click" ? toggle : void 0, children: triggerNode }),
+        isOpen && children
+      ]
+    }
+  );
+  return _reactdom2.default.createPortal(content, document.body);
+};
+
+
+
+
+exports.FloatButton = FloatButton; exports.FloatButtonGroup = FloatButtonGroup;