@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-K2TXT5HQ.js → chunk-M577W3TS.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkBO45CU4Qjs = require('./chunk-BO45CU4Q.js');
+var _chunkPZWI4YNNjs = require('./chunk-PZWI4YNN.js');
 
 // src/components/DonutChart.tsx
 var _react = require('react');
@@ -8,6 +8,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var DONUT_PALETTE = [
@@ -52,6 +54,7 @@ var DonutChart = ({
   legendPosition = "bottom",
   legendMarkerSize = 10,
   legendGap = 8,
+  legendFormatter,
   // Tooltip props
   showTooltip = true,
   tooltipFormatter,
@@ -62,7 +65,7 @@ var DonutChart = ({
   // DonutChart-specific
   centerValue,
   centerLabel,
-  animated: _animated = false,
+  animated = false,
   // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
   gradient = false,
   // Callbacks
@@ -103,89 +106,102 @@ var DonutChart = ({
   const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
   const centerX = pad.left + innerRect.width / 2;
   const centerY = pad.top + innerRect.height / 2;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", "data-donut-chart": "true", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBO45CU4Qjs.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,
-        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
-            }
-          )
-        ]
-      }
-    )
-  ] });
+  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;
 

package/dist/{chunk-UXUYCWQC.js → chunk-MOYZF62V.js}

@@ -1,4 +1,8 @@
-"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/ImageViewer.tsx
+"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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/ImageViewer.tsx
 var _react = require('react');
 
 
@@ -18,6 +22,8 @@ var _react = require('react');
 
 
 
+
+
 
 
 
@@ -40,6 +46,7 @@ function SvgIcon({ pathD, label }) {
   );
 }
 var ImageViewer = ({
+  locale,
   images,
   open = false,
   currentIndex = 0,
@@ -53,8 +60,14 @@ var ImageViewer = ({
   className,
   onOpenChange,
   onClose,
-  onIndexChange
+  onCurrentIndexChange
 }) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getImageViewerLabels.call(void 0, mergedLocale), [mergedLocale]);
   const [index, setIndex] = _react.useState.call(void 0, currentIndex);
   const [transform, setTransform] = _react.useState.call(void 0, _tigercatcore.createDefaultTransform);
   const panRef = _react.useRef.call(void 0, _tigercatcore.createPanState.call(void 0, ));
@@ -75,14 +88,14 @@ var ImageViewer = ({
     const newIndex = (index - 1 + images.length) % images.length;
     setIndex(newIndex);
     resetTransform();
-    _optionalChain([onIndexChange, 'optionalCall', _3 => _3(newIndex)]);
-  }, [index, images.length, onIndexChange, resetTransform]);
+    _optionalChain([onCurrentIndexChange, 'optionalCall', _3 => _3(newIndex)]);
+  }, [index, images.length, onCurrentIndexChange, resetTransform]);
   const handleNext = _react.useCallback.call(void 0, () => {
     const newIndex = (index + 1) % images.length;
     setIndex(newIndex);
     resetTransform();
-    _optionalChain([onIndexChange, 'optionalCall', _4 => _4(newIndex)]);
-  }, [index, images.length, onIndexChange, resetTransform]);
+    _optionalChain([onCurrentIndexChange, 'optionalCall', _4 => _4(newIndex)]);
+  }, [index, images.length, onCurrentIndexChange, resetTransform]);
   _react.useEffect.call(void 0, () => {
     if (!open) return;
     const handler = (e) => {
@@ -112,7 +125,7 @@ var ImageViewer = ({
       className: backdropClasses,
       role: "dialog",
       "aria-modal": "true",
-      "aria-label": "Image viewer",
+      "aria-label": labels.dialogAriaLabel,
       onClick: (e) => {
         if (maskClosable && e.target === e.currentTarget) handleClose();
       },
@@ -127,9 +140,9 @@ var ImageViewer = ({
           {
             className: _tigercatcore.imageViewerCloseBtnClasses,
             onClick: handleClose,
-            "aria-label": "Close",
+            "aria-label": labels.closeAriaLabel,
             type: "button",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.close, label: "Close" })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.close, label: labels.closeAriaLabel })
           }
         ),
         showNav && images.length > 1 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -138,9 +151,9 @@ var ImageViewer = ({
             {
               className: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "left-4"),
               onClick: handlePrev,
-              "aria-label": "Previous image",
+              "aria-label": labels.previousImageAriaLabel,
               type: "button",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.prev, label: "Previous" })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.prev, label: labels.previousImageAriaLabel })
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -148,9 +161,9 @@ var ImageViewer = ({
             {
               className: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "right-4"),
               onClick: handleNext,
-              "aria-label": "Next image",
+              "aria-label": labels.nextImageAriaLabel,
               type: "button",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.next, label: "Next" })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.next, label: labels.nextImageAriaLabel })
             }
           )
         ] }),
@@ -238,9 +251,9 @@ var ImageViewer = ({
                   ...t,
                   scale: _tigercatcore.clampZoom.call(void 0, t.scale - 0.25, minZoom, maxZoom)
                 })),
-                "aria-label": "Zoom out",
+                "aria-label": labels.zoomOutAriaLabel,
                 type: "button",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.zoomOut, label: "Zoom out" })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.zoomOut, label: labels.zoomOutAriaLabel })
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -251,9 +264,9 @@ var ImageViewer = ({
                   ...t,
                   scale: _tigercatcore.clampZoom.call(void 0, t.scale + 0.25, minZoom, maxZoom)
                 })),
-                "aria-label": "Zoom in",
+                "aria-label": labels.zoomInAriaLabel,
                 type: "button",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.zoomIn, label: "Zoom in" })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.zoomIn, label: labels.zoomInAriaLabel })
               }
             )
           ] }),
@@ -263,9 +276,9 @@ var ImageViewer = ({
               {
                 className: _tigercatcore.imageViewerToolbarBtnClasses,
                 onClick: () => setTransform((t) => ({ ...t, rotation: _tigercatcore.normalizeRotation.call(void 0, t.rotation - 90) })),
-                "aria-label": "Rotate left",
+                "aria-label": labels.rotateLeftAriaLabel,
                 type: "button",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.rotateLeft, label: "Rotate left" })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.rotateLeft, label: labels.rotateLeftAriaLabel })
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -273,9 +286,9 @@ var ImageViewer = ({
               {
                 className: _tigercatcore.imageViewerToolbarBtnClasses,
                 onClick: () => setTransform((t) => ({ ...t, rotation: _tigercatcore.normalizeRotation.call(void 0, t.rotation + 90) })),
-                "aria-label": "Rotate right",
+                "aria-label": labels.rotateRightAriaLabel,
                 type: "button",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.rotateRight, label: "Rotate right" })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.rotateRight, label: labels.rotateRightAriaLabel })
               }
             )
           ] })

package/dist/{chunk-6TR7JB6C.js → chunk-MQIVMK24.js}

@@ -1,9 +1,9 @@
 "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 _chunkMB6U72CIjs = require('./chunk-MB6U72CI.js');
+var _chunk2PV3F47Tjs = require('./chunk-2PV3F47T.js');
 
 
-var _chunk4U5HSR2Hjs = require('./chunk-4U5HSR2H.js');
+var _chunkI6VHGILWjs = require('./chunk-I6VHGILW.js');
 
 
 var _chunkJIFSUUGAjs = require('./chunk-JIFSUUGA.js');
@@ -59,7 +59,7 @@ var Image = ({
   const [actualSrc, setActualSrc] = _react.useState.call(void 0, lazy ? "" : src);
   const [previewVisible, setPreviewVisible] = _react.useState.call(void 0, false);
   const containerRef = _react.useRef.call(void 0, null);
-  const group = _react.useContext.call(void 0, _chunkMB6U72CIjs.ImageGroupContext);
+  const group = _react.useContext.call(void 0, _chunk2PV3F47Tjs.ImageGroupContext);
   const registeredIndexRef = _react.useRef.call(void 0, -1);
   const hoverPreviewEnabled = preview && previewTrigger === "hover" && !group;
   const clickPreviewEnabled = preview && previewTrigger !== "hover";
@@ -195,7 +195,7 @@ var Image = ({
       }
     ),
     !group && previewVisible && src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4U5HSR2Hjs.ImagePreview,
+      _chunkI6VHGILWjs.ImagePreview,
       {
         open: previewVisible,
         images: [src],

package/dist/{chunk-DKT2EYVM.mjs → chunk-MV2JQ6XQ.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-UQMPEMY7.mjs";
+} from "./chunk-WHYHLUXG.mjs";
 
 // src/components/CheckboxGroup.tsx
 import { createContext, useContext } from "react";
@@ -19,7 +19,7 @@ var CheckboxGroup = ({
   className,
   ...props
 }) => {
-  const [value, setInternalValue, isControlled] = useControlledState(controlledValue, defaultValue);
+  const [value, setValue] = useControlledState(controlledValue, defaultValue, onChange);
   const updateValue = (val, checked) => {
     if (disabled) return;
     const currentValue = [...value];
@@ -29,10 +29,7 @@ var CheckboxGroup = ({
     } else if (!checked && index !== -1) {
       currentValue.splice(index, 1);
     }
-    if (!isControlled) {
-      setInternalValue(currentValue);
-    }
-    onChange?.(currentValue);
+    setValue(currentValue);
   };
   const context = {
     value,

package/dist/{chunk-WMPCN7OF.mjs → chunk-MZCGQED3.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Tag.tsx
 import { useMemo, useState } from "react";
 import {
@@ -12,7 +16,9 @@ import {
   tagSizeClasses,
   tagCloseButtonBaseClasses,
   tagCloseIconPath,
-  warnUnsupportedColorProp
+  warnUnsupportedColorProp,
+  getStatusLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CloseIcon = () => /* @__PURE__ */ jsx(
@@ -37,15 +43,21 @@ var CloseIcon = () => /* @__PURE__ */ jsx(
   }
 );
 var Tag = ({
+  locale,
   variant = "default",
   size = "md",
   closable = false,
-  closeAriaLabel = "Close tag",
+  closeAriaLabel,
   onClose,
   children,
   className,
   ...props
 }) => {
+  const config = useTigerConfig();
+  const labels = useMemo(
+    () => getStatusLabels(mergeTigerLocale(config.locale, locale)),
+    [config.locale, locale]
+  );
   warnUnsupportedColorProp("Tag", props);
   const [isVisible, setIsVisible] = useState(true);
   const tagClasses = useMemo(
@@ -73,7 +85,7 @@ var Tag = ({
       {
         className: closeButtonClasses,
         onClick: handleClose,
-        "aria-label": closeAriaLabel,
+        "aria-label": closeAriaLabel ?? labels.tagCloseAriaLabel,
         type: "button",
         children: /* @__PURE__ */ jsx(CloseIcon, {})
       }

package/dist/{chunk-IGAMV6ML.mjs → chunk-MZPKFMQC.mjs}

@@ -1,6 +1,6 @@
 import {
   useFormContext
-} from "./chunk-F6IXIH6B.mjs";
+} from "./chunk-7RI5W465.mjs";
 
 // src/components/FormItem.tsx
 import React, { useMemo, useEffect, useState, useCallback, useId, useRef } from "react";

package/dist/{chunk-AG4HRAW2.mjs → chunk-NEHSCSQP.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-ZG2W4HS5.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartAxis
 } from "./chunk-RQSQXQN6.mjs";