@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-KY3O3FWK.mjs → chunk-WWB7VKKH.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/ImagePreview.ts
 import {
   defineComponent,
@@ -35,7 +39,9 @@ import {
   movePan,
   createPinchState,
   startPinch,
-  movePinch
+  movePinch,
+  getImageViewerLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var svgIcon = (d, cls = "w-5 h-5") => h(
   "svg",
@@ -66,10 +72,17 @@ var ImagePreview = defineComponent({
     maskClosable: { type: Boolean, default: true },
     scaleStep: { type: Number, default: 0.5 },
     minScale: { type: Number, default: 0.25 },
-    maxScale: { type: Number, default: 5 }
+    maxScale: { type: Number, default: 5 },
+    locale: {
+      type: Object,
+      default: void 0
+    }
   },
   emits: ["update:open", "update:currentIndex", "scale-change"],
   setup(props, { emit }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getImageViewerLabels(mergedLocale.value));
     const scale = ref(1);
     const rotation = ref(0);
     const offsetX = ref(0);
@@ -262,7 +275,7 @@ var ImagePreview = defineComponent({
         {
           class: imagePreviewCloseBtnClasses,
           onClick: handleClose,
-          "aria-label": "Close preview",
+          "aria-label": labels.value.closePreviewAriaLabel,
           type: "button"
         },
         [svgIcon(previewCloseIconPath)]
@@ -273,7 +286,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleZoomOut,
-            "aria-label": "Zoom out",
+            "aria-label": labels.value.zoomOutAriaLabel,
             type: "button"
           },
           [svgIcon(zoomOutIconPath)]
@@ -283,7 +296,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleReset,
-            "aria-label": "Reset",
+            "aria-label": labels.value.resetAriaLabel,
             type: "button"
           },
           [svgIcon(resetIconPath)]
@@ -293,7 +306,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleZoomIn,
-            "aria-label": "Zoom in",
+            "aria-label": labels.value.zoomInAriaLabel,
             type: "button"
           },
           [svgIcon(zoomInIconPath)]
@@ -303,7 +316,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleRotateLeft,
-            "aria-label": "Rotate left",
+            "aria-label": labels.value.rotateLeftAriaLabel,
             type: "button"
           },
           [svgIcon(imageViewerIcons.rotateLeft)]
@@ -313,7 +326,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleRotateRight,
-            "aria-label": "Rotate right",
+            "aria-label": labels.value.rotateRightAriaLabel,
             type: "button"
           },
           [svgIcon(imageViewerIcons.rotateRight)]
@@ -326,7 +339,7 @@ var ImagePreview = defineComponent({
           class: classNames(imagePreviewNavBtnClasses, "left-4"),
           onClick: handlePrev,
           disabled: !navState.value.hasPrev,
-          "aria-label": "Previous image",
+          "aria-label": labels.value.previousImageAriaLabel,
           type: "button"
         },
         [svgIcon(prevIconPath)]
@@ -337,7 +350,7 @@ var ImagePreview = defineComponent({
           class: classNames(imagePreviewNavBtnClasses, "right-4"),
           onClick: handleNext,
           disabled: !navState.value.hasNext,
-          "aria-label": "Next image",
+          "aria-label": labels.value.nextImageAriaLabel,
           type: "button"
         },
         [svgIcon(nextIconPath)]
@@ -349,7 +362,7 @@ var ImagePreview = defineComponent({
           style: { zIndex: props.zIndex },
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": "Image preview",
+          "aria-label": labels.value.previewDialogAriaLabel,
           onClick: handleMaskClick,
           onWheel: handleWheel
         },

package/dist/{chunk-GQAVLQEZ.mjs → chunk-X43QLJ5E.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-KY3O3FWK.mjs";
+} from "./chunk-WWB7VKKH.mjs";
 
 // src/components/ImageGroup.ts
 import { defineComponent, h, ref, provide, onBeforeUnmount } from "vue";

package/dist/{chunk-ULUH6UNV.js → chunk-X73BZFBH.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');
@@ -204,7 +204,7 @@ var SunburstChart = _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,
@@ -215,7 +215,7 @@ var SunburstChart = _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-KA7DILCI.js → chunk-X7PQRYUS.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 _chunk5PXTMXXSjs = require('./chunk-5PXTMXXS.js');
@@ -249,12 +249,16 @@ var LineChart = _vue.defineComponent.call(void 0, {
     "point-hover"
   ],
   setup(props, { emit }) {
+    const instance = _vue.getCurrentInstance.call(void 0, );
     const hoveredPointInfo = _vue.ref.call(void 0, null);
     const tooltipPosition = _vue.ref.call(void 0, { x: 0, y: 0 });
     const gradientPrefix = _tigercatcore.getStableChartGradientPrefix.call(void 0, "line", _vue.useId.call(void 0, ));
     const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
     const resolvedSeries = _vue.computed.call(void 0, 
-      () => _tigercatcore.resolveSeriesData.call(void 0, props.series, props.data)
+      () => _tigercatcore.resolveSeriesData.call(void 0, props.series, props.data, {
+        color: props.lineColor,
+        pointColor: props.pointColor
+      })
     );
     const {
       activeIndex,
@@ -376,12 +380,24 @@ var LineChart = _vue.defineComponent.call(void 0, {
       hoveredPointInfo.value = null;
       emit("point-hover", null, null, null);
     };
+    const showPointTooltipFromElement = (el, seriesIndex, pointIndex) => {
+      if (!props.hoverable) return;
+      const rect = el.getBoundingClientRect();
+      hoveredPointInfo.value = { seriesIndex, pointIndex };
+      tooltipPosition.value = { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };
+      emit(
+        "point-hover",
+        seriesIndex,
+        pointIndex,
+        _optionalChain([resolvedSeries, 'access', _5 => _5.value, 'access', _6 => _6[seriesIndex], 'optionalAccess', _7 => _7.data, 'access', _8 => _8[pointIndex]])
+      );
+    };
     const handlePointClick = (seriesIndex, pointIndex) => {
       emit(
         "point-click",
         seriesIndex,
         pointIndex,
-        _optionalChain([resolvedSeries, 'access', _5 => _5.value, 'access', _6 => _6[seriesIndex], 'optionalAccess', _7 => _7.data, 'access', _8 => _8[pointIndex]])
+        _optionalChain([resolvedSeries, 'access', _9 => _9.value, 'access', _10 => _10[seriesIndex], 'optionalAccess', _11 => _11.data, 'access', _12 => _12[pointIndex]])
       );
       handleSeriesSelect(seriesIndex);
     };
@@ -392,6 +408,7 @@ var LineChart = _vue.defineComponent.call(void 0, {
       handleSeriesSelect(seriesIndex);
     };
     return () => {
+      const pointClickable = props.selectable || typeof _optionalChain([instance, 'optionalAccess', _13 => _13.vnode, 'access', _14 => _14.props, 'optionalAccess', _15 => _15.onPointClick]) === "function";
       const chart = _vue.h.call(void 0, 
         _chunkUHVUKLHFjs.ChartCanvas,
         {
@@ -585,8 +602,10 @@ var LineChart = _vue.defineComponent.call(void 0, {
                     }),
                     // Data points
                     sd.showPoints ? sd.points.map((point) => {
-                      const isHovered = _optionalChain([hoveredPointInfo, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'access', _11 => _11.value, 'optionalAccess', _12 => _12.pointIndex]) === point.pointIndex;
+                      const isHovered = _optionalChain([hoveredPointInfo, 'access', _16 => _16.value, 'optionalAccess', _17 => _17.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'access', _18 => _18.value, 'optionalAccess', _19 => _19.pointIndex]) === point.pointIndex;
                       const hoverSize = sd.pointSize + 2;
+                      const datum = _optionalChain([resolvedSeries, 'access', _20 => _20.value, 'access', _21 => _21[sd.seriesIndex], 'optionalAccess', _22 => _22.data, 'optionalAccess', _23 => _23[point.pointIndex]]);
+                      const pointInteractive = props.hoverable || pointClickable;
                       return _vue.h.call(void 0, "circle", {
                         key: `point-${sd.seriesKey}-${point.pointIndex}`,
                         cx: point.x,
@@ -595,17 +614,46 @@ var LineChart = _vue.defineComponent.call(void 0, {
                         fill: sd.pointHollow ? "white" : props.pointGradient ? `url(#${gradientPrefix}-point-${sd.seriesKey})` : sd.pointColor,
                         stroke: sd.pointHollow ? sd.pointColor : "none",
                         "stroke-width": sd.pointHollow ? 2 : 0,
-                        class: _tigercatcore.linePointTransitionClasses,
+                        class: _tigercatcore.classNames.call(void 0, 
+                          _tigercatcore.linePointTransitionClasses,
+                          pointInteractive && "cursor-pointer"
+                        ),
                         style: isHovered ? `filter: drop-shadow(0 0 4px ${sd.color})` : void 0,
+                        role: pointInteractive ? "button" : "img",
+                        "aria-label": _nullishCoalesce(_optionalChain([datum, 'optionalAccess', _24 => _24.label]), () => ( String(_nullishCoalesce(_optionalChain([datum, 'optionalAccess', _25 => _25.y]), () => ( ""))))),
+                        tabindex: pointInteractive ? 0 : void 0,
                         "data-point-index": point.pointIndex,
                         "data-series-key": sd.seriesKey,
-                        onMouseenter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
-                        onMousemove: handlePointMouseMove,
-                        onMouseleave: handlePointMouseLeave,
-                        onClick: (e) => {
+                        onMouseenter: props.hoverable ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
+                        onMousemove: props.hoverable ? handlePointMouseMove : void 0,
+                        onMouseleave: props.hoverable ? handlePointMouseLeave : void 0,
+                        onClick: pointClickable ? (e) => {
                           e.stopPropagation();
                           handlePointClick(sd.seriesIndex, point.pointIndex);
-                        }
+                        } : void 0,
+                        onFocus: props.hoverable ? (e) => showPointTooltipFromElement(
+                          e.currentTarget,
+                          sd.seriesIndex,
+                          point.pointIndex
+                        ) : void 0,
+                        onBlur: props.hoverable ? handlePointMouseLeave : void 0,
+                        onKeydown: pointInteractive ? (e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            if (pointClickable) {
+                              handlePointClick(sd.seriesIndex, point.pointIndex);
+                            } else {
+                              showPointTooltipFromElement(
+                                e.currentTarget,
+                                sd.seriesIndex,
+                                point.pointIndex
+                              );
+                            }
+                          } else if (e.key === "Escape" && props.hoverable) {
+                            handlePointMouseLeave();
+                          }
+                        } : void 0
                       });
                     }) : null
                   ]
@@ -615,7 +663,7 @@ var LineChart = _vue.defineComponent.call(void 0, {
           ].filter(Boolean)
         }
       );
-      const tooltip = props.showTooltip ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
+      const tooltip = props.showTooltip ? _vue.h.call(void 0, _chunkAYQER5UDjs.ChartTooltip, {
         content: tooltipContent.value,
         visible: hoveredPointInfo.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
@@ -626,7 +674,7 @@ var LineChart = _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-XFNHZ7SV.mjs

@@ -0,0 +1,142 @@
+// src/components/Segmented.ts
+import { defineComponent, h } from "vue";
+import {
+  getSegmentedContainerClasses,
+  getSegmentedContainerStyle,
+  getSegmentedIndicatorClasses,
+  getSegmentedIndicatorStyle,
+  getSegmentedOptionClasses,
+  classNames,
+  coerceClassValue,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
+var Segmented = defineComponent({
+  name: "TigerSegmented",
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: { type: Boolean, default: false },
+    size: { type: String, default: "md" },
+    block: { type: Boolean, default: false },
+    className: { type: String, default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit, attrs }) {
+    function handleSelect(option) {
+      if (option.disabled || props.disabled) return;
+      if (option.value === props.modelValue) return;
+      emit("update:modelValue", option.value);
+      emit("change", option.value);
+    }
+    function focusOption(container, index) {
+      const els = container?.querySelectorAll('[role="radio"]');
+      els?.[index]?.focus();
+    }
+    function handleKeydown(e, index) {
+      if (props.disabled) return;
+      const enabledIdxs = props.options.reduce((acc, opt, i) => {
+        if (!opt.disabled) acc.push(i);
+        return acc;
+      }, []);
+      if (enabledIdxs.length === 0) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        handleSelect(props.options[index]);
+        return;
+      }
+      const pos = enabledIdxs.indexOf(index);
+      let target = null;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          target = enabledIdxs[(pos + 1 + enabledIdxs.length) % enabledIdxs.length];
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          target = enabledIdxs[(pos - 1 + enabledIdxs.length) % enabledIdxs.length];
+          break;
+        case "Home":
+          target = enabledIdxs[0];
+          break;
+        case "End":
+          target = enabledIdxs[enabledIdxs.length - 1];
+          break;
+        default:
+          return;
+      }
+      if (target == null) return;
+      e.preventDefault();
+      const container = e.currentTarget.closest('[role="radiogroup"]');
+      focusOption(container, target);
+      handleSelect(props.options[target]);
+    }
+    return () => {
+      const selectedIndex = props.options.findIndex((opt) => opt.value === props.modelValue);
+      const firstEnabledIndex = props.options.findIndex((opt) => !opt.disabled);
+      const rovingIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
+      return h(
+        "div",
+        {
+          ...attrs,
+          class: classNames(
+            getSegmentedContainerClasses(props.size, props.block),
+            props.className,
+            coerceClassValue(attrs.class)
+          ),
+          style: mergeStyleValues(
+            attrs.style,
+            getSegmentedContainerStyle(props.options.length)
+          ),
+          role: "radiogroup",
+          "aria-disabled": props.disabled || void 0
+        },
+        [
+          h("div", {
+            "data-tiger-segmented-indicator": "true",
+            "aria-hidden": "true",
+            class: getSegmentedIndicatorClasses(props.size),
+            style: getSegmentedIndicatorStyle(
+              props.options.findIndex((opt) => opt.value === props.modelValue),
+              props.options.length,
+              props.size
+            )
+          }),
+          ...props.options.map((opt, index) => {
+            const selected = opt.value === props.modelValue;
+            const isDisabled = !!opt.disabled || props.disabled;
+            return h(
+              "label",
+              {
+                key: opt.value,
+                class: classNames(
+                  getSegmentedOptionClasses(props.size, selected, isDisabled),
+                  props.block ? "flex-1 text-center" : ""
+                ),
+                role: "radio",
+                "aria-checked": selected,
+                "aria-disabled": isDisabled,
+                tabindex: isDisabled ? -1 : index === rovingIndex ? 0 : -1,
+                onClick: () => handleSelect(opt),
+                onKeydown: (e) => handleKeydown(e, index)
+              },
+              [h("span", null, opt.label)]
+            );
+          })
+        ]
+      );
+    };
+  }
+});
+var Segmented_default = Segmented;
+
+export {
+  Segmented,
+  Segmented_default
+};

package/dist/{chunk-EJZBG5RT.js → chunk-XMCYKHT4.js}

@@ -7,6 +7,8 @@
 
 
 
+
+
 var _vue = require('vue');
 
 
@@ -202,9 +204,16 @@ var Breadcrumb = _vue.defineComponent.call(void 0, {
     const containerClasses = _vue.computed.call(void 0, () => {
       return _tigercatcore.classNames.call(void 0, _tigercatcore.breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
     });
-    _vue.provide.call(void 0, BreadcrumbContextKey, {
+    const breadcrumbContext = _vue.reactive.call(void 0, {
       separator: props.separator
     });
+    _vue.watch.call(void 0, 
+      () => props.separator,
+      (separator) => {
+        breadcrumbContext.separator = separator;
+      }
+    );
+    _vue.provide.call(void 0, BreadcrumbContextKey, breadcrumbContext);
     const renderItems = () => {
       const rawChildren = _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()]) || [];
       const items = [];

package/dist/{chunk-DZXZ3YEL.js → chunk-XSJKSUED.js}

@@ -19,6 +19,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var DefaultIcon = _vue.h.call(void 0, 
   "svg",
@@ -51,7 +52,7 @@ var BackTop = _vue.defineComponent.call(void 0, {
      */
     target: {
       type: Function,
-      default: () => window
+      default: () => _tigercatcore.isBrowser.call(void 0, ) ? window : null
     },
     /**
      * Use immediate scroll when set to 0; positive values use native smooth scrolling
@@ -81,7 +82,8 @@ var BackTop = _vue.defineComponent.call(void 0, {
       emit("click", event);
     };
     _vue.onMounted.call(void 0, () => {
-      targetElement.value = _nullishCoalesce(props.target(), () => ( window));
+      targetElement.value = _nullishCoalesce(props.target(), () => ( (_tigercatcore.isBrowser.call(void 0, ) ? window : null)));
+      if (!targetElement.value) return;
       visibilityController = _tigercatcore.createBackTopVisibilityController.call(void 0, {
         target: targetElement.value,
         getVisibilityHeight: () => props.visibilityHeight,
@@ -101,7 +103,7 @@ var BackTop = _vue.defineComponent.call(void 0, {
       _optionalChain([visibilityController, 'optionalAccess', _ => _.cancel, 'call', _2 => _2()]);
     });
     const buttonClasses = _vue.computed.call(void 0, () => {
-      const target = _nullishCoalesce(targetElement.value, () => ( props.target()));
+      const target = _nullishCoalesce(targetElement.value, () => ( (_tigercatcore.isBrowser.call(void 0, ) ? props.target() : null)));
       const isWindowTarget = !target || target === window;
       const positionClasses = isWindowTarget ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
       return _tigercatcore.classNames.call(void 0, 

package/dist/{chunk-ZCT56WB7.mjs → chunk-XZYFVOOS.mjs}

@@ -1,6 +1,6 @@
 import {
   AVATAR_GROUP_INJECTION_KEY
-} from "./chunk-W6ZFHHD3.mjs";
+} from "./chunk-GZWZP5AL.mjs";
 
 // src/components/Avatar.ts
 import { defineComponent, computed, h, ref, inject } from "vue";

package/dist/{chunk-T5N2UHVP.js → chunk-YI25YL5W.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 _chunkX6FG4RPFjs = require('./chunk-X6FG4RPF.js');
+var _chunkWF7KVMBYjs = require('./chunk-WF7KVMBY.js');
 
 
 var _chunkQOMWROWEjs = require('./chunk-QOMWROWE.js');
@@ -223,7 +223,7 @@ var Image = _vue.defineComponent.call(void 0, {
           onError: handleError
         });
       }
-      const previewEl = !group && previewVisible.value && props.src ? _vue.h.call(void 0, _chunkX6FG4RPFjs.ImagePreview, {
+      const previewEl = !group && previewVisible.value && props.src ? _vue.h.call(void 0, _chunkWF7KVMBYjs.ImagePreview, {
         open: previewVisible.value,
         images: [props.src],
         currentIndex: 0,

package/dist/{chunk-TAAHD4R7.js → chunk-YLMQZR6F.js}

@@ -1,4 +1,18 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/InputNumber.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/InputNumber.ts
+
+
+
+
+
+
+
+
+
+
 var _vue = require('vue');
 
 
@@ -31,6 +45,10 @@ var InputNumber = _vue.defineComponent.call(void 0, {
     modelValue: {
       type: [Number, null]
     },
+    defaultValue: {
+      type: [Number, null],
+      default: void 0
+    },
     size: {
       type: String,
       default: "md"
@@ -87,10 +105,20 @@ var InputNumber = _vue.defineComponent.call(void 0, {
     autoFocus: {
       type: Boolean,
       default: false
+    },
+    className: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(props, { emit, attrs }) {
+    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 focused = _vue.ref.call(void 0, false);
     const repeatController = _tigercatcore.createRafRepeatActionController.call(void 0, );
@@ -116,10 +144,13 @@ var InputNumber = _vue.defineComponent.call(void 0, {
       { immediate: true }
     );
     const isControlled = _vue.computed.call(void 0, () => props.modelValue !== void 0);
-    const internalValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( null)));
+    const internalValue = _vue.ref.call(void 0, _nullishCoalesce(_nullishCoalesce(props.modelValue, () => ( props.defaultValue)), () => ( null)));
     const currentValue = _vue.computed.call(void 0, 
       () => isControlled.value ? _nullishCoalesce(props.modelValue, () => ( null)) : internalValue.value
     );
+    if (!isControlled.value && internalValue.value !== null) {
+      displayValue.value = toDisplayValue(internalValue.value);
+    }
     function commitValue(val) {
       let finalVal = val;
       if (finalVal !== null) {
@@ -212,14 +243,15 @@ var InputNumber = _vue.defineComponent.call(void 0, {
       () => _tigercatcore.classNames.call(void 0, 
         _tigercatcore.getInputNumberWrapperClasses.call(void 0, props.disabled),
         _tigercatcore.getInputNumberStatusClasses.call(void 0, props.status),
-        _tigercatcore.getInputNumberSizeClasses.call(void 0, props.size),
+        _tigercatcore.getInputNumberSizeClasses.call(void 0, effectiveSize.value),
         focused.value && `ring-2 ${_tigercatcore.getInputNumberFocusRingColor.call(void 0, props.status)}`,
+        props.className,
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
     const inputClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.getInputNumberInputClasses.call(void 0, 
-        props.size,
+        effectiveSize.value,
         props.controls && props.controlsPosition === "right",
         props.controls && props.controlsPosition === "both"
       )