@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/{chunk-WO332QT2.js → chunk-27T3QDSF.js}

@@ -108,8 +108,8 @@ var Timeline = vue.defineComponent({
       const isLast = index === processedItems.value.length - 1 && !props.pending;
       const position = item.position;
       const itemClasses = tigercatCore.getTimelineItemClasses(props.mode, position, isLast);
-      const tailClasses = tigercatCore.getTimelineTailClasses(props.mode, position, isLast);
-      const headClasses = tigercatCore.getTimelineHeadClasses(props.mode, position);
+      const tailClasses = tigercatCore.getTimelineTailClasses(props.mode, isLast);
+      const headClasses = tigercatCore.getTimelineHeadClasses(props.mode);
       const contentClasses = tigercatCore.getTimelineContentClasses(props.mode, position);
       if (slots.item) {
         return vue.h("li", { key, class: itemClasses }, [
@@ -138,7 +138,7 @@ var Timeline = vue.defineComponent({
       const index = processedItems.value.length;
       const position = props.mode === "alternate" ? index % 2 === 0 ? "left" : "right" : void 0;
       const itemClasses = tigercatCore.getTimelineItemClasses(props.mode, position, true);
-      const headClasses = tigercatCore.getTimelineHeadClasses(props.mode, position);
+      const headClasses = tigercatCore.getTimelineHeadClasses(props.mode);
       const contentClasses = tigercatCore.getTimelineContentClasses(props.mode, position);
       if (slots.pending) {
         return vue.h("li", { key: "pending", class: itemClasses }, [

package/dist/{chunk-YLP24JN3.mjs → chunk-2BNQGU7E.mjs}

@@ -76,10 +76,9 @@ var Checkbox = defineComponent({
     const internalChecked = ref(props.defaultChecked);
     const isControlled = computed(() => props.modelValue !== null);
     const effectiveSize = computed(() => props.size || groupContext.value?.size || "md");
-    const effectiveDisabled = computed(() => {
-      if (props.disabled !== void 0) return props.disabled;
-      return groupContext.value?.disabled || false;
-    });
+    const effectiveDisabled = computed(
+      () => props.disabled || groupContext.value?.disabled || false
+    );
     const checked = computed(() => {
       if (groupContext.value && props.value !== void 0) {
         return groupContext.value.value.includes(props.value);
@@ -110,37 +109,35 @@ var Checkbox = defineComponent({
     };
     return () => {
       const checkboxClasses = getCheckboxClasses(effectiveSize.value, effectiveDisabled.value);
-      const rootStyle = [attrs.style, props.style];
-      const rootClass = classNames(props.className, coerceClassValue(attrs.class));
       const { class: _class, style: _style, ...restAttrs } = attrs;
-      const checkboxElement = h("input", {
+      const inputProps = {
         ref: checkboxRef,
         type: "checkbox",
-        class: checkboxClasses,
         checked: checked.value,
         disabled: effectiveDisabled.value,
         value: props.value,
         onChange: handleChange,
         ...restAttrs
-      });
+      };
       if (!slots.default) {
         return h("input", {
-          ref: checkboxRef,
-          type: "checkbox",
-          class: classNames(checkboxClasses, rootClass),
-          style: rootStyle,
-          checked: checked.value,
-          disabled: effectiveDisabled.value,
-          value: props.value,
-          onChange: handleChange,
-          ...restAttrs
+          ...inputProps,
+          class: classNames(checkboxClasses, props.className, coerceClassValue(attrs.class)),
+          style: [attrs.style, props.style]
         });
       }
       const labelClasses = getCheckboxLabelClasses(effectiveSize.value, effectiveDisabled.value);
-      return h("label", { class: classNames(labelClasses, rootClass), style: rootStyle }, [
-        checkboxElement,
-        h("span", { class: "ml-2" }, slots.default())
-      ]);
+      return h(
+        "label",
+        {
+          class: classNames(labelClasses, props.className, coerceClassValue(attrs.class)),
+          style: [attrs.style, props.style]
+        },
+        [
+          h("input", { ...inputProps, class: checkboxClasses }),
+          h("span", { class: "ml-2" }, slots.default())
+        ]
+      );
     };
   }
 });

package/dist/{chunk-CCI3RIZU.js → chunk-2KDSHEZT.js}

@@ -13,7 +13,8 @@ var CloseIcon = () => vue.h(
     viewBox: tigercatCore.icon24ViewBox,
     stroke: "currentColor",
     "stroke-width": String(tigercatCore.icon24StrokeWidth),
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    focusable: "false"
   },
   [
     vue.h("path", {
@@ -77,13 +78,14 @@ var Tag = vue.defineComponent({
   emits: ["close"],
   setup(props, { slots, emit, attrs }) {
     const isVisible = vue.ref(true);
-    const tagClasses = vue.computed(() => {
-      return tigercatCore.classNames(
+    const tagClasses = vue.computed(
+      () => tigercatCore.classNames(
         tigercatCore.tagBaseClasses,
         tigercatCore.getTagVariantClasses(props.variant),
-        tigercatCore.tagSizeClasses[props.size]
-      );
-    });
+        tigercatCore.tagSizeClasses[props.size],
+        props.className
+      )
+    );
     const closeButtonClasses = vue.computed(() => {
       const scheme = tigercatCore.defaultTagThemeColors[props.variant];
       return tigercatCore.classNames(tigercatCore.tagCloseButtonBaseClasses, scheme.closeBgHover, scheme.text);
@@ -106,7 +108,7 @@ var Tag = vue.defineComponent({
         "span",
         {
           ...attrs,
-          class: tigercatCore.classNames(tagClasses.value, props.className, tigercatCore.coerceClassValue(attrsClass)),
+          class: tigercatCore.classNames(tagClasses.value, tigercatCore.coerceClassValue(attrsClass)),
           style: tigercatCore.mergeStyleValues(attrsStyle, props.style),
           role: "status"
         },

package/dist/{chunk-NF7ADPEN.mjs → chunk-2R5HISQA.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent, ref, watch, computed, watchEffect, onBeforeUnmount, h } from 'vue';
-import { getSliderTrackClasses, sliderGetPercentage, getSliderThumbClasses, getSliderTooltipClasses, classNames, sliderBaseClasses, sliderRangeClasses, sliderNormalizeValue, sliderGetKeyboardValue } from '@expcat/tigercat-core';
+import { defineComponent, ref, watch, computed, watchEffect, h } from 'vue';
+import { getSliderTrackClasses, sliderGetPercentage, getSliderThumbClasses, getSliderTooltipClasses, classNames, sliderBaseClasses, sliderRangeClasses, sliderGetValueFromPosition, sliderGetKeyboardValue } from '@expcat/tigercat-core';
 
 // src/components/Slider.ts
 var Slider = defineComponent({
@@ -125,23 +125,26 @@ var Slider = defineComponent({
         }
       }
     );
-    const normalizeValue = (val) => sliderNormalizeValue(val, props.min, props.max, props.step);
     const getPercentage = (val) => sliderGetPercentage(val, props.min, props.max);
-    const getValueFromPosition = (clientX, trackElement2) => {
-      const rect = trackElement2.getBoundingClientRect();
-      const percentage = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
-      const rawValue = props.min + percentage * (props.max - props.min);
-      return normalizeValue(rawValue);
+    const getValueFromPosition = (clientX, el) => {
+      const rect = el.getBoundingClientRect();
+      return sliderGetValueFromPosition(
+        clientX - rect.left,
+        rect.width,
+        props.min,
+        props.max,
+        props.step
+      );
     };
     const updateValue = (newValue) => {
       internalValue.value = newValue;
       emit("update:value", newValue);
       emit("change", newValue);
     };
-    const handleMove = (event, trackElement2) => {
+    const handleMove = (event, el) => {
       if (props.disabled || !isDragging.value) return;
       const clientX = "touches" in event ? event.touches[0].clientX : event.clientX;
-      const newValue = getValueFromPosition(clientX, trackElement2);
+      const newValue = getValueFromPosition(clientX, el);
       if (props.range && Array.isArray(internalValue.value)) {
         const [minVal, maxVal] = internalValue.value;
         if (activeThumb.value === "min") {
@@ -165,9 +168,7 @@ var Slider = defineComponent({
       activeThumb.value = null;
       showTooltip.value = false;
     };
-    const trackStyles = computed(() => {
-      return getSliderTrackClasses(props.size, props.disabled);
-    });
+    const trackClasses = computed(() => getSliderTrackClasses(props.size, props.disabled));
     const rangeStyles = computed(() => {
       if (props.range && Array.isArray(internalValue.value)) {
         const [minVal, maxVal] = internalValue.value;
@@ -185,12 +186,8 @@ var Slider = defineComponent({
         };
       }
     });
-    const thumbClasses_computed = computed(() => {
-      return getSliderThumbClasses(props.size, props.disabled);
-    });
-    const tooltipClasses_computed = computed(() => {
-      return getSliderTooltipClasses(props.size);
-    });
+    const thumbClasses = computed(() => getSliderThumbClasses(props.size, props.disabled));
+    const tooltipClasses = computed(() => getSliderTooltipClasses(props.size));
     const handleTrackMouseMove = (e) => {
       if (trackElement.value) handleMove(e, trackElement.value);
     };
@@ -211,12 +208,6 @@ var Slider = defineComponent({
         });
       }
     });
-    onBeforeUnmount(() => {
-      document.removeEventListener("mousemove", handleTrackMouseMove);
-      document.removeEventListener("mouseup", handleEnd);
-      document.removeEventListener("touchmove", handleTrackTouchMove);
-      document.removeEventListener("touchend", handleEnd);
-    });
     return () => {
       const ariaLabel = attrs["aria-label"];
       const ariaLabelledby = attrs["aria-labelledby"];
@@ -242,7 +233,7 @@ var Slider = defineComponent({
         return h(
           "div",
           {
-            class: thumbClasses_computed.value,
+            class: thumbClasses.value,
             style: { left: `${left}%` },
             tabindex: props.disabled ? -1 : 0,
             role: "slider",
@@ -285,7 +276,7 @@ var Slider = defineComponent({
               }
             }
           },
-          showThumbTooltip && props.tooltip ? h("div", { class: tooltipClasses_computed.value }, value.toString()) : void 0
+          showThumbTooltip && props.tooltip ? h("div", { class: tooltipClasses.value }, value.toString()) : void 0
         );
       };
       const createMarks = () => {
@@ -324,7 +315,7 @@ var Slider = defineComponent({
             "div",
             {
               ref: trackElement,
-              class: trackStyles.value,
+              class: trackClasses.value,
               onClick: (e) => {
                 if (props.disabled || !trackElement.value) return;
                 const newValue = getValueFromPosition(e.clientX, trackElement.value);

package/dist/{chunk-74P7RUAY.mjs → chunk-2SCIJ2RW.mjs}

@@ -52,17 +52,15 @@ var Row = defineComponent({
       );
     });
     provide(RowContextKey, { gutter });
-    return () => {
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: [rowClasses.value, attrs.class],
-          style: [rowStyle.value, attrs.style]
-        },
-        slots.default ? slots.default() : []
-      );
-    };
+    return () => h(
+      "div",
+      {
+        ...attrs,
+        class: [rowClasses.value, attrs.class],
+        style: [rowStyle.value, attrs.style]
+      },
+      slots.default?.()
+    );
   }
 });
 

package/dist/{chunk-KQOJTNUP.js → chunk-2YFXJUBT.js}

@@ -78,10 +78,9 @@ var Checkbox = vue.defineComponent({
     const internalChecked = vue.ref(props.defaultChecked);
     const isControlled = vue.computed(() => props.modelValue !== null);
     const effectiveSize = vue.computed(() => props.size || groupContext.value?.size || "md");
-    const effectiveDisabled = vue.computed(() => {
-      if (props.disabled !== void 0) return props.disabled;
-      return groupContext.value?.disabled || false;
-    });
+    const effectiveDisabled = vue.computed(
+      () => props.disabled || groupContext.value?.disabled || false
+    );
     const checked = vue.computed(() => {
       if (groupContext.value && props.value !== void 0) {
         return groupContext.value.value.includes(props.value);
@@ -112,37 +111,35 @@ var Checkbox = vue.defineComponent({
     };
     return () => {
       const checkboxClasses = tigercatCore.getCheckboxClasses(effectiveSize.value, effectiveDisabled.value);
-      const rootStyle = [attrs.style, props.style];
-      const rootClass = tigercatCore.classNames(props.className, tigercatCore.coerceClassValue(attrs.class));
       const { class: _class, style: _style, ...restAttrs } = attrs;
-      const checkboxElement = vue.h("input", {
+      const inputProps = {
         ref: checkboxRef,
         type: "checkbox",
-        class: checkboxClasses,
         checked: checked.value,
         disabled: effectiveDisabled.value,
         value: props.value,
         onChange: handleChange,
         ...restAttrs
-      });
+      };
       if (!slots.default) {
         return vue.h("input", {
-          ref: checkboxRef,
-          type: "checkbox",
-          class: tigercatCore.classNames(checkboxClasses, rootClass),
-          style: rootStyle,
-          checked: checked.value,
-          disabled: effectiveDisabled.value,
-          value: props.value,
-          onChange: handleChange,
-          ...restAttrs
+          ...inputProps,
+          class: tigercatCore.classNames(checkboxClasses, props.className, tigercatCore.coerceClassValue(attrs.class)),
+          style: [attrs.style, props.style]
         });
       }
       const labelClasses = tigercatCore.getCheckboxLabelClasses(effectiveSize.value, effectiveDisabled.value);
-      return vue.h("label", { class: tigercatCore.classNames(labelClasses, rootClass), style: rootStyle }, [
-        checkboxElement,
-        vue.h("span", { class: "ml-2" }, slots.default())
-      ]);
+      return vue.h(
+        "label",
+        {
+          class: tigercatCore.classNames(labelClasses, props.className, tigercatCore.coerceClassValue(attrs.class)),
+          style: [attrs.style, props.style]
+        },
+        [
+          vue.h("input", { ...inputProps, class: checkboxClasses }),
+          vue.h("span", { class: "ml-2" }, slots.default())
+        ]
+      );
     };
   }
 });

package/dist/{chunk-ENBDEPNV.mjs → chunk-327O6FN7.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, nextTick, onBeforeUnmount, h } from 'vue';
-import { parseDate, formatDate, getCalendarDays, getShortDayNames, getDatePickerLabels, classNames, datePickerBaseClasses, coerceClassValue, mergeStyleValues, getDatePickerInputClasses, getDatePickerIconButtonClasses, datePickerInputWrapperClasses, datePickerClearButtonClasses, datePickerCalendarClasses, datePickerCalendarHeaderClasses, datePickerNavButtonClasses, datePickerMonthYearClasses, formatMonthYear, datePickerCalendarGridClasses, datePickerDayNameClasses, isSameDay, normalizeDate, isToday, getDatePickerDayCellClasses, datePickerFooterClasses, datePickerFooterButtonClasses, icon20ViewBox, isDateInRange, CloseIconPath, CalendarIconPath, ChevronLeftIconPath, ChevronRightIconPath } from '@expcat/tigercat-core';
+import { parseDate, formatDate, getCalendarDays, getShortDayNames, getDatePickerLabels, classNames, datePickerBaseClasses, coerceClassValue, mergeStyleValues, getDatePickerInputClasses, getDatePickerIconButtonClasses, datePickerInputWrapperClasses, datePickerClearButtonClasses, datePickerCalendarClasses, datePickerCalendarHeaderClasses, datePickerNavButtonClasses, datePickerMonthYearClasses, formatMonthYear, datePickerCalendarGridClasses, datePickerDayNameClasses, normalizeDate, isSameDay, isToday, getDatePickerDayCellClasses, datePickerFooterClasses, datePickerFooterButtonClasses, icon20ViewBox, isDateInRange, CloseIconPath, CalendarIconPath, ChevronLeftIconPath, ChevronRightIconPath } from '@expcat/tigercat-core';
 
 // src/components/DatePicker.ts
 var createIcon = (path, className) => {
@@ -232,6 +232,10 @@ var DatePicker = defineComponent({
     });
     const dayNames = computed(() => getShortDayNames(props.locale));
     const labels = computed(() => getDatePickerLabels(props.locale, props.labels));
+    const emitValue = (value) => {
+      emit("update:modelValue", value);
+      emit("change", value);
+    };
     const addDays = (date, days) => {
       const next = new Date(date);
       next.setDate(next.getDate() + days);
@@ -349,7 +353,7 @@ var DatePicker = defineComponent({
       if (!props.disabled && !props.readonly) {
         isOpen.value = !isOpen.value;
         if (isOpen.value) {
-          restoreFocusEl.value = restoreFocusEl.value ?? document.activeElement ?? inputRef.value ?? null;
+          restoreFocusEl.value = inputRef.value ?? null;
           const baseDate = selectedDate.value ?? selectedRange.value[0];
           if (baseDate) {
             viewingMonth.value = baseDate.getMonth();
@@ -371,34 +375,20 @@ var DatePicker = defineComponent({
         return;
       }
       if (!isRangeMode.value) {
-        emit("update:modelValue", normalizedDate);
-        emit("change", normalizedDate);
+        emitValue(normalizedDate);
         closeCalendar();
         return;
       }
       const [start, end] = selectedRange.value;
       if (!start || start && end) {
-        emit("update:modelValue", [normalizedDate, null]);
-        emit("change", [normalizedDate, null]);
+        emitValue([normalizedDate, null]);
         return;
       }
-      if (normalizedDate < start) {
-        emit("update:modelValue", [start, start]);
-        emit("change", [start, start]);
-      } else {
-        emit("update:modelValue", [start, normalizedDate]);
-        emit("change", [start, normalizedDate]);
-      }
+      emitValue([start, normalizedDate < start ? start : normalizedDate]);
     }
     function clearDate(event) {
       event.stopPropagation();
-      if (!isRangeMode.value) {
-        emit("update:modelValue", null);
-        emit("change", null);
-      } else {
-        emit("update:modelValue", [null, null]);
-        emit("change", [null, null]);
-      }
+      emitValue(!isRangeMode.value ? null : [null, null]);
       emit("clear");
     }
     function previousMonth() {
@@ -431,13 +421,11 @@ var DatePicker = defineComponent({
       }
     }
     function handleInputClick() {
-      inputRef.value?.focus();
       toggleCalendar();
     }
     watch(isOpen, (newValue) => {
       if (newValue) {
         document.addEventListener("click", handleClickOutside);
-        restoreFocusEl.value = restoreFocusEl.value ?? document.activeElement ?? inputRef.value ?? null;
         const preferred = pendingFocusIso.value ?? getPreferredFocusIso();
         pendingFocusIso.value = null;
         nextTick().then(() => {
@@ -578,59 +566,64 @@ var DatePicker = defineComponent({
                 )
               ]),
               // Calendar grid
-              h(
-                "div",
-                {
-                  class: datePickerCalendarGridClasses,
-                  role: "grid",
-                  "aria-rowcount": 6,
-                  "aria-colcount": 7
-                },
-                [
-                  ...calendarDays.value.map((date, index) => {
-                    if (!date) return null;
-                    const [rangeStart, rangeEnd] = selectedRange.value;
-                    const isRangeStart = isRangeMode.value && rangeStart ? isSameDay(date, rangeStart) : false;
-                    const isRangeEnd = isRangeMode.value && rangeEnd ? isSameDay(date, rangeEnd) : false;
-                    const isInRange = isRangeMode.value && rangeStart && rangeEnd && normalizeDate(date) >= normalizeDate(rangeStart) && normalizeDate(date) <= normalizeDate(rangeEnd);
-                    const isSelected = !isRangeMode.value ? selectedDate.value ? isSameDay(date, selectedDate.value) : false : isRangeStart || isRangeEnd;
-                    const isCurrentMonthDay = isCurrentMonth(date);
-                    const isTodayDay = isToday(date);
-                    const isSelectingRangeEnd = isRangeMode.value && Boolean(rangeStart) && !rangeEnd;
-                    const isBeforeRangeStart = isSelectingRangeEnd && rangeStart && normalizeDate(date) < normalizeDate(rangeStart);
-                    const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
-                    const iso = formatDate(date, "yyyy-MM-dd");
-                    return h(
-                      "button",
-                      {
-                        key: index,
-                        type: "button",
-                        class: getDatePickerDayCellClasses(
-                          isCurrentMonthDay,
-                          isSelected,
-                          isTodayDay,
-                          isDisabled,
-                          Boolean(isInRange),
-                          Boolean(isRangeStart),
-                          Boolean(isRangeEnd)
-                        ),
-                        disabled: isDisabled,
-                        onClick: () => selectDate(date),
-                        role: "gridcell",
-                        "data-date": iso,
-                        onFocus: () => {
-                          activeDateIso.value = iso;
+              (() => {
+                const [rangeStart, rangeEnd] = selectedRange.value;
+                const normStart = rangeStart ? normalizeDate(rangeStart) : null;
+                const normEnd = rangeEnd ? normalizeDate(rangeEnd) : null;
+                const isSelectingEnd = isRangeMode.value && Boolean(rangeStart) && !rangeEnd;
+                return h(
+                  "div",
+                  {
+                    class: datePickerCalendarGridClasses,
+                    role: "grid",
+                    "aria-rowcount": 6,
+                    "aria-colcount": 7
+                  },
+                  [
+                    ...calendarDays.value.map((date, index) => {
+                      if (!date) return null;
+                      const normDate = normalizeDate(date);
+                      const isRangeStart = isRangeMode.value && rangeStart ? isSameDay(date, rangeStart) : false;
+                      const isRangeEnd = isRangeMode.value && rangeEnd ? isSameDay(date, rangeEnd) : false;
+                      const isInRange = isRangeMode.value && normStart && normEnd && normDate >= normStart && normDate <= normEnd;
+                      const isSelected = !isRangeMode.value ? selectedDate.value ? isSameDay(date, selectedDate.value) : false : isRangeStart || isRangeEnd;
+                      const isCurrentMonthDay = isCurrentMonth(date);
+                      const isTodayDay = isToday(date);
+                      const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
+                      const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
+                      const iso = formatDate(date, "yyyy-MM-dd");
+                      return h(
+                        "button",
+                        {
+                          key: index,
+                          type: "button",
+                          class: getDatePickerDayCellClasses(
+                            isCurrentMonthDay,
+                            isSelected,
+                            isTodayDay,
+                            isDisabled,
+                            Boolean(isInRange),
+                            Boolean(isRangeStart),
+                            Boolean(isRangeEnd)
+                          ),
+                          disabled: isDisabled,
+                          onClick: () => selectDate(date),
+                          role: "gridcell",
+                          "data-date": iso,
+                          onFocus: () => {
+                            activeDateIso.value = iso;
+                          },
+                          tabindex: activeDateIso.value === iso && !isDisabled ? 0 : -1,
+                          "aria-label": iso,
+                          "aria-selected": isSelected,
+                          "aria-current": isTodayDay ? "date" : void 0
                         },
-                        tabindex: activeDateIso.value === iso && !isDisabled ? 0 : -1,
-                        "aria-label": iso,
-                        "aria-selected": isSelected,
-                        "aria-current": isTodayDay ? "date" : void 0
-                      },
-                      date.getDate()
-                    );
-                  })
-                ]
-              ),
+                        date.getDate()
+                      );
+                    })
+                  ]
+                );
+              })(),
               // Footer (range mode only)
               isRangeMode.value ? h("div", { class: datePickerFooterClasses }, [
                 h(

package/dist/{chunk-UAMYOMEU.mjs → chunk-37WD7WPC.mjs}

@@ -1,6 +1,6 @@
-import { TabsContextKey } from './chunk-JBSSXJZ2.mjs';
+import { TabsContextKey } from './chunk-U7MDGSCQ.mjs';
 import { defineComponent, inject, computed, h } from 'vue';
-import { isKeyActive, classNames, getTabItemClasses, getTabPaneClasses, tabCloseButtonClasses, closeIconViewBox, closeIconPathD, closeIconPathStrokeWidth, closeIconPathStrokeLinejoin, closeIconPathStrokeLinecap } from '@expcat/tigercat-core';
+import { isKeyActive, getTabItemClasses, classNames, getTabPaneClasses, tabCloseButtonClasses, closeIconViewBox, closeIconPathD } from '@expcat/tigercat-core';
 
 var TabPane = defineComponent({
   name: "TigerTabPane",
@@ -89,9 +89,7 @@ var TabPane = defineComponent({
       return props.closable !== void 0 ? props.closable : tabsContext.closable && tabsContext.type === "editable-card";
     });
     const tabItemClasses = computed(() => {
-      return classNames(
-        getTabItemClasses(isActive.value, props.disabled, tabsContext.type, tabsContext.size)
-      );
+      return getTabItemClasses(isActive.value, props.disabled, tabsContext.type, tabsContext.size);
     });
     const tabPaneClasses = computed(() => {
       return classNames(getTabPaneClasses(isActive.value), props.className);
@@ -204,9 +202,9 @@ var TabPane = defineComponent({
                   viewBox: closeIconViewBox
                 },
                 h("path", {
-                  "stroke-linecap": closeIconPathStrokeLinecap,
-                  "stroke-linejoin": closeIconPathStrokeLinejoin,
-                  "stroke-width": closeIconPathStrokeWidth,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
                   d: closeIconPathD
                 })
               )

package/dist/{chunk-FKON56SN.mjs → chunk-3AM6WEUE.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, provide, onMounted, watch, h, nextTick } from 'vue';
-import { classNames, getMenuClasses, coerceClassValue, mergeStyleValues, toggleKey, replaceKeys } from '@expcat/tigercat-core';
+import { classNames, getMenuClasses, coerceClassValue, mergeStyleValues, toggleKey, replaceKeys, initRovingTabIndex } from '@expcat/tigercat-core';
 
 // src/components/Menu.ts
 var MenuContextKey = /* @__PURE__ */ Symbol("MenuContext");
@@ -124,44 +124,31 @@ var Menu = defineComponent({
       const { class: _class, style: _style, ...rest } = attrs;
       return rest;
     });
+    const modeRef = computed(() => props.mode);
+    const themeRef = computed(() => props.theme);
+    const collapsedRef = computed(() => props.collapsed);
+    const inlineIndentRef = computed(() => props.inlineIndent);
     provide(MenuContextKey, {
-      mode: props.mode,
-      theme: props.theme,
-      collapsed: props.collapsed,
-      inlineIndent: props.inlineIndent,
+      mode: modeRef,
+      theme: themeRef,
+      collapsed: collapsedRef,
+      inlineIndent: inlineIndentRef,
       selectedKeys: currentSelectedKeys,
       openKeys: currentOpenKeys,
       handleSelect,
       handleOpenChange
     });
-    const initRovingTabIndex = async () => {
+    const runRovingTabIndex = async () => {
       await nextTick();
-      const root = menuEl.value;
-      if (!root) return;
-      const items = Array.from(
-        root.querySelectorAll('button[data-tiger-menuitem="true"]')
-      ).filter((el) => !el.disabled);
-      if (items.length === 0) return;
-      const hasActive = items.some((el) => el.tabIndex === 0);
-      if (hasActive) return;
-      const selected = items.find((el) => el.dataset.tigerSelected === "true");
-      const active = selected ?? items[0];
-      items.forEach((el) => {
-        el.tabIndex = el === active ? 0 : -1;
-      });
+      if (menuEl.value) initRovingTabIndex(menuEl.value);
     };
     onMounted(() => {
-      void initRovingTabIndex();
+      void runRovingTabIndex();
     });
     watch(
-      [
-        () => props.mode,
-        () => props.collapsed,
-        () => currentSelectedKeys.value,
-        () => currentOpenKeys.value
-      ],
+      [modeRef, collapsedRef, currentSelectedKeys, currentOpenKeys],
       () => {
-        void initRovingTabIndex();
+        void runRovingTabIndex();
       },
       { deep: true }
     );