@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-P7RXZVLT.js → chunk-J77GQQEC.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/AutoComplete.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/AutoComplete.ts
 
 
 
@@ -25,6 +29,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var autoCompleteInstanceId = 0;
 var ClearIcon = _vue.h.call(void 0, 
@@ -72,7 +78,7 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
     },
     notFoundText: {
       type: String,
-      default: "No matches found"
+      default: void 0
     },
     filterOption: {
       type: [Boolean, Function],
@@ -85,10 +91,16 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
     allowFreeInput: {
       type: Boolean,
       default: true
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "select", "search", "change"],
   setup(props, { emit, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
     const instanceId = ++autoCompleteInstanceId;
     const listboxId = `tiger-autocomplete-listbox-${instanceId}`;
     const isOpen = _vue.ref.call(void 0, false);
@@ -120,6 +132,25 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
       isOpen.value = false;
       activeIndex.value = -1;
     }
+    function constrainToOption() {
+      if (props.allowFreeInput) return;
+      const match = props.options.find((o) => !o.disabled && o.label === inputValue.value);
+      if (match) {
+        if (String(match.value) !== String(props.modelValue)) {
+          emit("update:modelValue", match.value);
+          emit("select", match.value, match);
+          emit("change", match.value);
+        }
+        return;
+      }
+      const current = props.options.find((o) => String(o.value) === String(props.modelValue));
+      const revertLabel = current ? current.label : "";
+      if (revertLabel !== inputValue.value) {
+        inputValue.value = revertLabel;
+        emit("update:modelValue", current ? current.value : "");
+        emit("change", current ? current.value : "");
+      }
+    }
     function handleInput(e) {
       const val = e.target.value;
       inputValue.value = val;
@@ -167,6 +198,9 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
           e.preventDefault();
           if (activeIndex.value >= 0 && activeIndex.value < options.length) {
             handleSelect(options[activeIndex.value]);
+          } else {
+            constrainToOption();
+            closeDropdown();
           }
           break;
         case "Escape":
@@ -216,7 +250,8 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
             autocomplete: "off",
             onInput: handleInput,
             onFocus: openDropdown,
-            onKeydown: handleKeyDown
+            onKeydown: handleKeyDown,
+            onBlur: constrainToOption
           }),
           // Clear button
           showClearButton.value ? _vue.h.call(void 0, 
@@ -224,7 +259,7 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
             {
               type: "button",
               class: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-autocomplete-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-autocomplete-clear-hover,var(--tiger-text,#111827))] transition-colors",
-              "aria-label": "Clear",
+              "aria-label": _tigercatcore.resolveLocaleText.call(void 0, "Clear", _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.clearText])),
               onClick: handleClear
             },
             [ClearIcon]
@@ -250,6 +285,7 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
                     !!option.disabled,
                     props.size
                   ),
+                  onMousedown: (e) => e.preventDefault(),
                   onClick: () => handleSelect(option),
                   onMouseenter: () => {
                     activeIndex.value = index;
@@ -263,7 +299,11 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
             {
               class: _tigercatcore.classNames.call(void 0, _tigercatcore.autoCompleteDropdownClasses, _tigercatcore.autoCompleteEmptyStateClasses)
             },
-            props.notFoundText
+            _tigercatcore.resolveLocaleText.call(void 0, 
+              "No matches found",
+              props.notFoundText,
+              _optionalChain([mergedLocale, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.common, 'optionalAccess', _9 => _9.emptyText])
+            )
           ) : null
         ]
       );

package/dist/{chunk-ZIOGRGN5.mjs → chunk-JCGWN7WV.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/InfiniteScroll.ts
 import { defineComponent, h, ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
 import {
@@ -5,6 +9,8 @@ import {
   coerceClassValue,
   shouldLoadMore,
   createInfiniteScrollObserver,
+  resolveLocaleText,
+  mergeTigerLocale,
   getInfiniteScrollContainerClasses,
   infiniteScrollLoaderClasses,
   infiniteScrollEndClasses,
@@ -17,8 +23,9 @@ var InfiniteScroll = defineComponent({
     hasMore: { type: Boolean, default: true },
     loading: { type: Boolean, default: false },
     threshold: { type: Number, default: 100 },
-    loadingText: { type: String, default: "Loading..." },
-    endText: { type: String, default: "No more data" },
+    loadingText: { type: String, default: void 0 },
+    endText: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 },
     direction: {
       type: String,
       default: "vertical"
@@ -29,6 +36,8 @@ var InfiniteScroll = defineComponent({
   },
   emits: ["load-more"],
   setup(props, { emit, slots, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const containerRef = ref(null);
     const sentinelRef = ref(null);
     let cleanupObserver = null;
@@ -62,6 +71,7 @@ var InfiniteScroll = defineComponent({
         threshold: props.threshold,
         direction: props.direction,
         root: containerRef.value,
+        inverse: props.inverse,
         onLoadMore: handleLoadMore
       });
       if (teardown) {
@@ -97,9 +107,21 @@ var InfiniteScroll = defineComponent({
           role: "status",
           "aria-live": "polite"
         },
-        slots.loader?.() ?? props.loadingText
+        slots.loader?.() ?? resolveLocaleText(
+          "Loading...",
+          props.loadingText,
+          mergedLocale.value?.common?.loadingText
+        )
+      ) : null;
+      const end = !props.hasMore && !props.loading ? h(
+        "div",
+        { class: infiniteScrollEndClasses },
+        slots.end?.() ?? resolveLocaleText(
+          "No more data",
+          props.endText,
+          mergedLocale.value?.common?.noMoreText
+        )
       ) : null;
-      const end = !props.hasMore && !props.loading ? h("div", { class: infiniteScrollEndClasses }, slots.end?.() ?? props.endText) : null;
       const children = props.inverse ? [sentinel, loader, content, end] : [content, sentinel, loader, end];
       return h(
         "div",

package/dist/{chunk-Q4MH333P.js → chunk-JCPTFBLY.js}

@@ -66,7 +66,7 @@ var CheckboxGroup = _vue.defineComponent.call(void 0, {
     const internalValue = _vue.ref.call(void 0, props.defaultValue);
     const isControlled = _vue.computed.call(void 0, () => props.modelValue !== void 0);
     const value = _vue.computed.call(void 0, () => {
-      return isControlled.value ? props.modelValue : internalValue.value;
+      return props.modelValue !== void 0 ? props.modelValue : internalValue.value;
     });
     const updateValue = (val, checked) => {
       if (props.disabled) return;

package/dist/{chunk-K5ZZZ4TL.mjs → chunk-JGW7R7AZ.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-R2HO74FE.mjs";
 import {
   ChartLegend
-} from "./chunk-VVS2CQS4.mjs";
+} from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
 import {
   ChartTooltip
-} from "./chunk-OK4PVFQG.mjs";
+} from "./chunk-G2LB4QCL.mjs";
 import {
   ChartCanvas
 } from "./chunk-W5RZPTFD.mjs";

package/dist/chunk-JICPYKCT.js

@@ -0,0 +1,297 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/VirtualTable.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var DEFAULT_VIRTUAL_COLUMN_WIDTH = 150;
+var VirtualTable = _vue.defineComponent.call(void 0, {
+  name: "TigerVirtualTable",
+  inheritAttrs: false,
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    rowHeight: { type: Number, default: 48 },
+    height: { type: Number, default: 400 },
+    width: { type: [Number, String], default: "auto" },
+    overscan: { type: Number, default: 5 },
+    stickyHeader: { type: Boolean, default: true },
+    virtualizeColumns: { type: Boolean, default: false },
+    rowKey: {
+      type: [String, Function],
+      default: void 0
+    },
+    rowClassName: {
+      type: [String, Function],
+      default: void 0
+    },
+    loading: { type: Boolean, default: false },
+    emptyText: { type: String, default: void 0 },
+    selectable: { type: Boolean, default: false },
+    selectedKeys: {
+      type: Array,
+      default: () => []
+    },
+    striped: { type: Boolean, default: false },
+    bordered: { type: Boolean, default: false },
+    className: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 }
+  },
+  emits: ["row-click", "select"],
+  setup(props, { emit, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
+    const containerRef = _vue.ref.call(void 0, null);
+    const scrollTop = _vue.ref.call(void 0, 0);
+    const scrollLeft = _vue.ref.call(void 0, 0);
+    const range = _vue.computed.call(void 0, 
+      () => _tigercatcore.calculateVirtualRange.call(void 0, 
+        scrollTop.value,
+        props.height,
+        props.data.length,
+        props.rowHeight,
+        props.overscan
+      )
+    );
+    const visibleData = _vue.computed.call(void 0, () => props.data.slice(range.value.start, range.value.end));
+    function onScroll() {
+      if (containerRef.value) {
+        scrollTop.value = containerRef.value.scrollTop;
+        scrollLeft.value = containerRef.value.scrollLeft;
+      }
+    }
+    const columnWidths = _vue.computed.call(void 0, 
+      () => props.columns.map(
+        (c) => typeof c.width === "number" ? c.width : DEFAULT_VIRTUAL_COLUMN_WIDTH
+      )
+    );
+    const resolveRowClassName = (row, index) => typeof props.rowClassName === "function" ? props.rowClassName(row, index) : props.rowClassName;
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getVirtualTableContainerClasses.call(void 0, props.bordered, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      )
+    );
+    const selectedSet = _vue.computed.call(void 0, () => new Set(props.selectedKeys));
+    const fixedInfo = _vue.computed.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, props.columns));
+    return () => {
+      const fi = fixedInfo.value;
+      const colVirtualActive = props.virtualizeColumns && !fi.hasFixedColumns && props.width !== "auto";
+      const colRange = colVirtualActive ? _tigercatcore.calculateVirtualColumnRange.call(void 0, scrollLeft.value, props.width, columnWidths.value) : void 0;
+      const visibleColumns = colRange ? props.columns.slice(colRange.start, colRange.end) : props.columns;
+      const colIndexOffset = colRange ? colRange.start : 0;
+      const colgroupEntries = fi.hasFixedColumns ? _tigercatcore.getTableColgroup.call(void 0, {
+        columns: visibleColumns,
+        size: "md",
+        hasSelectionColumn: false,
+        expand: false
+      }) : [];
+      const headerCells = visibleColumns.map((col) => {
+        const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+        const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fi);
+        return _vue.h.call(void 0, 
+          "th",
+          {
+            key: col.key,
+            class: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.virtualTableHeaderCellClasses,
+              _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
+                view: "virtual-table",
+                column: col,
+                stickyHeader: props.stickyHeader,
+                fixedInfo: fi
+              })
+            ),
+            style: { ...widthStyle, ...stickyStyle }
+          },
+          _nullishCoalesce(col.title, () => ( ""))
+        );
+      });
+      const headerRowChildren = [
+        colRange && colRange.leftPad > 0 ? _vue.h.call(void 0, "th", {
+          key: "__left-pad",
+          "aria-hidden": true,
+          style: { width: `${colRange.leftPad}px`, padding: 0 }
+        }) : null,
+        ...headerCells,
+        colRange && colRange.rightPad > 0 ? _vue.h.call(void 0, "th", {
+          key: "__right-pad",
+          "aria-hidden": true,
+          style: { width: `${colRange.rightPad}px`, padding: 0 }
+        }) : null
+      ];
+      const headerRow = _vue.h.call(void 0, "tr", {}, headerRowChildren);
+      const thead = _vue.h.call(void 0, 
+        "thead",
+        { class: props.stickyHeader ? _tigercatcore.virtualTableHeaderClasses : void 0 },
+        [headerRow]
+      );
+      const rows = visibleData.value.map((row, localIdx) => {
+        const globalIdx = range.value.start + localIdx;
+        const key = _tigercatcore.getVirtualRowKey.call(void 0, 
+          row,
+          globalIdx,
+          props.rowKey
+        );
+        const isSelected = selectedSet.value.has(key);
+        const isInteractive = props.selectable || typeof attrs.onRowClick === "function";
+        const activate = () => {
+          emit("row-click", row, globalIdx);
+          if (props.selectable) emit("select", key, row, globalIdx);
+        };
+        const cells = visibleColumns.map(
+          (col, colIdx) => _vue.h.call(void 0, 
+            "td",
+            {
+              key: col.key,
+              "aria-colindex": colIndexOffset + colIdx + 1,
+              class: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.virtualTableCellClasses,
+                _tigercatcore.getTableFixedCellClasses.call(void 0, {
+                  view: "virtual-table",
+                  column: col,
+                  record: row,
+                  rowIndex: globalIdx,
+                  striped: props.striped,
+                  stripedActive: props.striped && globalIdx % 2 === 1,
+                  selected: isSelected,
+                  hoverable: true,
+                  fixedInfo: fi,
+                  selectedClassName: _tigercatcore.virtualTableFixedCellSelectedClasses
+                })
+              ),
+              style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fi)
+            },
+            String(_nullishCoalesce(row[col.key], () => ( "")))
+          )
+        );
+        const rowChildren = [
+          colRange && colRange.leftPad > 0 ? _vue.h.call(void 0, "td", {
+            key: "__left-pad",
+            "aria-hidden": true,
+            style: { width: `${colRange.leftPad}px`, padding: 0 }
+          }) : null,
+          ...cells,
+          colRange && colRange.rightPad > 0 ? _vue.h.call(void 0, "td", {
+            key: "__right-pad",
+            "aria-hidden": true,
+            style: { width: `${colRange.rightPad}px`, padding: 0 }
+          }) : null
+        ];
+        return _vue.h.call(void 0, 
+          "tr",
+          {
+            key,
+            class: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, props.striped, isSelected),
+              resolveRowClassName(row, globalIdx)
+            ),
+            // header occupies aria-rowindex 1
+            "aria-rowindex": globalIdx + 2,
+            "aria-selected": props.selectable ? isSelected : void 0,
+            tabindex: isInteractive ? 0 : void 0,
+            // onClick stays attached so `row-click` always fires for consumers
+            // that listen for it; keyboard activation is added when interactive.
+            onClick: activate,
+            onKeydown: isInteractive ? (e) => {
+              if (_tigercatcore.isActivationKey.call(void 0, e)) {
+                e.preventDefault();
+                activate();
+              }
+            } : void 0
+          },
+          rowChildren
+        );
+      });
+      const topSpacer = _vue.h.call(void 0, "tr", {
+        key: "__top-spacer",
+        style: { height: `${range.value.offsetTop}px` },
+        "aria-hidden": true
+      });
+      const bottomHeight = range.value.totalHeight - range.value.end * props.rowHeight;
+      const bottomSpacer = bottomHeight > 0 ? _vue.h.call(void 0, "tr", {
+        key: "__bottom-spacer",
+        style: { height: `${bottomHeight}px` },
+        "aria-hidden": true
+      }) : null;
+      const tbody = _vue.h.call(void 0, "tbody", {}, [topSpacer, ...rows, bottomSpacer]);
+      const colgroup = colgroupEntries.length > 0 ? _vue.h.call(void 0, 
+        "colgroup",
+        {},
+        colgroupEntries.map(
+          (entry) => _vue.h.call(void 0, "col", {
+            key: entry.key,
+            "data-tiger-table-col": entry.key,
+            style: entry.width ? { width: entry.width } : void 0
+          })
+        )
+      ) : null;
+      const table = _vue.h.call(void 0, "table", { class: _tigercatcore.classNames.call(void 0, _tigercatcore.tableBaseClasses, "table-fixed") }, [
+        colgroup,
+        thead,
+        tbody
+      ]);
+      const emptyEl = props.data.length === 0 && !props.loading ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.virtualTableEmptyClasses },
+        _tigercatcore.resolveLocaleText.call(void 0, "No data", props.emptyText, _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.emptyText]))
+      ) : null;
+      const loadingEl = props.loading ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.virtualTableLoadingClasses },
+        _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.loadingText]))
+      ) : null;
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ref: containerRef,
+          class: containerClasses.value,
+          style: {
+            height: `${props.height}px`,
+            ...props.width !== "auto" ? { width: `${props.width}px` } : {}
+          },
+          onScroll,
+          role: "grid",
+          "aria-rowcount": props.data.length
+        },
+        [table, emptyEl, loadingEl]
+      );
+    };
+  }
+});
+var VirtualTable_default = VirtualTable;
+
+
+
+
+exports.VirtualTable = VirtualTable; exports.VirtualTable_default = VirtualTable_default;

package/dist/{chunk-S6K6IR3Y.js → chunk-JMRR4KDB.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(); } } 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 _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
 // src/components/Upload.ts
 var _vue = require('vue');
@@ -196,7 +196,7 @@ var Upload = _vue.defineComponent.call(void 0, {
     const inputRef = _vue.ref.call(void 0, null);
     const isDragging = _vue.ref.call(void 0, false);
     const spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
-    const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
     const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
     const labels = _vue.computed.call(void 0, () => _tigercatcore.getUploadLabels.call(void 0, mergedLocale.value, props.labels));
     const isControlled = _vue.computed.call(void 0, () => props.fileList !== void 0);
@@ -615,7 +615,7 @@ var Upload = _vue.defineComponent.call(void 0, {
           _vue.h.call(void 0, 
             "div",
             {
-              class: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100"
+              class: "absolute inset-0 bg-black/0 hover:bg-black/50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100"
             },
             [
               // Preview button
@@ -692,7 +692,7 @@ var Upload = _vue.defineComponent.call(void 0, {
           file.status === "uploading" && _vue.h.call(void 0, 
             "div",
             {
-              class: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center"
+              class: "absolute inset-0 bg-white/75 flex items-center justify-center"
             },
             [
               _vue.h.call(void 0, 

package/dist/{chunk-KDA4XDXT.js → chunk-K2NJI5MW.js}

@@ -1,6 +1,6 @@
 "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 _chunkX6FG4RPFjs = require('./chunk-X6FG4RPF.js');
+var _chunkWF7KVMBYjs = require('./chunk-WF7KVMBY.js');
 
 // src/components/ImageGroup.ts
 var _vue = require('vue');
@@ -42,7 +42,7 @@ var ImageGroup = _vue.defineComponent.call(void 0, {
     });
     return () => {
       const children = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
-      const preview = props.preview ? _vue.h.call(void 0, _chunkX6FG4RPFjs.ImagePreview, {
+      const preview = props.preview ? _vue.h.call(void 0, _chunkWF7KVMBYjs.ImagePreview, {
         open: previewVisible.value,
         images: images.value,
         currentIndex: previewIndex.value,

package/dist/{chunk-ACYYQJ6M.js → chunk-KLOUOXNA.js}

@@ -57,7 +57,9 @@ var ChartLegend = _vue.defineComponent.call(void 0, {
       {
         class: containerClasses.value,
         style: containerStyle.value,
-        role: "list",
+        // A group of toggle buttons is not a "list"; only use list semantics
+        // for the static (non-interactive) legend.
+        role: props.interactive ? "group" : "list",
         "aria-label": "Chart legend",
         "data-chart-legend": "true"
       },
@@ -73,7 +75,10 @@ var ChartLegend = _vue.defineComponent.call(void 0, {
               props.interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
               item.active === false ? "opacity-50" : void 0
             ),
-            role: "listitem",
+            // Interactive items are real buttons; `role="listitem"` would
+            // override the button role, so it is only set for the static legend.
+            role: props.interactive ? void 0 : "listitem",
+            "aria-pressed": props.interactive ? item.active !== false : void 0,
             "data-legend-item": "true",
             onClick: props.interactive ? () => handleClick(item) : void 0,
             onMouseenter: props.interactive ? () => handleHover(item) : void 0,
@@ -91,7 +96,7 @@ var ChartLegend = _vue.defineComponent.call(void 0, {
               "aria-hidden": "true",
               "data-legend-marker": "true"
             }),
-            _vue.h.call(void 0, "span", { style: { marginRight: `${props.gap}px` } }, item.label)
+            _vue.h.call(void 0, "span", null, item.label)
           ]
         )
       )

package/dist/{chunk-G6ULKE6H.mjs → chunk-KRWKO2JQ.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Tag.ts
 import { defineComponent, computed, h, ref } from "vue";
 import {
@@ -14,7 +18,9 @@ import {
   tagSizeClasses,
   tagCloseButtonBaseClasses,
   tagCloseIconPath,
-  warnUnsupportedColorProp
+  warnUnsupportedColorProp,
+  getStatusLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var CloseIcon = () => h(
   "svg",
@@ -40,6 +46,10 @@ var Tag = defineComponent({
   name: "TigerTag",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     /**
      * Tag variant style
      * @default 'default'
@@ -70,7 +80,7 @@ var Tag = defineComponent({
      */
     closeAriaLabel: {
       type: String,
-      default: "Close tag"
+      default: void 0
     },
     /**
      * Additional CSS classes
@@ -89,6 +99,10 @@ var Tag = defineComponent({
   },
   emits: ["close"],
   setup(props, { slots, emit, attrs }) {
+    const config = useTigerConfig();
+    const labels = computed(
+      () => getStatusLabels(mergeTigerLocale(config.value.locale, props.locale))
+    );
     const isVisible = ref(true);
     const tagClasses = computed(
       () => classNames(
@@ -132,7 +146,7 @@ var Tag = defineComponent({
             {
               class: closeButtonClasses.value,
               onClick: handleClose,
-              "aria-label": props.closeAriaLabel,
+              "aria-label": props.closeAriaLabel ?? labels.value.tagCloseAriaLabel,
               type: "button"
             },
             CloseIcon()