@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/{chunk-WFWEMXO7.mjs → chunk-LUABLBKS.mjs}

@@ -64,6 +64,8 @@ function useSelectState(props) {
     searchDebounce = 0,
     creatable = false,
     createOptionText = "Create",
+    virtual = false,
+    listHeight = 256,
     onSearch,
     onCreate,
     className,
@@ -421,6 +423,8 @@ function useSelectState(props) {
     searchInputRef,
     isMultiple,
     size,
+    virtual,
+    listHeight,
     disabled,
     placeholder,
     searchable,
@@ -439,6 +443,7 @@ function useSelectState(props) {
     className,
     divProps,
     searchPlaceholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
+    clearAriaLabel: resolveLocaleText("Clear selection", mergedLocale?.common?.clearText),
     filteredOptions,
     flatSelectableOptions,
     creatableOption,
@@ -460,12 +465,16 @@ function useSelectState(props) {
 }
 
 // src/components/Select/render-option.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import {
   getSelectOptionClasses,
   selectGroupLabelClasses,
   selectEmptyStateClasses,
   isOptionGroup,
-  getCreateSelectOptionLabel
+  getPickerOptionAria,
+  getCreateSelectOptionLabel,
+  getSelectVirtualItemHeight,
+  fixedSizeStrategy
 } from "@expcat/tigercat-core";
 
 // src/components/Select/icons.tsx
@@ -513,14 +522,16 @@ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function renderOption(ctx, option, index, displayLabel = option.label) {
   const optionSelected = ctx.isSelected(option);
   const optionActive = index === ctx.activeIndex;
+  const optionAria = getPickerOptionAria({
+    selected: optionSelected,
+    disabled: !!option.disabled
+  });
   return /* @__PURE__ */ jsx2(
     "div",
     {
       id: ctx.getOptionId(index),
       "data-option-index": index,
-      role: "option",
-      "aria-selected": optionSelected,
-      "aria-disabled": option.disabled ? true : void 0,
+      ...optionAria,
       tabIndex: optionActive ? 0 : -1,
       className: getSelectOptionClasses(optionSelected, !!option.disabled, ctx.size),
       onMouseEnter: () => {
@@ -537,10 +548,53 @@ function renderOption(ctx, option, index, displayLabel = option.label) {
     option.value
   );
 }
+var VirtualSelectOptions = ({
+  ctx,
+  options
+}) => {
+  const itemHeight = getSelectVirtualItemHeight(ctx.size);
+  const containerRef = useRef2(null);
+  const [scrollTop, setScrollTop] = useState2(0);
+  const strategy = fixedSizeStrategy(itemHeight);
+  const { startIndex, endIndex, totalHeight } = strategy.getRange(
+    scrollTop,
+    ctx.listHeight,
+    options.length,
+    5
+  );
+  useEffect2(() => {
+    const el = containerRef.current;
+    if (!el || ctx.activeIndex < 0) return;
+    const top = ctx.activeIndex * itemHeight;
+    if (top < el.scrollTop) el.scrollTop = top;
+    else if (top + itemHeight > el.scrollTop + ctx.listHeight)
+      el.scrollTop = top + itemHeight - ctx.listHeight;
+  }, [ctx.activeIndex, itemHeight, ctx.listHeight]);
+  const visible = [];
+  for (let i = startIndex; i <= endIndex; i++) {
+    visible.push(renderOption(ctx, options[i], i));
+  }
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref: containerRef,
+      "data-tiger-select-virtual": "",
+      style: { maxHeight: `${ctx.listHeight}px`, overflowY: "auto" },
+      onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
+      children: /* @__PURE__ */ jsx2("div", { style: { height: `${totalHeight}px`, position: "relative" }, children: /* @__PURE__ */ jsx2("div", { style: { transform: `translateY(${startIndex * itemHeight}px)` }, children: visible }) })
+    }
+  );
+};
 function renderOptions(ctx) {
   if (!ctx.hasOptions && !ctx.creatableOption) {
     return /* @__PURE__ */ jsx2("div", { className: selectEmptyStateClasses, children: ctx.optionsLength === 0 ? ctx.noDataText : ctx.noOptionsText });
   }
+  const hasGroups = ctx.filteredOptions.some(isOptionGroup);
+  if (ctx.virtual && !hasGroups) {
+    const flat = ctx.filteredOptions.filter((o) => !isOptionGroup(o));
+    const all = ctx.creatableOption ? [...flat, ctx.creatableOption] : flat;
+    return /* @__PURE__ */ jsx2(VirtualSelectOptions, { ctx, options: all });
+  }
   let optionIndex = -1;
   const optionNodes = ctx.filteredOptions.map((item) => {
     if (isOptionGroup(item)) {
@@ -574,12 +628,12 @@ import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var Select = (props) => {
   const ctx = useSelectState(props);
   return /* @__PURE__ */ jsxs2("div", { ...ctx.divProps, className: ctx.containerClasses, children: [
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsx3(
       "button",
       {
         ref: ctx.triggerRef,
         type: "button",
-        className: ctx.triggerClasses,
+        className: classNames2(ctx.triggerClasses, "pr-16"),
         disabled: ctx.disabled,
         onClick: ctx.toggleDropdown,
         onKeyDown: ctx.handleTriggerKeyDown,
@@ -588,33 +642,32 @@ var Select = (props) => {
         "aria-controls": ctx.listboxId,
         "aria-activedescendant": ctx.isOpen && ctx.activeIndex >= 0 ? ctx.getOptionId(ctx.activeIndex) : void 0,
         "data-state": ctx.isOpen ? "open" : "closed",
-        children: [
-          /* @__PURE__ */ jsx3(
-            "span",
-            {
-              className: classNames2(
-                "flex-1 text-left truncate",
-                ctx.displayText === ctx.placeholder && "text-[var(--tiger-select-placeholder,var(--tiger-text-muted,#9ca3af))]"
-              ),
-              children: ctx.displayText
-            }
-          ),
-          /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
-            ctx.showClearButton && /* @__PURE__ */ jsx3(
-              "span",
-              {
-                className: "inline-flex",
-                "data-tiger-select-clear": true,
-                "aria-label": "Clear selection",
-                onClick: ctx.clearSelection,
-                children: /* @__PURE__ */ jsx3(SelectClearIcon, {})
-              }
+        children: /* @__PURE__ */ jsx3(
+          "span",
+          {
+            className: classNames2(
+              "flex-1 text-left truncate",
+              ctx.displayText === ctx.placeholder && "text-[var(--tiger-select-placeholder,var(--tiger-text-muted,#9ca3af))]"
             ),
-            /* @__PURE__ */ jsx3("span", { className: classNames2("inline-flex", ctx.isOpen && "rotate-180"), children: /* @__PURE__ */ jsx3(SelectChevronIcon, {}) })
-          ] })
-        ]
+            children: ctx.displayText
+          }
+        )
       }
     ),
+    /* @__PURE__ */ jsxs2("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center gap-1", children: [
+      ctx.showClearButton && /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          className: "pointer-events-auto inline-flex rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-select-ring,var(--tiger-primary,#2563eb))]",
+          "data-tiger-select-clear": true,
+          "aria-label": ctx.clearAriaLabel,
+          onClick: ctx.clearSelection,
+          children: /* @__PURE__ */ jsx3(SelectClearIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsx3("span", { className: classNames2("inline-flex", ctx.isOpen && "rotate-180"), "aria-hidden": "true", children: /* @__PURE__ */ jsx3(SelectChevronIcon, {}) })
+    ] }),
     ctx.isOpen && /* @__PURE__ */ jsxs2(
       "div",
       {

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-3EDASNTG.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,
@@ -55,6 +62,12 @@ var ImageViewer = ({
   onClose,
   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, ));
@@ -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-ZDNQGS4O.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 _chunkBEZO5IE4js = require('./chunk-BEZO5IE4.js');
+var _chunk2PV3F47Tjs = require('./chunk-2PV3F47T.js');
 
 
-var _chunkNVI2P7VHjs = require('./chunk-NVI2P7VH.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, _chunkBEZO5IE4js.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, 
-      _chunkNVI2P7VHjs.ImagePreview,
+      _chunkI6VHGILWjs.ImagePreview,
       {
         open: previewVisible,
         images: [src],

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-KDXKF6B2.mjs → chunk-MZPKFMQC.mjs}

@@ -1,6 +1,6 @@
 import {
   useFormContext
-} from "./chunk-IZGXDHPB.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";