@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-NZLOLMT2.mjs → chunk-UHRZKZVU.mjs}

@@ -1,8 +1,32 @@
-import { useMemo, useState, useCallback } from 'react';
-import { getPaginationLabels, getTotalPages, validateCurrentPage, getPageRange, getPaginationContainerClasses, defaultTotalText, getTotalTextClasses, getPaginationButtonBaseClasses, classNames, getSizeTextClasses, getPageNumbers, getPaginationEllipsisClasses, formatPageAriaLabel, getPaginationButtonActiveClasses, getPageSizeSelectorClasses, getQuickJumperInputClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/Pagination.tsx
+import { useState, useCallback, useEffect, useMemo, useRef } from "react";
+import {
+  classNames,
+  getTotalPages,
+  getPageRange,
+  validateCurrentPage,
+  getPageNumbers,
+  defaultTotalText,
+  formatPaginationTotal,
+  getPaginationContainerClasses,
+  getPaginationButtonBaseClasses,
+  getPaginationButtonActiveClasses,
+  getPaginationEllipsisClasses,
+  getQuickJumperInputClasses,
+  getPageSizeSelectorClasses,
+  getTotalTextClasses,
+  getSizeTextClasses,
+  getPaginationLabels,
+  getLocaleDirection,
+  formatPageAriaLabel,
+  createPaginationIdleValidationScheduler,
+  getImmediateTigerLocale,
+  getPaginationJumperPage,
+  getValidatedPaginationJumperValue,
+  isLazyTigerLocale,
+  resolveTigerLocale
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Pagination = ({
   current: controlledCurrent,
   defaultCurrent = 1,
@@ -20,6 +44,7 @@ var Pagination = ({
   disabled = false,
   hideOnSinglePage = false,
   showLessItems = false,
+  quickJumperValidation,
   className,
   style,
   onChange,
@@ -28,18 +53,46 @@ var Pagination = ({
   ...props
 }) => {
   const { "aria-label": ariaLabelProp, ...navProps } = props;
-  const labels = useMemo(() => getPaginationLabels(locale), [locale]);
+  const immediateLocale = useMemo(() => getImmediateTigerLocale(locale), [locale]);
+  const [loadedLocale, setLoadedLocale] = useState(
+    immediateLocale
+  );
+  useEffect(() => {
+    let active = true;
+    setLoadedLocale(immediateLocale);
+    if (isLazyTigerLocale(locale)) {
+      resolveTigerLocale(locale).then((nextLocale) => {
+        if (active) setLoadedLocale(nextLocale);
+      }).catch(() => {
+        if (active) setLoadedLocale(immediateLocale);
+      });
+    }
+    return () => {
+      active = false;
+    };
+  }, [locale, immediateLocale]);
+  const resolvedLocale = isLazyTigerLocale(locale) ? loadedLocale : immediateLocale;
+  const labels = useMemo(() => getPaginationLabels(resolvedLocale), [resolvedLocale]);
+  const localeCode = resolvedLocale?.locale;
+  const isRtl = getLocaleDirection(resolvedLocale) === "rtl";
   const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);
   const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);
   const [quickJumperValue, setQuickJumperValue] = useState("");
+  const quickJumperValidationSchedulerRef = useRef(null);
+  if (quickJumperValidationSchedulerRef.current === null) {
+    quickJumperValidationSchedulerRef.current = createPaginationIdleValidationScheduler(quickJumperValidation);
+  }
+  useEffect(() => {
+    quickJumperValidationSchedulerRef.current = createPaginationIdleValidationScheduler(quickJumperValidation);
+    return () => {
+      quickJumperValidationSchedulerRef.current?.cancel();
+    };
+  }, [quickJumperValidation]);
   const currentPage = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
   const currentPageSize = controlledPageSize !== void 0 ? controlledPageSize : internalPageSize;
   const totalPages = getTotalPages(total, currentPageSize);
   const validatedCurrentPage = validateCurrentPage(currentPage, totalPages);
   const pageRange = getPageRange(validatedCurrentPage, currentPageSize, total);
-  if (hideOnSinglePage && totalPages <= 1) {
-    return null;
-  }
   const handlePageChange = useCallback(
     (page) => {
       if (disabled) return;
@@ -82,12 +135,22 @@ var Pagination = ({
     ]
   );
   const handleQuickJumperSubmit = useCallback(() => {
-    const page = parseInt(quickJumperValue, 10);
-    if (!isNaN(page)) {
+    quickJumperValidationSchedulerRef.current?.cancel();
+    const page = getPaginationJumperPage(quickJumperValue, totalPages);
+    if (page !== null) {
       handlePageChange(page);
     }
     setQuickJumperValue("");
-  }, [quickJumperValue, handlePageChange]);
+  }, [quickJumperValue, totalPages, handlePageChange]);
+  const handleQuickJumperChange = useCallback(
+    (value) => {
+      setQuickJumperValue(value);
+      quickJumperValidationSchedulerRef.current?.schedule(() => {
+        setQuickJumperValue(getValidatedPaginationJumperValue(value, totalPages));
+      });
+    },
+    [totalPages]
+  );
   const handleQuickJumperKeyPress = useCallback(
     (event) => {
       if (event.key === "Enter") {
@@ -113,7 +176,7 @@ var Pagination = ({
   const nextDisabled = validatedCurrentPage >= totalPages || disabled;
   const elements = [];
   if (showTotal) {
-    const totalTextFn = totalText || defaultTotalText;
+    const totalTextFn = totalText || (resolvedLocale?.pagination?.totalText ? (value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode) : defaultTotalText);
     elements.push(
       /* @__PURE__ */ jsx("span", { className: getTotalTextClasses(size), children: totalTextFn(total, pageRange) }, "total")
     );
@@ -127,7 +190,7 @@ var Pagination = ({
         disabled: prevDisabled,
         onClick: () => handlePageChange(validatedCurrentPage - 1),
         "aria-label": labels.prevPageAriaLabel,
-        children: "\u2039"
+        children: isRtl ? "\u203A" : "\u2039"
       },
       "prev"
     )
@@ -167,7 +230,7 @@ var Pagination = ({
               ),
               disabled,
               onClick: () => handlePageChange(pageNum),
-              "aria-label": formatPageAriaLabel(labels.pageAriaLabel, pageNum),
+              "aria-label": formatPageAriaLabel(labels.pageAriaLabel, pageNum, localeCode),
               "aria-current": isActive ? "page" : void 0,
               children: String(pageNum)
             },
@@ -186,7 +249,7 @@ var Pagination = ({
         disabled: nextDisabled,
         onClick: () => handlePageChange(validatedCurrentPage + 1),
         "aria-label": labels.nextPageAriaLabel,
-        children: "\u203A"
+        children: isRtl ? "\u2039" : "\u203A"
       },
       "next"
     )
@@ -220,7 +283,7 @@ var Pagination = ({
           className: classNames(getQuickJumperInputClasses(size), "mx-2"),
           disabled,
           value: quickJumperValue,
-          onChange: (e) => setQuickJumperValue(e.target.value),
+          onChange: (e) => handleQuickJumperChange(e.target.value),
           onKeyDown: handleQuickJumperKeyPress,
           min: 1,
           max: totalPages,
@@ -233,6 +296,9 @@ var Pagination = ({
       /* @__PURE__ */ jsx("span", { className: sizeText, children: labels.pageText }, "jumper-label-end")
     );
   }
+  if (hideOnSinglePage && totalPages <= 1) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     "nav",
     {
@@ -247,4 +313,7 @@ var Pagination = ({
 };
 var Pagination_default = Pagination;
 
-export { Pagination, Pagination_default };
+export {
+  Pagination,
+  Pagination_default
+};

package/dist/chunk-UIIOZEUP.js

@@ -0,0 +1,232 @@
+"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 _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,
+  padding = 24,
+  data,
+  innerRadiusRatio = 0,
+  showLabels: _showLabels = true,
+  colors,
+  gradient = 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: _tooltipFormatter,
+  title,
+  desc,
+  className,
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onArcClick,
+  onArcHover
+}) => {
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
+    [width, height, padding]
+  );
+  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.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.call(void 0, 
+    () => _tigercatcore.computeSunburstArcs.call(void 0, data, {
+      cx,
+      cy,
+      innerRadius,
+      outerRadius,
+      colors: palette
+    }),
+    [data, cx, cy, innerRadius, outerRadius, palette]
+  );
+  const {
+    tooltipPosition,
+    resolvedHoveredIndex,
+    activeIndex,
+    handleMouseEnter,
+    handleMouseMove,
+    handleMouseLeave,
+    handleClick,
+    handleLegendClick,
+    handleLegendHover,
+    handleLegendLeave,
+    wrapperClasses
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
+    hoverable,
+    hoveredIndexProp,
+    selectable,
+    selectedIndexProp,
+    activeOpacity,
+    inactiveOpacity,
+    legendPosition,
+    getData: (index) => {
+      const arc = arcs[index];
+      return arc ? { label: arc.label, value: arc.value } : {};
+    },
+    onHoveredIndexChange: (index) => {
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
+      const arc = index !== null ? arcs[index] : null;
+      _optionalChain([onArcHover, 'optionalCall', _2 => _2(
+        index,
+        arc ? { label: arc.label, value: arc.value } : null
+      )]);
+    },
+    onSelectedIndexChange,
+    callbacks: { onClick: onArcClick }
+  });
+  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,
+      getLabel: (d) => d.label,
+      getColor: (d) => d.color
+    }),
+    [rootArcs, palette, activeIndex]
+  );
+  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.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title,
+      desc,
+      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}`,
+            x1: "0",
+            y1: "0",
+            x2: "0",
+            y2: "1",
+            children: [
+              /* @__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.call(void 0, arc.index, activeIndex, {
+            activeOpacity,
+            inactiveOpacity
+          });
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: arc.path,
+              fill: gradient ? `url(#${gradientPrefix}-${arc.index})` : arc.color,
+              opacity,
+              stroke: "var(--tiger-surface,#ffffff)",
+              strokeWidth: 1,
+              className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
+              style: {
+                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,
+              role: selectable ? "button" : "img",
+              "aria-label": arc.label,
+              onMouseEnter: (e) => handleMouseEnter(arc.index, e),
+              onMouseMove: handleMouseMove,
+              onMouseLeave: handleMouseLeave,
+              onClick: () => handleClick(arc.index)
+            },
+            `arc-${arc.index}`
+          );
+        })
+      ] })
+    }
+  );
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
+    {
+      content: tooltipContent,
+      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      x: tooltipPosition.x,
+      y: tooltipPosition.y
+    }
+  ) : null;
+  if (!showLegend) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
+      chart,
+      tooltip
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
+    chart,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWV5XHYW6js.ChartLegend,
+      {
+        items: legendItems,
+        position: legendPosition,
+        markerSize: legendMarkerSize,
+        gap: legendGap,
+        interactive,
+        onItemClick: handleLegendClick,
+        onItemHover: handleLegendHover,
+        onItemLeave: handleLegendLeave
+      }
+    ),
+    tooltip
+  ] });
+};
+
+
+
+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-MQ5ZP5RW.mjs → chunk-UKBVJWP3.mjs}

@@ -1,8 +1,20 @@
-import { usePopup } from './chunk-AMOH5AMN.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,
@@ -41,8 +53,12 @@ var Tooltip = ({
         children
       }
     ),
-    currentVisible && /* @__PURE__ */ jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsx("div", { id: tooltipId, role: "tooltip", className: contentClasses, children: content }) })
+    currentVisible && renderBodyPortal(
+      /* @__PURE__ */ jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsx("div", { id: tooltipId, role: "tooltip", className: contentClasses, children: content }) })
+    )
   ] });
 };
 
-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

@@ -0,0 +1,72 @@
+"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 _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var ChartCanvas = ({
+  width = 320,
+  height = 200,
+  responsive = false,
+  padding = 24,
+  className,
+  title,
+  desc,
+  children,
+  ...props
+}) => {
+  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.call(void 0, 
+    () => _tigercatcore.resolveResponsiveChartSize.call(void 0, { width, height }, responsive ? observedSize : null),
+    [width, height, responsive, observedSize]
+  );
+  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.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 = _optionalChain([svgRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.parentElement]);
+    if (!target) return void 0;
+    controller.observe(target);
+    return () => controller.disconnect();
+  }, [responsive]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      ...props,
+      ref: svgRef,
+      width: resolvedSize.width,
+      height: resolvedSize.height,
+      viewBox: `0 0 ${resolvedSize.width} ${resolvedSize.height}`,
+      className: svgClasses,
+      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;