@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-SGXLMKMO.js → chunk-NQYE64IF.js}

@@ -49,6 +49,17 @@ var QRCode = _vue.defineComponent.call(void 0, {
       );
       const mSize = moduleSize.value;
       const modules = matrix.value;
+      const ariaLabel = _tigercatcore.resolveLocaleText.call(void 0, "QR Code", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.qrcode, 'optionalAccess', _3 => _3.ariaLabel]));
+      const expiredText = _tigercatcore.resolveLocaleText.call(void 0, 
+        "QR code expired",
+        _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.qrcode, 'optionalAccess', _6 => _6.expiredText])
+      );
+      const refreshText = _tigercatcore.resolveLocaleText.call(void 0, "Refresh", _optionalChain([mergedLocale, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.qrcode, 'optionalAccess', _9 => _9.refreshText]));
+      const loadingText = _tigercatcore.resolveLocaleText.call(void 0, 
+        "Loading...",
+        _optionalChain([mergedLocale, 'access', _10 => _10.value, 'optionalAccess', _11 => _11.qrcode, 'optionalAccess', _12 => _12.loadingText]),
+        _optionalChain([mergedLocale, 'access', _13 => _13.value, 'optionalAccess', _14 => _14.common, 'optionalAccess', _15 => _15.loadingText])
+      );
       const rects = modules.flatMap(
         (row, r) => row.map(
           (cell, c) => cell ? _vue.h.call(void 0, "rect", {
@@ -69,7 +80,7 @@ var QRCode = _vue.defineComponent.call(void 0, {
           viewBox: `0 0 ${props.size} ${props.size}`,
           xmlns: "http://www.w3.org/2000/svg",
           role: "img",
-          "aria-label": "QR Code"
+          "aria-label": ariaLabel
         },
         [_vue.h.call(void 0, "rect", { width: props.size, height: props.size, fill: props.bgColor }), ...rects]
       );
@@ -77,14 +88,14 @@ var QRCode = _vue.defineComponent.call(void 0, {
       if (props.status === "expired") {
         children.push(
           _vue.h.call(void 0, "div", { class: _tigercatcore.qrcodeOverlayClasses }, [
-            _vue.h.call(void 0, "span", { class: _tigercatcore.qrcodeExpiredTextClasses }, "QR code expired"),
+            _vue.h.call(void 0, "span", { class: _tigercatcore.qrcodeExpiredTextClasses }, expiredText),
             _vue.h.call(void 0, 
               "span",
               {
                 class: _tigercatcore.qrcodeRefreshClasses,
                 onClick: () => emit("refresh")
               },
-              "Refresh"
+              refreshText
             )
           ])
         );
@@ -92,11 +103,7 @@ var QRCode = _vue.defineComponent.call(void 0, {
       if (props.status === "loading") {
         children.push(
           _vue.h.call(void 0, "div", { class: _tigercatcore.qrcodeOverlayClasses }, [
-            _vue.h.call(void 0, 
-              "span",
-              { class: "text-sm text-gray-500" },
-              _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.loadingText]))
-            )
+            _vue.h.call(void 0, "span", { class: "text-sm text-gray-500" }, loadingText)
           ])
         );
       }

package/dist/{chunk-TAU447CL.js → chunk-OOMZBTHW.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 _chunkQUIRQ7OAjs = require('./chunk-QUIRQ7OA.js');
+var _chunkOVXDO6KJjs = require('./chunk-OVXDO6KJ.js');
 
 // src/components/DonutChart.ts
 var _vue = require('vue');
@@ -8,6 +8,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var DONUT_PALETTE = [
   "var(--tiger-chart-1,#5470c6)",
@@ -113,6 +115,10 @@ var DonutChart = _vue.defineComponent.call(void 0, {
       type: Number,
       default: 8
     },
+    legendFormatter: {
+      type: Function,
+      default: void 0
+    },
     // Tooltip props
     showTooltip: {
       type: Boolean,
@@ -173,6 +179,10 @@ var DonutChart = _vue.defineComponent.call(void 0, {
   setup(props, { emit }) {
     const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
     const pad = _vue.computed.call(void 0, () => _tigercatcore.normalizeChartPadding.call(void 0, props.padding));
+    const entered = _vue.ref.call(void 0, false);
+    _vue.onMounted.call(void 0, () => {
+      if (props.animated) entered.value = true;
+    });
     const resolvedOuterRadius = _vue.computed.call(void 0, () => {
       if (typeof props.outerRadius === "number") return Math.max(0, props.outerRadius);
       return Math.max(0, Math.min(innerRect.value.width, innerRect.value.height) / 2);
@@ -216,7 +226,7 @@ var DonutChart = _vue.defineComponent.call(void 0, {
       emit("slice-hover", datum, index);
     };
     return () => {
-      const pie = _vue.h.call(void 0, _chunkQUIRQ7OAjs.PieChart, {
+      const pie = _vue.h.call(void 0, _chunkOVXDO6KJjs.PieChart, {
         width: props.width,
         height: props.height,
         padding: props.padding,
@@ -245,6 +255,7 @@ var DonutChart = _vue.defineComponent.call(void 0, {
         legendPosition: props.legendPosition,
         legendMarkerSize: props.legendMarkerSize,
         legendGap: props.legendGap,
+        legendFormatter: props.legendFormatter,
         showTooltip: props.showTooltip,
         tooltipFormatter: donutTooltipFormatter.value,
         title: props.title,
@@ -294,7 +305,18 @@ var DonutChart = _vue.defineComponent.call(void 0, {
           ) : null
         ]
       ) : null;
-      return _vue.h.call(void 0, "div", { class: "inline-block relative", "data-donut-chart": "true" }, [pie, center]);
+      const styleNode = props.animated && entered.value ? _vue.h.call(void 0, "style", null, _tigercatcore.DONUT_ENTRANCE_KEYFRAMES) : null;
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.classNames.call(void 0, 
+            "inline-block relative",
+            props.animated && entered.value && _tigercatcore.DONUT_ENTRANCE_CLASS
+          ),
+          "data-donut-chart": "true"
+        },
+        [styleNode, pie, center]
+      );
     };
   }
 });

package/dist/{chunk-DUMPRNDR.js → chunk-OQBWITHA.js}

@@ -1,4 +1,4 @@
-"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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
@@ -102,9 +102,7 @@ var ImageViewer = _vue.defineComponent.call(void 0, {
   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 closeText = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveLocaleText.call(void 0, "Close", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.closeText]))
-    );
+    const labels = _vue.computed.call(void 0, () => _tigercatcore.getImageViewerLabels.call(void 0, mergedLocale.value));
     const index = _vue.ref.call(void 0, props.currentIndex);
     const transform = _vue.ref.call(void 0, _tigercatcore.createDefaultTransform.call(void 0, ));
     let panState = _tigercatcore.createPanState.call(void 0, );
@@ -256,10 +254,10 @@ var ImageViewer = _vue.defineComponent.call(void 0, {
           {
             class: _tigercatcore.imageViewerCloseBtnClasses,
             onClick: handleClose,
-            "aria-label": closeText.value,
+            "aria-label": labels.value.closeAriaLabel,
             type: "button"
           },
-          createSvgIcon(_tigercatcore.imageViewerIcons.close, closeText.value)
+          createSvgIcon(_tigercatcore.imageViewerIcons.close, labels.value.closeAriaLabel)
         )
       );
       if (props.showNav && props.images.length > 1) {
@@ -269,20 +267,20 @@ var ImageViewer = _vue.defineComponent.call(void 0, {
             {
               class: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "left-4"),
               onClick: handlePrev,
-              "aria-label": "Previous image",
+              "aria-label": labels.value.previousImageAriaLabel,
               type: "button"
             },
-            createSvgIcon(_tigercatcore.imageViewerIcons.prev, "Previous")
+            createSvgIcon(_tigercatcore.imageViewerIcons.prev, labels.value.previousImageAriaLabel)
           ),
           _vue.h.call(void 0, 
             "button",
             {
               class: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "right-4"),
               onClick: handleNext,
-              "aria-label": "Next image",
+              "aria-label": labels.value.nextImageAriaLabel,
               type: "button"
             },
-            createSvgIcon(_tigercatcore.imageViewerIcons.next, "Next")
+            createSvgIcon(_tigercatcore.imageViewerIcons.next, labels.value.nextImageAriaLabel)
           )
         );
       }
@@ -314,20 +312,20 @@ var ImageViewer = _vue.defineComponent.call(void 0, {
             {
               class: _tigercatcore.imageViewerToolbarBtnClasses,
               onClick: handleZoomOut,
-              "aria-label": "Zoom out",
+              "aria-label": labels.value.zoomOutAriaLabel,
               type: "button"
             },
-            createSvgIcon(_tigercatcore.imageViewerIcons.zoomOut, "Zoom out")
+            createSvgIcon(_tigercatcore.imageViewerIcons.zoomOut, labels.value.zoomOutAriaLabel)
           ),
           _vue.h.call(void 0, 
             "button",
             {
               class: _tigercatcore.imageViewerToolbarBtnClasses,
               onClick: handleZoomIn,
-              "aria-label": "Zoom in",
+              "aria-label": labels.value.zoomInAriaLabel,
               type: "button"
             },
-            createSvgIcon(_tigercatcore.imageViewerIcons.zoomIn, "Zoom in")
+            createSvgIcon(_tigercatcore.imageViewerIcons.zoomIn, labels.value.zoomInAriaLabel)
           )
         );
       }
@@ -338,20 +336,20 @@ var ImageViewer = _vue.defineComponent.call(void 0, {
             {
               class: _tigercatcore.imageViewerToolbarBtnClasses,
               onClick: handleRotateLeft,
-              "aria-label": "Rotate left",
+              "aria-label": labels.value.rotateLeftAriaLabel,
               type: "button"
             },
-            createSvgIcon(_tigercatcore.imageViewerIcons.rotateLeft, "Rotate left")
+            createSvgIcon(_tigercatcore.imageViewerIcons.rotateLeft, labels.value.rotateLeftAriaLabel)
           ),
           _vue.h.call(void 0, 
             "button",
             {
               class: _tigercatcore.imageViewerToolbarBtnClasses,
               onClick: handleRotateRight,
-              "aria-label": "Rotate right",
+              "aria-label": labels.value.rotateRightAriaLabel,
               type: "button"
             },
-            createSvgIcon(_tigercatcore.imageViewerIcons.rotateRight, "Rotate right")
+            createSvgIcon(_tigercatcore.imageViewerIcons.rotateRight, labels.value.rotateRightAriaLabel)
           )
         );
       }
@@ -369,7 +367,7 @@ var ImageViewer = _vue.defineComponent.call(void 0, {
           ),
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": "Image viewer",
+          "aria-label": labels.value.dialogAriaLabel,
           onClick: (e) => {
             if (props.maskClosable && e.target === e.currentTarget) {
               handleClose();

package/dist/{chunk-Z6HBM73W.js → chunk-OQOJI5Q7.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 _chunkODQOYMUQjs = require('./chunk-ODQOYMUQ.js');
+var _chunkBYNTPLGCjs = require('./chunk-BYNTPLGC.js');
 
 // src/components/Avatar.ts
 var _vue = require('vue');
@@ -88,7 +88,7 @@ var Avatar = _vue.defineComponent.call(void 0, {
   },
   setup(props, { slots, attrs }) {
     const imageError = _vue.ref.call(void 0, false);
-    const group = _vue.inject.call(void 0, _chunkODQOYMUQjs.AVATAR_GROUP_INJECTION_KEY, null);
+    const group = _vue.inject.call(void 0, _chunkBYNTPLGCjs.AVATAR_GROUP_INJECTION_KEY, null);
     const hasImage = _vue.computed.call(void 0, () => Boolean(props.src) && !imageError.value);
     const resolvedSize = _vue.computed.call(void 0, () => _nullishCoalesce(_nullishCoalesce(props.size, () => ( _optionalChain([group, 'optionalAccess', _ => _.size]))), () => ( "md")));
     const avatarClasses = _vue.computed.call(void 0, 

package/dist/{chunk-RKL4Y7CW.mjs → chunk-OSPHI5TV.mjs}

@@ -1,15 +1,15 @@
 import {
   Table
-} from "./chunk-KH2CF6JU.mjs";
+} from "./chunk-LGDJDBE3.mjs";
 import {
   Select
-} from "./chunk-QAMXVTNN.mjs";
+} from "./chunk-QH3YF5B6.mjs";
 import {
   Popover
 } from "./chunk-6OQLZCQK.mjs";
 import {
   Input
-} from "./chunk-2WJADO6O.mjs";
+} from "./chunk-DZFM7H3M.mjs";
 import {
   Checkbox
 } from "./chunk-UKMOWUYH.mjs";
@@ -151,6 +151,90 @@ var DataTableWithToolbar = defineComponent({
       type: Function,
       default: void 0
     },
+    cardSelectionPosition: {
+      type: String,
+      default: void 0
+    },
+    cardPadding: {
+      type: [String, Boolean],
+      default: void 0
+    },
+    cardFieldGap: {
+      type: String,
+      default: void 0
+    },
+    expandable: {
+      type: Object,
+      default: void 0
+    },
+    virtual: {
+      type: Boolean,
+      default: void 0
+    },
+    autoVirtual: {
+      type: Boolean,
+      default: void 0
+    },
+    virtualHeight: {
+      type: Number,
+      default: void 0
+    },
+    virtualItemHeight: {
+      type: Number,
+      default: void 0
+    },
+    autoVirtualThreshold: {
+      type: Number,
+      default: void 0
+    },
+    virtualThreshold: {
+      type: Number,
+      default: void 0
+    },
+    editable: {
+      type: Boolean,
+      default: void 0
+    },
+    editableCells: {
+      type: Object,
+      default: void 0
+    },
+    filterMode: {
+      type: String,
+      default: void 0
+    },
+    advancedFilterRules: {
+      type: Array,
+      default: void 0
+    },
+    columnDraggable: {
+      type: Boolean,
+      default: void 0
+    },
+    rowDraggable: {
+      type: Boolean,
+      default: void 0
+    },
+    summaryRow: {
+      type: Object,
+      default: void 0
+    },
+    groupBy: {
+      type: String,
+      default: void 0
+    },
+    exportable: {
+      type: Boolean,
+      default: void 0
+    },
+    exportFormat: {
+      type: String,
+      default: void 0
+    },
+    exportFilename: {
+      type: String,
+      default: void 0
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -656,6 +740,29 @@ var DataTableWithToolbar = defineComponent({
         cardLayout: props.cardLayout,
         cardClassName: props.cardClassName,
         renderCard: props.renderCard,
+        // Forward advanced Table capabilities only when explicitly provided so
+        // Table's own defaults are preserved.
+        ...props.cardSelectionPosition !== void 0 ? { cardSelectionPosition: props.cardSelectionPosition } : {},
+        ...props.cardPadding !== void 0 ? { cardPadding: props.cardPadding } : {},
+        ...props.cardFieldGap !== void 0 ? { cardFieldGap: props.cardFieldGap } : {},
+        ...props.expandable !== void 0 ? { expandable: props.expandable } : {},
+        ...props.virtual !== void 0 ? { virtual: props.virtual } : {},
+        ...props.autoVirtual !== void 0 ? { autoVirtual: props.autoVirtual } : {},
+        ...props.virtualHeight !== void 0 ? { virtualHeight: props.virtualHeight } : {},
+        ...props.virtualItemHeight !== void 0 ? { virtualItemHeight: props.virtualItemHeight } : {},
+        ...props.autoVirtualThreshold !== void 0 ? { autoVirtualThreshold: props.autoVirtualThreshold } : {},
+        ...props.virtualThreshold !== void 0 ? { virtualThreshold: props.virtualThreshold } : {},
+        ...props.editable !== void 0 ? { editable: props.editable } : {},
+        ...props.editableCells !== void 0 ? { editableCells: props.editableCells } : {},
+        ...props.filterMode !== void 0 ? { filterMode: props.filterMode } : {},
+        ...props.advancedFilterRules !== void 0 ? { advancedFilterRules: props.advancedFilterRules } : {},
+        ...props.columnDraggable !== void 0 ? { columnDraggable: props.columnDraggable } : {},
+        ...props.rowDraggable !== void 0 ? { rowDraggable: props.rowDraggable } : {},
+        ...props.summaryRow !== void 0 ? { summaryRow: props.summaryRow } : {},
+        ...props.groupBy !== void 0 ? { groupBy: props.groupBy } : {},
+        ...props.exportable !== void 0 ? { exportable: props.exportable } : {},
+        ...props.exportFormat !== void 0 ? { exportFormat: props.exportFormat } : {},
+        ...props.exportFilename !== void 0 ? { exportFilename: props.exportFilename } : {},
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange

package/dist/{chunk-QUIRQ7OA.js → chunk-OVXDO6KJ.js}

@@ -3,13 +3,13 @@
 var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
 
-var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+var _chunkKLOUOXNAjs = require('./chunk-KLOUOXNA.js');
 
 
 var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
 
 
-var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
 
 
 var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
@@ -123,6 +123,10 @@ var PieChart = _vue.defineComponent.call(void 0, {
       type: Number,
       default: 8
     },
+    legendFormatter: {
+      type: Function,
+      default: void 0
+    },
     // Tooltip props
     showTooltip: {
       type: Boolean,
@@ -217,7 +221,7 @@ var PieChart = _vue.defineComponent.call(void 0, {
         data: props.data,
         palette: palette.value,
         activeIndex: activeIndex.value,
-        getLabel: (d) => _nullishCoalesce(d.label, () => ( `${d.value}`)),
+        getLabel: (d, i) => props.legendFormatter ? props.legendFormatter(d, i) : _nullishCoalesce(d.label, () => ( `${d.value}`)),
         getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette.value[i % palette.value.length]))
       })
     );
@@ -388,7 +392,7 @@ var PieChart = _vue.defineComponent.call(void 0, {
           }
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkAYQER5UDjs.ChartTooltip, {
         content: tooltipContent.value,
         visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
@@ -399,7 +403,7 @@ var PieChart = _vue.defineComponent.call(void 0, {
       }
       return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
         chart,
-        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
+        _vue.h.call(void 0, _chunkKLOUOXNAjs.ChartLegend, {
           items: legendItems.value,
           position: props.legendPosition,
           markerSize: props.legendMarkerSize,

package/dist/{chunk-DMV26JNR.mjs → chunk-PD2PKYJE.mjs}

@@ -9,7 +9,9 @@ import {
   clampDimensions,
   applyAspectRatio,
   defaultResizeHandles,
-  createDocumentDragSession
+  createDocumentDragSession,
+  getResizeKeyboardDelta,
+  getResizeHandleOrientation
 } from "@expcat/tigercat-core";
 var Resizable = defineComponent({
   name: "TigerResizable",
@@ -130,17 +132,67 @@ var Resizable = defineComponent({
         deltaY: clamped.height - startHeight.value
       });
     };
+    const onKeyDown = (handle, e) => {
+      if (props.disabled) return;
+      const delta = getResizeKeyboardDelta(e.key);
+      if (!delta) return;
+      e.preventDefault();
+      const startW = width.value ?? 0;
+      const startH = height.value ?? 0;
+      const { deltaWidth, deltaHeight } = calculateResizeDelta(
+        handle,
+        delta.deltaX,
+        delta.deltaY,
+        props.axis
+      );
+      let newW = startW + deltaWidth;
+      let newH = startH + deltaHeight;
+      if (props.lockAspectRatio) {
+        const ar = applyAspectRatio(newW, newH, startW, startH);
+        newW = ar.width;
+        newH = ar.height;
+      }
+      const clamped = clampDimensions(
+        newW,
+        newH,
+        props.minWidth,
+        props.minHeight,
+        props.maxWidth,
+        props.maxHeight
+      );
+      width.value = clamped.width;
+      height.value = clamped.height;
+      const evt = {
+        width: clamped.width,
+        height: clamped.height,
+        handle,
+        deltaX: clamped.width - startW,
+        deltaY: clamped.height - startH
+      };
+      emit("resize", evt);
+      emit("resize-end", evt);
+    };
     onBeforeUnmount(() => {
       cleanupDragSession();
     });
     return () => {
-      const handleNodes = props.handles.map(
-        (pos) => h("div", {
+      const handleNodes = props.handles.map((pos) => {
+        const usesHeight = pos === "top" || pos === "bottom";
+        const valueNow = Math.round((usesHeight ? height.value : width.value) ?? 0);
+        return h("div", {
           class: getResizableHandleClasses(pos, draggingHandle.value === pos, props.disabled),
           "data-handle": pos,
-          onMousedown: (e) => onMouseDown(pos, e)
-        })
-      );
+          role: "separator",
+          "aria-label": `Resize ${pos}`,
+          "aria-orientation": getResizeHandleOrientation(pos),
+          "aria-valuenow": valueNow,
+          "aria-valuemin": usesHeight ? props.minHeight : props.minWidth,
+          "aria-valuemax": usesHeight ? props.maxHeight : props.maxWidth,
+          tabindex: props.disabled ? -1 : 0,
+          onMousedown: (e) => onMouseDown(pos, e),
+          onKeydown: (e) => onKeyDown(pos, e)
+        });
+      });
       return h(
         "div",
         {

package/dist/{chunk-LG55VN6B.js → chunk-PFZFPN7M.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 _chunkTXQEHRQBjs = require('./chunk-TXQEHRQB.js');
+var _chunkD6Y3KVJFjs = require('./chunk-D6Y3KVJF.js');
 
 
 var _chunkRBWJSHKRjs = require('./chunk-RBWJSHKR.js');
@@ -9,7 +9,7 @@ var _chunkRBWJSHKRjs = require('./chunk-RBWJSHKR.js');
 var _chunk2DC3BMEDjs = require('./chunk-2DC3BMED.js');
 
 
-var _chunkBPAZBRCRjs = require('./chunk-BPAZBRCR.js');
+var _chunkVUGFSHU2js = require('./chunk-VUGFSHU2.js');
 
 
 var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
@@ -18,7 +18,7 @@ var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
 var _chunkUG6O4F2Ajs = require('./chunk-UG6O4F2A.js');
 
 
-var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
+var _chunkOQOJI5Q7js = require('./chunk-OQOJI5Q7.js');
 
 // src/components/ActivityFeed.ts
 var _vue = require('vue');
@@ -147,7 +147,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
         },
         [
           _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemLayoutClasses }, [
-            props.showAvatar && item.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.Avatar, {
+            props.showAvatar && item.user ? _vue.h.call(void 0, _chunkOQOJI5Q7js.Avatar, {
               size: "sm",
               src: item.user.avatar,
               text: item.user.name,
@@ -167,11 +167,11 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
                     { default: () => titleText }
                   ) : null,
                   item.status ? _vue.h.call(void 0, 
-                    _chunkBPAZBRCRjs.Tag,
+                    _chunkVUGFSHU2js.Tag,
                     {
                       variant: _nullishCoalesce(item.status.variant, () => ( "default")),
                       size: "sm",
-                      className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10 shadow-sm"
+                      className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10 shadow-sm"
                     },
                     { default: () => _optionalChain([item, 'access', _6 => _6.status, 'optionalAccess', _7 => _7.label]) }
                   ) : null
@@ -328,7 +328,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
               )
             ]))) : null,
             _vue.h.call(void 0, 
-              _chunkTXQEHRQBjs.Timeline,
+              _chunkD6Y3KVJFjs.Timeline,
               {
                 items: timelineItems,
                 style: {