@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-QZQYKC2N.js → chunk-GV3LRZSR.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}); 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 _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
@@ -33,6 +33,14 @@ var _tigercatcore = require('@expcat/tigercat-core');
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
+var MESSAGE_POSITIONS = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+];
 var messageInstances = _vue.ref.call(void 0, []);
 var IS_TEST_ENV = (() => {
   const proc = globalThis.process;
@@ -46,6 +54,10 @@ var MessageContainer = _vue.defineComponent.call(void 0, {
     position: {
       type: String,
       default: "top"
+    },
+    messages: {
+      type: Array,
+      default: () => []
     }
   },
   setup(props) {
@@ -111,20 +123,33 @@ var MessageContainer = _vue.defineComponent.call(void 0, {
         "div",
         {
           class: containerClasses.value,
-          id: MESSAGE_CONTAINER_ID,
+          id: props.position === "top" ? MESSAGE_CONTAINER_ID : `${MESSAGE_CONTAINER_ID}-${props.position}`,
           "aria-live": "polite",
           "aria-relevant": "additions",
+          "data-tiger-message-position": props.position,
           "data-tiger-message-container": ""
         },
-        IS_TEST_ENV ? messageInstances.value.map(renderMessageItem) : _vue.h.call(void 0, 
-          _vue.TransitionGroup,
-          { name: "message" },
-          () => messageInstances.value.map(renderMessageItem)
-        )
+        IS_TEST_ENV ? props.messages.map(renderMessageItem) : _vue.h.call(void 0, _vue.TransitionGroup, { name: "message" }, () => props.messages.map(renderMessageItem))
       )
     );
   }
 });
+var MessageHost = _vue.defineComponent.call(void 0, {
+  name: "TigerMessageHost",
+  setup() {
+    return () => MESSAGE_POSITIONS.map((position) => {
+      const positionedMessages = messageInstances.value.filter(
+        (message) => message.position === position
+      );
+      if (positionedMessages.length === 0) return null;
+      return _vue.h.call(void 0, MessageContainer, {
+        key: position,
+        position,
+        messages: positionedMessages
+      });
+    });
+  }
+});
 function ensureContainer() {
   if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
@@ -142,7 +167,7 @@ function ensureContainer() {
     rootEl.id = MESSAGE_CONTAINER_ROOT_ID;
     document.body.appendChild(rootEl);
   }
-  containerApp = _vue.createApp.call(void 0, MessageContainer);
+  containerApp = _vue.createApp.call(void 0, MessageHost);
   containerApp.mount(rootEl);
 }
 function addMessage(config) {
@@ -155,7 +180,8 @@ function addMessage(config) {
     closable: config.closable || false,
     onClose: config.onClose,
     icon: config.icon,
-    className: config.className
+    className: config.className,
+    position: _nullishCoalesce(config.position, () => ( "top"))
   };
   messageInstances.value.push(instance);
   ensureContainer();

package/dist/{chunk-W6ZFHHD3.mjs → chunk-GZWZP5AL.mjs}

@@ -1,5 +1,5 @@
 // src/components/AvatarGroup.ts
-import { defineComponent, h, provide } from "vue";
+import { defineComponent, h, provide, reactive, watch } from "vue";
 import {
   coerceClassValue,
   getAvatarGroupClasses,
@@ -28,10 +28,17 @@ var AvatarGroup = defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    provide(AVATAR_GROUP_INJECTION_KEY, {
+    const groupContext = reactive({
       size: props.size,
       itemClass: getAvatarGroupItemClasses()
     });
+    watch(
+      () => props.size,
+      (size) => {
+        groupContext.size = size;
+      }
+    );
+    provide(AVATAR_GROUP_INJECTION_KEY, groupContext);
     return () => {
       const children = slots.default?.() ?? [];
       const flatChildren = children.flatMap(

package/dist/{chunk-BYNMOQBB.js → chunk-H2XEJHGR.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/Input.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 _chunkDYSLYJ2Wjs = require('./chunk-DYSLYJ2W.js');
+
+// src/components/Input.ts
 var _vue = require('vue');
 
 
@@ -133,6 +137,12 @@ var Input = _vue.defineComponent.call(void 0, {
   },
   setup(props, { emit, attrs, slots }) {
     _tigercatcore.injectShakeStyle.call(void 0, );
+    const instance = _vue.getCurrentInstance.call(void 0, );
+    const inputGroup = _vue.inject.call(void 0, _chunkDYSLYJ2Wjs.INPUT_GROUP_INJECTION_KEY, null);
+    const effectiveSize = _vue.computed.call(void 0, () => {
+      const hasOwnSize = Object.prototype.hasOwnProperty.call(_nullishCoalesce(_optionalChain([instance, 'optionalAccess', _ => _.vnode, 'access', _2 => _2.props]), () => ( {})), "size");
+      return hasOwnSize ? props.size : _nullishCoalesce(_optionalChain([inputGroup, 'optionalAccess', _3 => _3.size]), () => ( props.size));
+    });
     const inputRef = _vue.ref.call(void 0, null);
     const wrapperRef = _vue.ref.call(void 0, null);
     const localValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( "")));
@@ -157,7 +167,7 @@ var Input = _vue.defineComponent.call(void 0, {
       }
     });
     const handleAnimationEnd = () => {
-      _optionalChain([wrapperRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.classList, 'access', _3 => _3.remove, 'call', _4 => _4(_tigercatcore.SHAKE_CLASS)]);
+      _optionalChain([wrapperRef, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.classList, 'access', _6 => _6.remove, 'call', _7 => _7(_tigercatcore.SHAKE_CLASS)]);
     };
     const hasPrefix = _vue.computed.call(void 0, () => !!slots.prefix || !!props.prefix);
     const hasSuffix = _vue.computed.call(void 0, 
@@ -166,7 +176,7 @@ var Input = _vue.defineComponent.call(void 0, {
     const activeError = _vue.computed.call(void 0, () => props.status === "error" && !!props.errorMessage);
     const inputClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.getInputClasses.call(void 0, {
-        size: props.size,
+        size: effectiveSize.value,
         status: props.status,
         hasPrefix: hasPrefix.value,
         hasSuffix: hasSuffix.value
@@ -192,7 +202,7 @@ var Input = _vue.defineComponent.call(void 0, {
       localValue.value = "";
       emit("update:modelValue", "");
       emit("clear");
-      _optionalChain([inputRef, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.focus, 'call', _7 => _7()]);
+      _optionalChain([inputRef, 'access', _8 => _8.value, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
     };
     const togglePasswordVisibility = () => {
       passwordVisible.value = !passwordVisible.value;
@@ -205,7 +215,11 @@ var Input = _vue.defineComponent.call(void 0, {
       const suffixNodes = [];
       if (activeError.value) {
         suffixNodes.push(
-          _vue.h.call(void 0, "div", { id: errorMsgId, class: _tigercatcore.getInputErrorClasses.call(void 0, props.size) }, props.errorMessage)
+          _vue.h.call(void 0, 
+            "div",
+            { id: errorMsgId, class: _tigercatcore.getInputErrorClasses.call(void 0, effectiveSize.value) },
+            props.errorMessage
+          )
         );
       } else {
         if (showClear) {
@@ -214,7 +228,7 @@ var Input = _vue.defineComponent.call(void 0, {
               "button",
               {
                 type: "button",
-                class: _tigercatcore.getInputClearButtonClasses.call(void 0, props.size),
+                class: _tigercatcore.getInputClearButtonClasses.call(void 0, effectiveSize.value),
                 onClick: handleClear,
                 "aria-label": "Clear input",
                 tabindex: -1
@@ -229,7 +243,7 @@ var Input = _vue.defineComponent.call(void 0, {
               "button",
               {
                 type: "button",
-                class: _tigercatcore.getInputPasswordToggleClasses.call(void 0, props.size),
+                class: _tigercatcore.getInputPasswordToggleClasses.call(void 0, effectiveSize.value),
                 onClick: togglePasswordVisibility,
                 "aria-label": passwordVisible.value ? "Hide password" : "Show password",
                 tabindex: -1
@@ -242,7 +256,7 @@ var Input = _vue.defineComponent.call(void 0, {
           suffixNodes.push(
             _vue.h.call(void 0, 
               "div",
-              { class: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", props.size) },
+              { class: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", effectiveSize.value) },
               slots.suffix ? slots.suffix() : props.suffix
             )
           );
@@ -251,7 +265,7 @@ var Input = _vue.defineComponent.call(void 0, {
       const wrapperChildren = [
         hasPrefix.value && _vue.h.call(void 0, 
           "div",
-          { class: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", props.size) },
+          { class: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", effectiveSize.value) },
           slots.prefix ? slots.prefix() : props.prefix
         ),
         _vue.h.call(void 0, "input", {

package/dist/{chunk-FMH4CLSA.mjs → chunk-H6FZBFRT.mjs}

@@ -10,6 +10,8 @@ import {
   countLines,
   generateLineNumbers,
   handleTabKey,
+  getActiveLineIndex,
+  getCodeEditorActiveLineClasses,
   codeEditorTextareaClasses,
   codeEditorHighlightClasses
 } from "@expcat/tigercat-core";
@@ -49,6 +51,12 @@ var CodeEditor = defineComponent({
   setup(props, { emit, attrs }) {
     const internalValue = ref(props.defaultValue || "");
     const textareaRef = ref(null);
+    const activeLine = ref(0);
+    const updateActiveLine = () => {
+      const ta = textareaRef.value;
+      if (!ta) return;
+      activeLine.value = getActiveLineIndex(ta.value, ta.selectionStart);
+    };
     const code = computed(() => props.value !== void 0 ? props.value : internalValue.value);
     watch(
       () => props.value,
@@ -77,10 +85,12 @@ var CodeEditor = defineComponent({
       return s;
     });
     const onInput = (e) => {
-      const val = e.target.value;
+      const target = e.target;
+      const val = target.value;
       internalValue.value = val;
       emit("update:value", val);
       emit("change", val);
+      activeLine.value = getActiveLineIndex(val, target.selectionStart);
     };
     const onKeyDown = (e) => {
       if (e.key === "Tab") {
@@ -98,11 +108,18 @@ var CodeEditor = defineComponent({
       }
     };
     const renderHighlightedLine = (line, lineIndex) => {
+      const showActiveLine = props.highlightActiveLine && !props.disabled;
+      const isActive = showActiveLine && lineIndex === activeLine.value;
+      const lineClass = classNames(
+        "min-h-[1.625rem]",
+        isActive && getCodeEditorActiveLineClasses(props.theme)
+      );
       const engine = props.highlighter;
       if (engine?.highlightLine) {
         return h("div", {
           key: lineIndex,
-          class: "min-h-[1.625rem]",
+          class: lineClass,
+          "data-active-line": isActive ? "" : void 0,
           innerHTML: engine.highlightLine(line, props.language, props.theme) || (line === "" ? "\n" : "")
         });
       }
@@ -111,10 +128,11 @@ var CodeEditor = defineComponent({
         const cls = getTokenClasses(token.type, props.theme);
         return cls ? h("span", { class: cls, key: ti }, token.value) : token.value;
       });
-      return h("div", { key: lineIndex, class: "min-h-[1.625rem]" }, [
-        ...spans,
-        line === "" ? "\n" : null
-      ]);
+      return h(
+        "div",
+        { key: lineIndex, class: lineClass, "data-active-line": isActive ? "" : void 0 },
+        [...spans, line === "" ? "\n" : null]
+      );
     };
     return () => {
       const wrapClass = props.wordWrap ? "whitespace-pre-wrap break-all" : "";
@@ -143,6 +161,9 @@ var CodeEditor = defineComponent({
         value: code.value,
         onInput,
         onKeydown: onKeyDown,
+        onSelect: updateActiveLine,
+        onClick: updateActiveLine,
+        onKeyup: updateActiveLine,
         readonly: props.readOnly || props.disabled,
         disabled: props.disabled,
         placeholder: props.placeholder,

package/dist/{chunk-FUI6WG2F.js → chunk-H7GAWNOW.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');
@@ -295,6 +295,15 @@ var RadarChart = _vue.defineComponent.call(void 0, {
       hoveredPoint.value = null;
       handleHoverLeave();
     };
+    const showPointTooltipFromElement = (el, seriesIndex, pointIndex) => {
+      if (!props.hoverable) return;
+      const rect = el.getBoundingClientRect();
+      hoveredPoint.value = { seriesIndex, pointIndex };
+      handleHoverEnter(seriesIndex, {
+        clientX: rect.left + rect.width / 2,
+        clientY: rect.top + rect.height / 2
+      });
+    };
     const axisData = _vue.computed.call(void 0, () => {
       if (props.series && props.series.length > 0) return _nullishCoalesce(_optionalChain([props, 'access', _2 => _2.series, 'access', _3 => _3[0], 'optionalAccess', _4 => _4.data]), () => ( []));
       return _nullishCoalesce(props.data, () => ( []));
@@ -678,13 +687,34 @@ var RadarChart = _vue.defineComponent.call(void 0, {
                           props.showTooltip && props.hoverable ? "cursor-pointer" : null,
                           "transition-[r] duration-150 ease-out"
                         ),
+                        role: props.showTooltip && props.hoverable ? "button" : "img",
+                        "aria-label": _nullishCoalesce(point.data.label, () => ( String(point.data.value))),
+                        tabindex: props.showTooltip && props.hoverable ? 0 : void 0,
                         "data-radar-point": "true",
                         "data-series-index": seriesIndex,
                         "data-series-key": item.seriesKey,
                         "data-point-index": point.index,
                         onMouseenter: props.showTooltip && props.hoverable ? (e) => handlePointEnter(seriesIndex, point.index, e) : void 0,
                         onMousemove: props.showTooltip && props.hoverable ? handlePointMove : void 0,
-                        onMouseleave: props.showTooltip && props.hoverable ? handlePointLeave : void 0
+                        onMouseleave: props.showTooltip && props.hoverable ? handlePointLeave : void 0,
+                        onFocus: props.showTooltip && props.hoverable ? (e) => showPointTooltipFromElement(
+                          e.currentTarget,
+                          seriesIndex,
+                          point.index
+                        ) : void 0,
+                        onBlur: props.showTooltip && props.hoverable ? handlePointLeave : void 0,
+                        onKeydown: props.showTooltip && props.hoverable ? (e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            showPointTooltipFromElement(
+                              e.currentTarget,
+                              seriesIndex,
+                              point.index
+                            );
+                          } else if (e.key === "Escape") {
+                            handlePointLeave();
+                          }
+                        } : void 0
                       });
                     }) : null
                   ]
@@ -723,7 +753,7 @@ var RadarChart = _vue.defineComponent.call(void 0, {
           ].filter(Boolean)
         }
       );
-      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: hoveredPoint.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
@@ -734,7 +764,7 @@ var RadarChart = _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-HMYVPBWI.js → chunk-HI45DI7S.js}

@@ -125,7 +125,7 @@ var Cascader = _vue.defineComponent.call(void 0, {
     });
     const flattenedOptions = _vue.computed.call(void 0, () => {
       if (!props.showSearch) return [];
-      return _tigercatcore.flattenCascaderOptions.call(void 0, props.options);
+      return _tigercatcore.flattenCascaderOptions.call(void 0, props.options, [], [], props.changeOnSelect);
     });
     const searchResults = _vue.computed.call(void 0, () => {
       if (!isSearchMode.value) return [];
@@ -338,7 +338,7 @@ var Cascader = _vue.defineComponent.call(void 0, {
                     }),
                     onClick: () => handleSearchResultClick(item.valuePath, item.disabled)
                   },
-                  item.label
+                  typeof props.showSearch === "object" && props.showSearch.render ? props.showSearch.render(searchQuery.value, item.path) : item.label
                 )
               )
             );

package/dist/{chunk-HKRMZODL.mjs → chunk-HIXWZVE5.mjs}

@@ -210,16 +210,20 @@ var MarkdownEditor = defineComponent({
         "aria-label": "Markdown editor",
         "aria-multiline": true
       }) : null;
-      const previewNode = showPreview.value ? h("div", {
-        class: classNames(
-          markdownEditorPreviewClasses,
-          currentMode.value === "split" ? markdownEditorSplitDividerClasses : void 0,
-          !currentValue.value ? markdownEditorEmptyPreviewClasses : void 0
-        ),
-        role: "region",
-        "aria-label": "Markdown preview",
-        innerHTML: currentValue.value ? previewHtml.value : props.placeholder || ""
-      }) : null;
+      const previewNode = showPreview.value ? h(
+        "div",
+        {
+          class: classNames(
+            markdownEditorPreviewClasses,
+            currentMode.value === "split" ? markdownEditorSplitDividerClasses : void 0,
+            !currentValue.value ? markdownEditorEmptyPreviewClasses : void 0
+          ),
+          role: "region",
+          "aria-label": "Markdown preview",
+          ...currentValue.value ? { innerHTML: previewHtml.value } : {}
+        },
+        currentValue.value ? void 0 : props.placeholder
+      ) : null;
       return h(
         "div",
         {

package/dist/{chunk-VVS2CQS4.mjs → chunk-HLPSHCXO.mjs}

@@ -57,7 +57,9 @@ var ChartLegend = defineComponent({
       {
         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 = defineComponent({
               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 = defineComponent({
               "aria-hidden": "true",
               "data-legend-marker": "true"
             }),
-            h("span", { style: { marginRight: `${props.gap}px` } }, item.label)
+            h("span", null, item.label)
           ]
         )
       )

package/dist/{chunk-PENI3H3I.mjs → chunk-HS4YQGZQ.mjs}

@@ -1,5 +1,5 @@
 // src/components/VirtualList.ts
-import { defineComponent, h, ref, computed } from "vue";
+import { defineComponent, h, ref, computed, onMounted, onUpdated } from "vue";
 import {
   virtualListContainerClasses,
   virtualListInnerClasses,
@@ -24,12 +24,19 @@ var VirtualList = defineComponent({
       default: void 0
     },
     height: { type: Number, default: 400 },
-    overscan: { type: Number, default: 5 }
+    overscan: { type: Number, default: 5 },
+    /** Custom class name (merged with the `class` attribute) */
+    className: { type: String, default: void 0 }
   },
   emits: ["scroll"],
   setup(props, { emit, attrs, slots }) {
     const scrollTop = ref(0);
+    const measureVersion = ref(0);
     const containerRef = ref(null);
+    const itemEls = /* @__PURE__ */ new Map();
+    const isDynamic = computed(
+      () => !props.sizeStrategy && !props.getItemHeight && props.estimatedItemHeight !== void 0
+    );
     const strategy = computed(() => {
       if (props.sizeStrategy) return props.sizeStrategy;
       if (props.getItemHeight) {
@@ -40,9 +47,26 @@ var VirtualList = defineComponent({
       }
       return fixedSizeStrategy(props.itemHeight);
     });
-    const range = computed(
-      () => strategy.value.getRange(scrollTop.value, props.height, props.itemCount, props.overscan)
-    );
+    const range = computed(() => {
+      void measureVersion.value;
+      return strategy.value.getRange(scrollTop.value, props.height, props.itemCount, props.overscan);
+    });
+    function measureDynamic() {
+      if (!isDynamic.value) return;
+      const strat = strategy.value;
+      if (!strat.updateItemHeight) return;
+      let changed = false;
+      itemEls.forEach((el, i) => {
+        const measured = el.offsetHeight;
+        if (measured > 0 && measured !== strat.getItemHeight(i)) {
+          strat.updateItemHeight(i, measured);
+          changed = true;
+        }
+      });
+      if (changed) measureVersion.value += 1;
+    }
+    onMounted(measureDynamic);
+    onUpdated(measureDynamic);
     function handleScroll() {
       if (containerRef.value) {
         scrollTop.value = containerRef.value.scrollTop;
@@ -53,18 +77,24 @@ var VirtualList = defineComponent({
       const { startIndex, endIndex, totalHeight } = range.value;
       const currentStrategy = strategy.value;
       const items = [];
+      const dynamic = isDynamic.value;
+      if (dynamic) itemEls.clear();
       for (let i = startIndex; i <= endIndex; i++) {
         const itemH = currentStrategy.getItemHeight(i);
         const slotContent = slots.default?.({ index: i });
+        const index = i;
         items.push(
           h(
             "div",
             {
-              key: i,
-              style: {
-                height: `${itemH}px`,
-                width: "100%"
-              }
+              key: index,
+              // Auto height in dynamic mode so real content height is measurable.
+              style: dynamic ? { width: "100%" } : { height: `${itemH}px`, width: "100%" },
+              ref: dynamic ? (el) => {
+                if (el)
+                  itemEls.set(index, el.$el ?? el);
+                else itemEls.delete(index);
+              } : void 0
             },
             slotContent
           )
@@ -75,7 +105,11 @@ var VirtualList = defineComponent({
         "div",
         {
           ref: containerRef,
-          class: classNames(virtualListContainerClasses, coerceClassValue(attrs.class)),
+          class: classNames(
+            virtualListContainerClasses,
+            props.className,
+            coerceClassValue(attrs.class)
+          ),
           style: { height: `${props.height}px` },
           onScroll: handleScroll
         },

package/dist/{chunk-6Y4NWO4I.mjs → chunk-HWL36OCD.mjs}

@@ -18,7 +18,10 @@ import {
   getStepTitleClasses,
   getStepDescriptionClasses,
   getStepsContainerClasses,
-  calculateStepStatus
+  calculateStepStatus,
+  stepFinishIconViewBox,
+  stepFinishIconStrokeWidth,
+  stepFinishIconPathD
 } from "@expcat/tigercat-core";
 var StepsContextKey = /* @__PURE__ */ Symbol("StepsContext");
 var StepsItem = defineComponent({
@@ -159,14 +162,14 @@ var StepsItem = defineComponent({
               class: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
               fill: "none",
               stroke: "currentColor",
-              "stroke-width": "3",
-              viewBox: "0 0 24 24"
+              "stroke-width": stepFinishIconStrokeWidth,
+              viewBox: stepFinishIconViewBox
             },
             [
               h("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                d: "M4.5 12.75l6 6 9-13.5"
+                d: stepFinishIconPathD
               })
             ]
           )

package/dist/{chunk-UANF7XE5.mjs → chunk-IJL7YYT7.mjs}

@@ -18,7 +18,8 @@ import {
   backTopContainerClasses,
   backTopHiddenClasses,
   backTopVisibleClasses,
-  backTopIconPath
+  backTopIconPath,
+  isBrowser
 } from "@expcat/tigercat-core";
 var DefaultIcon = h(
   "svg",
@@ -51,7 +52,7 @@ var BackTop = defineComponent({
      */
     target: {
       type: Function,
-      default: () => window
+      default: () => isBrowser() ? window : null
     },
     /**
      * Use immediate scroll when set to 0; positive values use native smooth scrolling
@@ -81,7 +82,8 @@ var BackTop = defineComponent({
       emit("click", event);
     };
     onMounted(() => {
-      targetElement.value = props.target() ?? window;
+      targetElement.value = props.target() ?? (isBrowser() ? window : null);
+      if (!targetElement.value) return;
       visibilityController = createBackTopVisibilityController({
         target: targetElement.value,
         getVisibilityHeight: () => props.visibilityHeight,
@@ -101,7 +103,7 @@ var BackTop = defineComponent({
       visibilityController?.cancel();
     });
     const buttonClasses = computed(() => {
-      const target = targetElement.value ?? props.target();
+      const target = targetElement.value ?? (isBrowser() ? props.target() : null);
       const isWindowTarget = !target || target === window;
       const positionClasses = isWindowTarget ? backTopButtonClasses : backTopContainerClasses;
       return classNames(

package/dist/{chunk-G3SWTL27.js → chunk-IUPNDTUF.js}

@@ -46,7 +46,7 @@ var Result = _vue.defineComponent.call(void 0, {
   setup(props, { slots, attrs }) {
     const colors = _vue.computed.call(void 0, () => _tigercatcore.getResultColorScheme.call(void 0, props.status));
     const iconPath = _vue.computed.call(void 0, () => _tigercatcore.getResultIconPath.call(void 0, props.status));
-    const httpLabel = _vue.computed.call(void 0, () => _tigercatcore.getResultHttpLabel.call(void 0, props.status));
+    const httpLabel = _vue.computed.call(void 0, () => _tigercatcore.isHttpResultStatus.call(void 0, props.status) ? props.status : void 0);
     const iconContainerClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, _tigercatcore.resultIconContainerBaseClasses, colors.value.iconBg)
     );