@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/{chunk-F7VY6ATM.js → chunk-UIIOZEUP.js}

@@ -1,13 +1,29 @@
-'use strict';
+"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 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');
 
+
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/SunburstChart.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var SunburstChart = ({
   width = 320,
   height = 320,
@@ -37,24 +53,28 @@ var SunburstChart = ({
   onArcClick,
   onArcHover
 }) => {
-  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.getSunburstGradientPrefix(), []);
-  const outerRadius = react.useMemo(
+  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, "sunburst", gradientId),
+    [gradientId]
+  );
+  const outerRadius = _react.useMemo.call(void 0, 
     () => Math.min(innerRect.width, innerRect.height) / 2,
     [innerRect.width, innerRect.height]
   );
-  const innerRadius = react.useMemo(
+  const innerRadius = _react.useMemo.call(void 0, 
     () => outerRadius * Math.max(0, Math.min(1, innerRadiusRatio)),
     [outerRadius, innerRadiusRatio]
   );
   const cx = innerRect.width / 2;
   const cy = innerRect.height / 2;
-  const arcs = react.useMemo(
-    () => tigercatCore.computeSunburstArcs(data, {
+  const arcs = _react.useMemo.call(void 0, 
+    () => _tigercatcore.computeSunburstArcs.call(void 0, data, {
       cx,
       cy,
       innerRadius,
@@ -75,7 +95,7 @@ var SunburstChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkXTV5JLLC_js.useChartInteraction({
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -88,19 +108,19 @@ var SunburstChart = ({
       return arc ? { label: arc.label, value: arc.value } : {};
     },
     onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
       const arc = index !== null ? arcs[index] : null;
-      onArcHover?.(
+      _optionalChain([onArcHover, 'optionalCall', _2 => _2(
         index,
         arc ? { label: arc.label, value: arc.value } : null
-      );
+      )]);
     },
     onSelectedIndexChange,
     callbacks: { onClick: onArcClick }
   });
-  const rootArcs = react.useMemo(() => arcs.filter((a) => a.depth === 0), [arcs]);
-  const legendItems = react.useMemo(
-    () => tigercatCore.buildChartLegendItems({
+  const rootArcs = _react.useMemo.call(void 0, () => arcs.filter((a) => a.depth === 0), [arcs]);
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
       data: rootArcs,
       palette,
       activeIndex,
@@ -109,24 +129,24 @@ var SunburstChart = ({
     }),
     [rootArcs, palette, activeIndex]
   );
-  const tooltipContent = react.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, arcs, void 0, (arc) => {
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, arcs, void 0, (arc) => {
       return `${arc.label}: ${arc.value}`;
     }),
     [resolvedHoveredIndex, arcs]
   );
   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": "sunburst", children: [
-        gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: arcs.map((arc) => /* @__PURE__ */ jsxRuntime.jsxs(
+      className: _tigercatcore.classNames.call(void 0, className),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "data-series-type": "sunburst", children: [
+        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: arcs.map((arc) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "linearGradient",
           {
             id: `${gradientPrefix}-${arc.index}`,
@@ -135,18 +155,18 @@ var SunburstChart = ({
             x2: "0",
             y2: "1",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: arc.color, stopOpacity: "1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: arc.color, stopOpacity: "0.7" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: arc.color, stopOpacity: "1" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: arc.color, stopOpacity: "0.7" })
             ]
           },
           `grad-${arc.index}`
         )) }),
         arcs.map((arc) => {
-          const opacity = tigercatCore.getChartElementOpacity(arc.index, activeIndex, {
+          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, arc.index, activeIndex, {
             activeOpacity,
             inactiveOpacity
           });
-          return /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "path",
             {
               d: arc.path,
@@ -154,9 +174,9 @@ var SunburstChart = ({
               opacity,
               stroke: "var(--tiger-surface,#ffffff)",
               strokeWidth: 1,
-              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)",
                 filter: activeIndex === arc.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
               },
               tabIndex: selectable ? 0 : void 0,
@@ -173,8 +193,8 @@ var SunburstChart = ({
       ] })
     }
   );
-  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 !== "",
@@ -183,15 +203,15 @@ var SunburstChart = ({
     }
   ) : 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,
@@ -207,4 +227,6 @@ var SunburstChart = ({
   ] });
 };
 
+
+
 exports.SunburstChart = SunburstChart;

package/dist/chunk-UIO6O4MI.js

@@ -1,15 +1,19 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Card.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
 
-// src/components/Card.tsx
-var Card = React__default.default.memo(
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Card = _react2.default.memo(
   ({
     variant = "default",
     size = "md",
@@ -25,33 +29,35 @@ var Card = React__default.default.memo(
     ...props
   }) => {
     const isHorizontal = direction === "horizontal";
-    const sectionSizeClass = cover ? tigercatCore.cardSizeClasses[size] : void 0;
-    const cardClasses = tigercatCore.classNames(
-      tigercatCore.getCardClasses(variant, hoverable),
-      tigercatCore.cardDirectionClasses[direction],
-      !cover && tigercatCore.cardSizeClasses[size],
+    const sectionSizeClass = cover ? _tigercatcore.cardSizeClasses[size] : void 0;
+    const cardClasses = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.getCardClasses.call(void 0, variant, hoverable),
+      _tigercatcore.cardDirectionClasses[direction],
+      !cover && _tigercatcore.cardSizeClasses[size],
       className
     );
-    const getSectionClasses = (baseClasses) => tigercatCore.classNames(baseClasses, sectionSizeClass);
-    const bodyContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      header != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: getSectionClasses(tigercatCore.cardHeaderClasses), children: header }),
-      children != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionSizeClass, children }),
-      footer != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: getSectionClasses(tigercatCore.cardFooterClasses), children: footer }),
-      actions != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: getSectionClasses(tigercatCore.classNames(tigercatCore.cardActionsClasses, tigercatCore.cardFooterClasses)), children: actions })
+    const getSectionClasses = (baseClasses) => _tigercatcore.classNames.call(void 0, baseClasses, sectionSizeClass);
+    const bodyContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      header != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: getSectionClasses(_tigercatcore.cardHeaderClasses), children: header }),
+      children != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: sectionSizeClass, children }),
+      footer != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: getSectionClasses(_tigercatcore.cardFooterClasses), children: footer }),
+      actions != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: getSectionClasses(_tigercatcore.classNames.call(void 0, _tigercatcore.cardActionsClasses, _tigercatcore.cardFooterClasses)), children: actions })
     ] });
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cardClasses, ...props, children: [
-      cover && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.cardCoverWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: cardClasses, ...props, children: [
+      cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cardCoverWrapperClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "img",
         {
           src: cover,
           alt: coverAlt,
-          className: tigercatCore.classNames(tigercatCore.cardCoverClasses, isHorizontal && "h-full w-48 object-cover")
+          className: _tigercatcore.classNames.call(void 0, _tigercatcore.cardCoverClasses, isHorizontal && "h-full w-48 object-cover")
         }
       ) }),
-      isHorizontal ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.cardHorizontalBodyClasses, children: bodyContent }) : bodyContent
+      isHorizontal ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cardHorizontalBodyClasses, children: bodyContent }) : bodyContent
     ] });
   }
 );
 Card.displayName = "Card";
 
+
+
 exports.Card = Card;

package/dist/{chunk-4V2HSSQN.mjs → chunk-UKBVJWP3.mjs}

@@ -1,9 +1,20 @@
-import { usePopup } from './chunk-WFIQIBLC.mjs';
-import { renderBodyPortal } from './chunk-XTSG362L.mjs';
-import { useRef, useMemo } from 'react';
-import { createFloatingIdFactory, classNames, getTooltipContainerClasses, getTooltipTriggerClasses, getTooltipContentClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  usePopup
+} from "./chunk-4XOWNEZA.mjs";
+import {
+  renderBodyPortal
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/Tooltip.tsx
+import { useMemo, useRef } from "react";
+import {
+  classNames,
+  createFloatingIdFactory,
+  getTooltipContainerClasses,
+  getTooltipTriggerClasses,
+  getTooltipContentClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var createTooltipId = createFloatingIdFactory("tooltip");
 var Tooltip = ({
   open,
@@ -48,4 +59,6 @@ var Tooltip = ({
   ] });
 };
 
-export { Tooltip };
+export {
+  Tooltip
+};

package/dist/chunk-UKGQ7256.js

@@ -1,13 +1,12 @@
-'use strict';
-
-var react = require('react');
-
-// src/hooks/useControlledState.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useControlledState.ts
+var _react = require('react');
 function useControlledState(controlledValue, defaultValue) {
-  const [internalValue, setInternalValue] = react.useState(defaultValue);
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : internalValue;
   return [value, setInternalValue, isControlled];
 }
 
+
+
 exports.useControlledState = useControlledState;

package/dist/chunk-UKLVOR4E.js

@@ -1,10 +1,13 @@
-'use strict';
+"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/ChartCanvas.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/ChartCanvas.tsx
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var ChartCanvas = ({
   width = 320,
   height = 200,
@@ -16,35 +19,35 @@ var ChartCanvas = ({
   children,
   ...props
 }) => {
-  const svgRef = react.useRef(null);
-  const [observedSize, setObservedSize] = react.useState(null);
-  const resizeControllerRef = react.useRef(
-    tigercatCore.createChartResizeObserverController({
+  const svgRef = _react.useRef.call(void 0, null);
+  const [observedSize, setObservedSize] = _react.useState.call(void 0, null);
+  const resizeControllerRef = _react.useRef.call(void 0, 
+    _tigercatcore.createChartResizeObserverController.call(void 0, {
       onSizeChange: setObservedSize
     })
   );
-  const resolvedSize = react.useMemo(
-    () => tigercatCore.resolveResponsiveChartSize({ width, height }, responsive ? observedSize : null),
+  const resolvedSize = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveResponsiveChartSize.call(void 0, { width, height }, responsive ? observedSize : null),
     [width, height, responsive, observedSize]
   );
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(resolvedSize.width, resolvedSize.height, padding),
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, resolvedSize.width, resolvedSize.height, padding),
     [resolvedSize.width, resolvedSize.height, padding]
   );
-  const svgClasses = react.useMemo(() => tigercatCore.classNames(tigercatCore.chartCanvasBaseClasses, className), [className]);
-  react.useEffect(() => {
+  const svgClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.chartCanvasBaseClasses, className), [className]);
+  _react.useEffect.call(void 0, () => {
     const controller = resizeControllerRef.current;
     if (!responsive) {
       controller.disconnect();
       setObservedSize(null);
       return void 0;
     }
-    const target = svgRef.current?.parentElement;
+    const target = _optionalChain([svgRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.parentElement]);
     if (!target) return void 0;
     controller.observe(target);
     return () => controller.disconnect();
   }, [responsive]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
       ...props,
@@ -54,14 +57,16 @@ var ChartCanvas = ({
       viewBox: `0 0 ${resolvedSize.width} ${resolvedSize.height}`,
       className: svgClasses,
       children: [
-        title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
-        desc ? /* @__PURE__ */ jsxRuntime.jsx("desc", { children: desc }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `translate(${innerRect.x}, ${innerRect.y})`, children })
+        title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "title", { children: title }) : null,
+        desc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "desc", { children: desc }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { transform: `translate(${innerRect.x}, ${innerRect.y})`, children })
       ]
     }
   );
 };
 var ChartCanvas_default = ChartCanvas;
 
-exports.ChartCanvas = ChartCanvas;
-exports.ChartCanvas_default = ChartCanvas_default;
+
+
+
+exports.ChartCanvas = ChartCanvas; exports.ChartCanvas_default = ChartCanvas_default;