@expcat/tigercat-vue 1.4.0 → 1.5.0

package/dist/{chunk-6FXYRDYH.js → chunk-AWXSJNNP.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/Textarea.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/Textarea.ts
+
+
+
+
+
+
+
+
+
+
 var _vue = require('vue');
 
 
@@ -147,6 +161,12 @@ var Textarea = _vue.defineComponent.call(void 0, {
     blur: null
   },
   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 textareaRef = _vue.ref.call(void 0, null);
     const localValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( "")));
     _vue.watch.call(void 0, 
@@ -161,7 +181,7 @@ var Textarea = _vue.defineComponent.call(void 0, {
     const textareaClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
         "block",
-        _tigercatcore.getInputClasses.call(void 0, { size: props.size }),
+        _tigercatcore.getInputClasses.call(void 0, { size: effectiveSize.value }),
         props.autoResize ? "resize-none" : "resize-y",
         props.className,
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)

package/dist/{chunk-ZOUJFFG4.js → chunk-AYQER5UD.js}

@@ -1,5 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ChartTooltip.ts
 var _vue = require('vue');
+
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var ChartTooltip = _vue.defineComponent.call(void 0, {
   name: "TigerChartTooltip",
@@ -31,25 +35,24 @@ var ChartTooltip = _vue.defineComponent.call(void 0, {
       () => [props.x, props.y, props.visible],
       (_value, _oldValue, onCleanup) => {
         if (!props.visible) return;
-        let x = props.x + 12;
-        let y = props.y - 8;
+        const initialPosition = _tigercatcore.resolveChartTooltipPosition.call(void 0, {
+          x: props.x,
+          y: props.y,
+          rect: { width: 0, height: 0 },
+          viewport: { width: window.innerWidth, height: window.innerHeight }
+        });
         const frameHandle = requestAnimationFrame(() => {
           if (!tooltipRef.value) return;
           const rect = tooltipRef.value.getBoundingClientRect();
-          const viewportWidth = window.innerWidth;
-          const viewportHeight = window.innerHeight;
-          if (x + rect.width > viewportWidth - 8) {
-            x = props.x - rect.width - 12;
-          }
-          if (y + rect.height > viewportHeight - 8) {
-            y = props.y - rect.height - 8;
-          }
-          x = Math.max(8, x);
-          y = Math.max(8, y);
-          adjustedPosition.value = { x, y };
+          adjustedPosition.value = _tigercatcore.resolveChartTooltipPosition.call(void 0, {
+            x: props.x,
+            y: props.y,
+            rect,
+            viewport: { width: window.innerWidth, height: window.innerHeight }
+          });
         });
         onCleanup(() => cancelAnimationFrame(frameHandle));
-        adjustedPosition.value = { x, y };
+        adjustedPosition.value = initialPosition;
       },
       { immediate: true }
     );

package/dist/{chunk-GRP54POG.mjs → chunk-BJV62I73.mjs}

@@ -1,18 +1,18 @@
 import {
   Textarea
-} from "./chunk-MKBIVETW.mjs";
+} from "./chunk-2OI6GWOT.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Tag
-} from "./chunk-G6ULKE6H.mjs";
+} from "./chunk-KRWKO2JQ.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";
 import {
   Avatar
-} from "./chunk-ZCT56WB7.mjs";
+} from "./chunk-XZYFVOOS.mjs";
 
 // src/components/CommentThread.ts
 import { defineComponent, computed, h, ref } from "vue";
@@ -367,7 +367,7 @@ var CommentThread = defineComponent({
                   {
                     size: "sm",
                     variant: node.tag.variant ?? "default",
-                    className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10"
+                    className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10"
                   },
                   { default: () => node.tag?.label }
                 ) : null,
@@ -378,7 +378,7 @@ var CommentThread = defineComponent({
                       key: `${node.id}-tag-${index}`,
                       size: "sm",
                       variant: tag.variant ?? "default",
-                      className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10"
+                      className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10"
                     },
                     { default: () => tag.label }
                   )

package/dist/{chunk-PGOTPYRG.js → chunk-BNUR72YP.js}

@@ -71,6 +71,7 @@ var InfiniteScroll = _vue.defineComponent.call(void 0, {
         threshold: props.threshold,
         direction: props.direction,
         root: containerRef.value,
+        inverse: props.inverse,
         onLoadMore: handleLoadMore
       });
       if (teardown) {

package/dist/{chunk-W5DLRGQL.js → chunk-BPJOIFND.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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
@@ -24,6 +24,7 @@ var _vue = require('vue');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -50,7 +51,15 @@ var Transfer = _vue.defineComponent.call(void 0, {
   props: {
     modelValue: {
       type: Array,
-      default: () => []
+      default: void 0
+    },
+    /**
+     * Target keys alias (core/shared name). Used when `modelValue` /
+     * `v-model` is not bound; `modelValue` takes priority.
+     */
+    targetKeys: {
+      type: Array,
+      default: void 0
     },
     dataSource: {
       type: Array,
@@ -100,10 +109,10 @@ var Transfer = _vue.defineComponent.call(void 0, {
     const targetSelectedKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
     const sourceSearch = _vue.ref.call(void 0, "");
     const targetSearch = _vue.ref.call(void 0, "");
-    const { sourceItems: _sourceItems, targetItems: _targetItems } = _vue.computed.call(void 0, 
-      () => _tigercatcore.splitTransferData.call(void 0, props.dataSource, props.modelValue)
-    ).value;
-    const computedData = _vue.computed.call(void 0, () => _tigercatcore.splitTransferData.call(void 0, props.dataSource, props.modelValue));
+    const resolvedTargetKeys = _vue.computed.call(void 0, () => _nullishCoalesce(_nullishCoalesce(props.modelValue, () => ( props.targetKeys)), () => ( [])));
+    const computedData = _vue.computed.call(void 0, 
+      () => _tigercatcore.splitTransferData.call(void 0, props.dataSource, resolvedTargetKeys.value)
+    );
     const filteredSourceItems = _vue.computed.call(void 0, 
       () => _tigercatcore.filterTransferItems.call(void 0, computedData.value.sourceItems, sourceSearch.value, props.filterOption)
     );
@@ -146,27 +155,27 @@ var Transfer = _vue.defineComponent.call(void 0, {
     }
     function moveRight() {
       if (!canMoveRight.value) return;
-      const keysToMove = [...sourceSelectedKeys.value].filter((key) => {
-        const item = props.dataSource.find((d) => d.key === key);
-        return item && !item.disabled;
-      });
-      const newTargetKeys = [...props.modelValue, ...keysToMove];
+      const { targetKeys: newTargetKeys, movedKeys } = _tigercatcore.moveTransferItems.call(void 0, 
+        "right",
+        resolvedTargetKeys.value,
+        sourceSelectedKeys.value,
+        props.dataSource
+      );
       sourceSelectedKeys.value = /* @__PURE__ */ new Set();
       emit("update:modelValue", newTargetKeys);
-      emit("change", newTargetKeys, "right", keysToMove);
+      emit("change", newTargetKeys, "right", movedKeys);
     }
     function moveLeft() {
       if (!canMoveLeft.value) return;
-      const keysToRemove = new Set(
-        [...targetSelectedKeys.value].filter((key) => {
-          const item = props.dataSource.find((d) => d.key === key);
-          return item && !item.disabled;
-        })
+      const { targetKeys: newTargetKeys, movedKeys } = _tigercatcore.moveTransferItems.call(void 0, 
+        "left",
+        resolvedTargetKeys.value,
+        targetSelectedKeys.value,
+        props.dataSource
       );
-      const newTargetKeys = props.modelValue.filter((k) => !keysToRemove.has(k));
       targetSelectedKeys.value = /* @__PURE__ */ new Set();
       emit("update:modelValue", newTargetKeys);
-      emit("change", newTargetKeys, "left", [...keysToRemove]);
+      emit("change", newTargetKeys, "left", movedKeys);
     }
     function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
       return _vue.h.call(void 0, "div", { class: _tigercatcore.transferPanelClasses, role: "group", "aria-label": title }, [

package/dist/{chunk-OKR3GRG5.mjs → chunk-BRGQXIKA.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 {
   ChartAxis
 } from "./chunk-ZWVA7HT3.mjs";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-MI6TL3CQ.mjs";
 
 // src/components/LineChart.ts
-import { defineComponent, computed, h, ref, useId } from "vue";
+import { defineComponent, computed, getCurrentInstance, h, ref, useId } from "vue";
 import {
   classNames,
   createAreaPath,
@@ -249,12 +249,16 @@ var LineChart = defineComponent({
     "point-hover"
   ],
   setup(props, { emit }) {
+    const instance = getCurrentInstance();
     const hoveredPointInfo = ref(null);
     const tooltipPosition = ref({ x: 0, y: 0 });
     const gradientPrefix = getStableChartGradientPrefix("line", useId());
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const resolvedSeries = computed(
-      () => resolveSeriesData(props.series, props.data)
+      () => resolveSeriesData(props.series, props.data, {
+        color: props.lineColor,
+        pointColor: props.pointColor
+      })
     );
     const {
       activeIndex,
@@ -376,6 +380,18 @@ var LineChart = defineComponent({
       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,
+        resolvedSeries.value[seriesIndex]?.data[pointIndex]
+      );
+    };
     const handlePointClick = (seriesIndex, pointIndex) => {
       emit(
         "point-click",
@@ -392,6 +408,7 @@ var LineChart = defineComponent({
       handleSeriesSelect(seriesIndex);
     };
     return () => {
+      const pointClickable = props.selectable || typeof instance?.vnode.props?.onPointClick === "function";
       const chart = h(
         ChartCanvas,
         {
@@ -587,6 +604,8 @@ var LineChart = defineComponent({
                     sd.showPoints ? sd.points.map((point) => {
                       const isHovered = hoveredPointInfo.value?.seriesIndex === sd.seriesIndex && hoveredPointInfo.value?.pointIndex === point.pointIndex;
                       const hoverSize = sd.pointSize + 2;
+                      const datum = resolvedSeries.value[sd.seriesIndex]?.data?.[point.pointIndex];
+                      const pointInteractive = props.hoverable || pointClickable;
                       return h("circle", {
                         key: `point-${sd.seriesKey}-${point.pointIndex}`,
                         cx: point.x,
@@ -595,17 +614,46 @@ var LineChart = defineComponent({
                         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: linePointTransitionClasses,
+                        class: classNames(
+                          linePointTransitionClasses,
+                          pointInteractive && "cursor-pointer"
+                        ),
                         style: isHovered ? `filter: drop-shadow(0 0 4px ${sd.color})` : void 0,
+                        role: pointInteractive ? "button" : "img",
+                        "aria-label": datum?.label ?? String(datum?.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
                   ]

package/dist/{chunk-QYSFZA5V.js → chunk-BV6XWFRF.js}

@@ -60,22 +60,29 @@ var AnchorLink = _vue.defineComponent.call(void 0, {
     _vue.onMounted.call(void 0, () => {
       _optionalChain([anchorContext, 'optionalAccess', _ => _.registerLink, 'call', _2 => _2(props.href)]);
     });
+    _vue.watch.call(void 0, 
+      () => props.href,
+      (next, prev) => {
+        _optionalChain([anchorContext, 'optionalAccess', _3 => _3.unregisterLink, 'call', _4 => _4(prev)]);
+        _optionalChain([anchorContext, 'optionalAccess', _5 => _5.registerLink, 'call', _6 => _6(next)]);
+      }
+    );
     _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([anchorContext, 'optionalAccess', _3 => _3.unregisterLink, 'call', _4 => _4(props.href)]);
+      _optionalChain([anchorContext, 'optionalAccess', _7 => _7.unregisterLink, 'call', _8 => _8(props.href)]);
     });
     const handleClick = (event) => {
       event.preventDefault();
-      _optionalChain([anchorContext, 'optionalAccess', _5 => _5.handleLinkClick, 'call', _6 => _6(props.href, event)]);
+      _optionalChain([anchorContext, 'optionalAccess', _9 => _9.handleLinkClick, 'call', _10 => _10(props.href, event)]);
     };
     const linkClasses = _vue.computed.call(void 0, () => {
-      const isActive = _optionalChain([anchorContext, 'optionalAccess', _7 => _7.activeLink]) === props.href;
+      const isActive = _optionalChain([anchorContext, 'optionalAccess', _11 => _11.activeLink]) === props.href;
       return _tigercatcore.classNames.call(void 0, 
         _tigercatcore.getAnchorLinkClasses.call(void 0, isActive, props.className),
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
     return () => {
-      const slotContent = _optionalChain([slots, 'access', _8 => _8.default, 'optionalCall', _9 => _9()]);
+      const slotContent = _optionalChain([slots, 'access', _12 => _12.default, 'optionalCall', _13 => _13()]);
       const hasNestedLinks = slotContent && Array.isArray(slotContent) && slotContent.some(
         (vnode) => vnode.type && vnode.type.name === "TigerAnchorLink"
       );
@@ -207,7 +214,7 @@ var Anchor = _vue.defineComponent.call(void 0, {
     };
     let stopObserver = null;
     const setupObserver = () => {
-      _optionalChain([stopObserver, 'optionalCall', _10 => _10()]);
+      _optionalChain([stopObserver, 'optionalCall', _14 => _14()]);
       const container = getContainer();
       const root = container === window ? null : container;
       stopObserver = _tigercatcore.createAnchorObserver.call(void 0, links.value, {
@@ -271,7 +278,7 @@ var Anchor = _vue.defineComponent.call(void 0, {
       _vue.nextTick.call(void 0, () => setupObserver());
     });
     _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([stopObserver, 'optionalCall', _11 => _11()]);
+      _optionalChain([stopObserver, 'optionalCall', _15 => _15()]);
       if (scrollTimeoutId !== null) {
         clearTimeout(scrollTimeoutId);
       }
@@ -336,7 +343,7 @@ var Anchor = _vue.defineComponent.call(void 0, {
             {
               class: linkListClasses.value
             },
-            _optionalChain([slots, 'access', _12 => _12.default, 'optionalCall', _13 => _13()])
+            _optionalChain([slots, 'access', _16 => _16.default, 'optionalCall', _17 => _17()])
           )
         ]
       );

package/dist/{chunk-ODQOYMUQ.js → chunk-BYNTPLGC.js}

@@ -28,10 +28,17 @@ var AvatarGroup = _vue.defineComponent.call(void 0, {
     }
   },
   setup(props, { slots, attrs }) {
-    _vue.provide.call(void 0, AVATAR_GROUP_INJECTION_KEY, {
+    const groupContext = _vue.reactive.call(void 0, {
       size: props.size,
       itemClass: _tigercatcore.getAvatarGroupItemClasses.call(void 0, )
     });
+    _vue.watch.call(void 0, 
+      () => props.size,
+      (size) => {
+        groupContext.size = size;
+      }
+    );
+    _vue.provide.call(void 0, AVATAR_GROUP_INJECTION_KEY, groupContext);
     return () => {
       const children = _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( []));
       const flatChildren = children.flatMap(

package/dist/{chunk-SVWZOIBI.js → chunk-BZ56UKUK.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');
@@ -449,7 +449,7 @@ var BarChart = _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: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
@@ -460,7 +460,7 @@ var BarChart = _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-6NJXI66G.mjs → chunk-CF4GX6BD.mjs}

@@ -1,5 +1,19 @@
+import {
+  INPUT_GROUP_INJECTION_KEY
+} from "./chunk-VIIGYWUY.mjs";
+
 // src/components/InputNumber.ts
-import { defineComponent, computed, ref, watch, h, onMounted, onBeforeUnmount } from "vue";
+import {
+  defineComponent,
+  computed,
+  ref,
+  watch,
+  h,
+  onMounted,
+  onBeforeUnmount,
+  inject,
+  getCurrentInstance
+} from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -31,6 +45,10 @@ var InputNumber = defineComponent({
     modelValue: {
       type: [Number, null]
     },
+    defaultValue: {
+      type: [Number, null],
+      default: void 0
+    },
     size: {
       type: String,
       default: "md"
@@ -87,10 +105,20 @@ var InputNumber = defineComponent({
     autoFocus: {
       type: Boolean,
       default: false
+    },
+    className: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(props, { emit, attrs }) {
+    const instance = getCurrentInstance();
+    const inputGroup = inject(INPUT_GROUP_INJECTION_KEY, null);
+    const effectiveSize = computed(() => {
+      const hasOwnSize = Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "size");
+      return hasOwnSize ? props.size : inputGroup?.size ?? props.size;
+    });
     const inputRef = ref(null);
     const focused = ref(false);
     const repeatController = createRafRepeatActionController();
@@ -116,10 +144,13 @@ var InputNumber = defineComponent({
       { immediate: true }
     );
     const isControlled = computed(() => props.modelValue !== void 0);
-    const internalValue = ref(props.modelValue ?? null);
+    const internalValue = ref(props.modelValue ?? props.defaultValue ?? null);
     const currentValue = computed(
       () => isControlled.value ? 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 = defineComponent({
       () => classNames(
         getInputNumberWrapperClasses(props.disabled),
         getInputNumberStatusClasses(props.status),
-        getInputNumberSizeClasses(props.size),
+        getInputNumberSizeClasses(effectiveSize.value),
         focused.value && `ring-2 ${getInputNumberFocusRingColor(props.status)}`,
+        props.className,
         coerceClassValue(attrs.class)
       )
     );
     const inputClasses = computed(
       () => getInputNumberInputClasses(
-        props.size,
+        effectiveSize.value,
         props.controls && props.controlsPosition === "right",
         props.controls && props.controlsPosition === "both"
       )