@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-2S5CNU36.js → chunk-VQXDF6CB.js}

@@ -1,4 +1,12 @@
 "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/FloatButton.ts
+
+
+
+
+
+
+
+
 var _vue = require('vue');
 
 
@@ -11,13 +19,14 @@ var _vue = require('vue');
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
+var FloatButtonGroupShapeKey = /* @__PURE__ */ Symbol("FloatButtonGroupShape");
 var FloatButton = _vue.defineComponent.call(void 0, {
   name: "TigerFloatButton",
   inheritAttrs: false,
   props: {
     shape: {
       type: String,
-      default: "circle"
+      default: void 0
     },
     size: {
       type: String,
@@ -50,10 +59,17 @@ var FloatButton = _vue.defineComponent.call(void 0, {
   },
   emits: ["click"],
   setup(props, { slots, emit, attrs }) {
+    const groupShape = _vue.inject.call(void 0, 
+      FloatButtonGroupShapeKey,
+      void 0
+    );
+    const resolvedShape = _vue.computed.call(void 0, 
+      () => _nullishCoalesce(_nullishCoalesce(props.shape, () => ( _optionalChain([groupShape, 'optionalAccess', _ => _.value]))), () => ( "circle"))
+    );
     const classes = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
         _tigercatcore.floatButtonBaseClasses,
-        _tigercatcore.floatButtonShapeClasses[props.shape],
+        _tigercatcore.floatButtonShapeClasses[resolvedShape.value],
         _tigercatcore.floatButtonSizeClasses[props.size],
         _tigercatcore.floatButtonTypeClasses[props.type],
         props.disabled && _tigercatcore.floatButtonDisabledClasses,
@@ -80,7 +96,7 @@ var FloatButton = _vue.defineComponent.call(void 0, {
           title: props.tooltip,
           onClick: handleClick
         },
-        _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
+        _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])
       );
       return btn;
     };
@@ -115,6 +131,10 @@ var FloatButtonGroup = _vue.defineComponent.call(void 0, {
   setup(props, { slots, emit, attrs }) {
     const internalOpen = _vue.ref.call(void 0, false);
     const isOpen = _vue.computed.call(void 0, () => _nullishCoalesce(props.open, () => ( internalOpen.value)));
+    _vue.provide.call(void 0, 
+      FloatButtonGroupShapeKey,
+      _vue.computed.call(void 0, () => props.shape)
+    );
     const toggle = () => {
       const next = !isOpen.value;
       internalOpen.value = next;

package/dist/{chunk-BPAZBRCR.js → chunk-VUGFSHU2.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Tag.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/Tag.ts
 var _vue = require('vue');
 
 
@@ -15,6 +19,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var CloseIcon = () => _vue.h.call(void 0, 
   "svg",
@@ -40,6 +46,10 @@ var Tag = _vue.defineComponent.call(void 0, {
   name: "TigerTag",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     /**
      * Tag variant style
      * @default 'default'
@@ -70,7 +80,7 @@ var Tag = _vue.defineComponent.call(void 0, {
      */
     closeAriaLabel: {
       type: String,
-      default: "Close tag"
+      default: void 0
     },
     /**
      * Additional CSS classes
@@ -89,6 +99,10 @@ var Tag = _vue.defineComponent.call(void 0, {
   },
   emits: ["close"],
   setup(props, { slots, emit, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const labels = _vue.computed.call(void 0, 
+      () => _tigercatcore.getStatusLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale))
+    );
     const isVisible = _vue.ref.call(void 0, true);
     const tagClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
@@ -132,7 +146,7 @@ var Tag = _vue.defineComponent.call(void 0, {
             {
               class: closeButtonClasses.value,
               onClick: handleClose,
-              "aria-label": props.closeAriaLabel,
+              "aria-label": _nullishCoalesce(props.closeAriaLabel, () => ( labels.value.tagCloseAriaLabel)),
               type: "button"
             },
             CloseIcon()

package/dist/{chunk-MUJLT2YG.js → chunk-VXRFE72I.js}

@@ -2,6 +2,9 @@
 
 var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
 
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
 // src/components/TimePicker.ts
 
 
@@ -48,6 +51,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 
@@ -69,7 +74,7 @@ var TimePicker = _vue.defineComponent.call(void 0, {
      * Locale used for UI labels and display formatting.
      */
     locale: {
-      type: String,
+      type: [String, Object],
       default: void 0
     },
     /**
@@ -224,6 +229,7 @@ var TimePicker = _vue.defineComponent.call(void 0, {
     clear: () => true
   },
   setup(props, { emit, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
     const isOpen = _vue.ref.call(void 0, false);
     const panelRef = _vue.ref.call(void 0, null);
     const inputWrapperRef = _vue.ref.call(void 0, null);
@@ -265,11 +271,16 @@ var TimePicker = _vue.defineComponent.call(void 0, {
     _vue.watch.call(void 0, () => [activeValue.value, props.format], syncSelectionFromActiveValue, {
       immediate: true
     });
-    const labels = _vue.computed.call(void 0, () => _tigercatcore.getTimePickerLabels.call(void 0, props.locale, props.labels));
+    const localeOverride = _vue.computed.call(void 0, 
+      () => typeof props.locale === "string" ? { locale: props.locale } : props.locale
+    );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, localeOverride.value));
+    const localeCode = _vue.computed.call(void 0, () => _optionalChain([mergedLocale, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.locale]));
+    const labels = _vue.computed.call(void 0, () => _tigercatcore.getTimePickerLabels.call(void 0, mergedLocale.value, props.labels));
     const computedPlaceholder = _vue.computed.call(void 0, 
       () => _nullishCoalesce(props.placeholder, () => ( (isRangeMode.value ? labels.value.selectTimeRange : labels.value.selectTime)))
     );
-    const periodLabels = _vue.computed.call(void 0, () => _tigercatcore.getTimePeriodLabels.call(void 0, props.locale));
+    const periodLabels = _vue.computed.call(void 0, () => _tigercatcore.getTimePeriodLabels.call(void 0, localeCode.value));
     const rootClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, _tigercatcore.timePickerBaseClasses, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class))
     );
@@ -283,7 +294,7 @@ var TimePicker = _vue.defineComponent.call(void 0, {
           parsedTime.value.seconds,
           props.format,
           props.showSeconds,
-          props.locale
+          localeCode.value
         );
       }
       const toDisplay = (timeStr) => {
@@ -295,7 +306,7 @@ var TimePicker = _vue.defineComponent.call(void 0, {
           parsed.seconds,
           props.format,
           props.showSeconds,
-          props.locale
+          localeCode.value
         );
       };
       const start = toDisplay(currentRangeValue.value[0]);
@@ -321,28 +332,10 @@ var TimePicker = _vue.defineComponent.call(void 0, {
     }
     function closePanel() {
       isOpen.value = false;
-      _optionalChain([inputRef, 'access', _7 => _7.value, 'optionalAccess', _8 => _8.focus, 'call', _9 => _9()]);
+      _optionalChain([inputRef, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.focus, 'call', _11 => _11()]);
     }
     function focusOptionInUnit(unit, action) {
-      const panel = panelRef.value;
-      if (!panel) return;
-      const all = Array.from(
-        panel.querySelectorAll(`button[data-tiger-timepicker-unit="${unit}"]`)
-      );
-      const nodes = all.filter((button) => !button.disabled);
-      if (nodes.length === 0) return;
-      const active = document.activeElement;
-      const activeIndex = active ? nodes.indexOf(active) : -1;
-      const selectedIndex = nodes.findIndex(
-        (button) => button.getAttribute("aria-selected") === "true"
-      );
-      const baseIndex = activeIndex >= 0 ? activeIndex : Math.max(0, selectedIndex);
-      let nextIndex = baseIndex;
-      if (action === "prev") nextIndex = Math.max(0, baseIndex - 1);
-      if (action === "next") nextIndex = Math.min(nodes.length - 1, baseIndex + 1);
-      if (action === "first") nextIndex = 0;
-      if (action === "last") nextIndex = nodes.length - 1;
-      _optionalChain([nodes, 'access', _10 => _10[nextIndex], 'optionalAccess', _11 => _11.focus, 'call', _12 => _12()]);
+      _tigercatcore.focusTimePickerOption.call(void 0, panelRef.value, unit, action);
     }
     function handlePanelKeydown(event) {
       if (event.key === "Escape") {
@@ -351,7 +344,7 @@ var TimePicker = _vue.defineComponent.call(void 0, {
         return;
       }
       const active = document.activeElement;
-      const unit = _optionalChain([active, 'optionalAccess', _13 => _13.getAttribute, 'call', _14 => _14("data-tiger-timepicker-unit")]);
+      const unit = _optionalChain([active, 'optionalAccess', _12 => _12.getAttribute, 'call', _13 => _13("data-tiger-timepicker-unit")]);
       if (!unit) return;
       if (event.key === "ArrowUp") {
         event.preventDefault();
@@ -404,7 +397,13 @@ var TimePicker = _vue.defineComponent.call(void 0, {
       updateTime();
     }
     function updateTime() {
-      if (!_tigercatcore.isTimeInRange.call(void 0, selectedHours.value, selectedMinutes.value, props.minTime, props.maxTime)) {
+      if (!_tigercatcore.isTimeInRange.call(void 0, 
+        selectedHours.value,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      )) {
         return;
       }
       let timeString = _tigercatcore.formatTime.call(void 0, 
@@ -481,10 +480,31 @@ var TimePicker = _vue.defineComponent.call(void 0, {
     }
     function isHourDisabled(hour) {
       const hours24 = props.format === "12" ? _tigercatcore.to24HourFormat.call(void 0, hour, selectedPeriod.value) : hour;
-      return !_tigercatcore.isTimeInRange.call(void 0, hours24, selectedMinutes.value, props.minTime, props.maxTime);
+      return !_tigercatcore.isTimeInRange.call(void 0, 
+        hours24,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      );
     }
     function isMinuteDisabled(minute) {
-      return !_tigercatcore.isTimeInRange.call(void 0, selectedHours.value, minute, props.minTime, props.maxTime);
+      return !_tigercatcore.isTimeInRange.call(void 0, 
+        selectedHours.value,
+        minute,
+        props.minTime,
+        props.maxTime,
+        selectedSeconds.value
+      );
+    }
+    function isSecondDisabled(second) {
+      return !_tigercatcore.isTimeInRange.call(void 0, 
+        selectedHours.value,
+        selectedMinutes.value,
+        props.minTime,
+        props.maxTime,
+        second
+      );
     }
     function handleClickOutside(event) {
       if (panelRef.value && inputWrapperRef.value && !panelRef.value.contains(event.target) && !inputWrapperRef.value.contains(event.target)) {
@@ -510,7 +530,7 @@ var TimePicker = _vue.defineComponent.call(void 0, {
         const firstHour = panel.querySelector(
           'button[data-tiger-timepicker-unit="hour"]:not([disabled])'
         );
-        _optionalChain([firstHour, 'optionalAccess', _15 => _15.focus, 'call', _16 => _16()]);
+        _optionalChain([firstHour, 'optionalAccess', _14 => _14.focus, 'call', _15 => _15()]);
       } else {
         document.removeEventListener("click", handleClickOutside);
       }
@@ -650,7 +670,11 @@ var TimePicker = _vue.defineComponent.call(void 0, {
                   onChange: (event) => selectSecond(Number(event.target.value))
                 },
                 secondsList.value.map(
-                  (second) => _vue.h.call(void 0, "option", { value: second }, _tigercatcore.padTwo.call(void 0, second))
+                  (second) => _vue.h.call(void 0, 
+                    "option",
+                    { value: second, disabled: isSecondDisabled(second) },
+                    _tigercatcore.padTwo.call(void 0, second)
+                  )
                 )
               ),
               props.format === "12" && _vue.h.call(void 0, 
@@ -690,7 +714,7 @@ var TimePicker = _vue.defineComponent.call(void 0, {
                         "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
                           hour,
                           "hour",
-                          props.locale,
+                          mergedLocale.value,
                           props.labels
                         ),
                         "aria-selected": isSelected
@@ -721,7 +745,7 @@ var TimePicker = _vue.defineComponent.call(void 0, {
                         "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
                           minute,
                           "minute",
-                          props.locale,
+                          mergedLocale.value,
                           props.labels
                         ),
                         "aria-selected": isSelected
@@ -739,18 +763,20 @@ var TimePicker = _vue.defineComponent.call(void 0, {
                   { class: _tigercatcore.timePickerColumnListClasses },
                   secondsList.value.map((second) => {
                     const isSelected = selectedSeconds.value === second;
+                    const isDisabled = isSecondDisabled(second);
                     return _vue.h.call(void 0, 
                       "button",
                       {
                         key: second,
                         type: "button",
-                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, false),
+                        class: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, isDisabled),
+                        disabled: isDisabled,
                         onClick: () => selectSecond(second),
                         "data-tiger-timepicker-unit": "second",
                         "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0, 
                           second,
                           "second",
-                          props.locale,
+                          mergedLocale.value,
                           props.labels
                         ),
                         "aria-selected": isSelected

package/dist/{chunk-3A7H2CTW.mjs → chunk-VYBRLIKF.mjs}

@@ -1,6 +1,9 @@
 import {
   createFilledIcon
 } from "./chunk-2TNZ4JNT.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/DatePicker.ts
 import { defineComponent, computed, ref, nextTick, h, watch, onBeforeUnmount } from "vue";
@@ -11,11 +14,12 @@ import {
   parseDate,
   formatDate,
   formatMonthYear,
-  isSameDay,
+  addDays,
+  addMonths,
   isDateInRange,
   getCalendarDays,
   getShortDayNames,
-  isToday as isTodayUtil,
+  getDatePickerCalendarCellState,
   normalizeDate,
   datePickerBaseClasses,
   datePickerInputWrapperClasses,
@@ -40,12 +44,26 @@ import {
   ChevronRightIconPath,
   getDatePickerLocaleCode,
   getDatePickerLabels,
-  getLocaleDirection
+  getLocaleDirection,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var CalendarIcon = createFilledIcon(CalendarIconPath, "w-5 h-5");
 var CloseIcon = createFilledIcon(CloseIconPath, "w-4 h-4");
 var ChevronLeftIcon = createFilledIcon(ChevronLeftIconPath, "w-5 h-5");
 var ChevronRightIcon = createFilledIcon(ChevronRightIconPath, "w-5 h-5");
+function normalizeDatePickerLocale(locale) {
+  if (!locale) return void 0;
+  if (typeof locale === "string") return { locale };
+  if ("datePicker" in locale) return locale;
+  const preset = locale;
+  return {
+    locale: hasDatePickerLocaleCode(preset) ? preset.locale : void 0,
+    datePicker: preset
+  };
+}
+function hasDatePickerLocaleCode(locale) {
+  return typeof locale.locale === "string";
+}
 var isDateLike = (value) => value === null || value instanceof Date || typeof value === "string";
 var isModelValue = (value) => {
   if (isDateLike(value)) return true;
@@ -199,7 +217,11 @@ var DatePicker = defineComponent({
       return isModelValue(value);
     },
     /**
-     * Emitted when date changes
+     * Convenience event emitted alongside `update:modelValue` on every value
+     * change. This is an intentional, non-v-model event (the idiomatic Vue
+     * pattern); it always carries the same normalized value as
+     * `update:modelValue`. Prefer `v-model` for two-way binding and use
+     * `@change` only for side effects.
      */
     change: (value) => {
       return isModelValue(value);
@@ -210,6 +232,7 @@ var DatePicker = defineComponent({
     clear: () => true
   },
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
     const isOpen = ref(false);
     const calendarRef = ref(null);
     const mobileCalendarRef = ref(null);
@@ -232,7 +255,10 @@ var DatePicker = defineComponent({
     });
     const minDateParsed = computed(() => parseDate(props.minDate));
     const maxDateParsed = computed(() => parseDate(props.maxDate));
-    const localeCode = computed(() => getDatePickerLocaleCode(props.locale));
+    const mergedLocale = computed(
+      () => mergeTigerLocale(config.value.locale, normalizeDatePickerLocale(props.locale))
+    );
+    const localeCode = computed(() => getDatePickerLocaleCode(mergedLocale.value));
     const viewingMonth = ref(
       (selectedDate.value ?? selectedRange.value[0])?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
     );
@@ -266,7 +292,7 @@ var DatePicker = defineComponent({
     const isRtl = computed(() => getLocaleDirection(localeCode.value) === "rtl");
     const previousMonthIcon = computed(() => isRtl.value ? ChevronRightIcon : ChevronLeftIcon);
     const nextMonthIcon = computed(() => isRtl.value ? ChevronLeftIcon : ChevronRightIcon);
-    const labels = computed(() => getDatePickerLabels(props.locale, props.labels));
+    const labels = computed(() => getDatePickerLabels(mergedLocale.value, props.labels));
     const mobileDate = computed(() => {
       if (!isRangeMode.value) return selectedDate.value ?? normalizeDate(/* @__PURE__ */ new Date());
       const [start, end] = selectedRange.value;
@@ -285,11 +311,6 @@ var DatePicker = defineComponent({
       emit("update:modelValue", value);
       emit("change", value);
     };
-    const addDays = (date, days) => {
-      const next = new Date(date);
-      next.setDate(next.getDate() + days);
-      return next;
-    };
     const focusDateButtonByIso = (iso) => {
       const button = calendarRef.value?.querySelector(
         `button[data-date="${iso}"]`
@@ -420,7 +441,18 @@ var DatePicker = defineComponent({
     }
     function handleShortcut(shortcut) {
       const val = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
-      emitValue(val);
+      if (!isRangeMode.value) {
+        const date = val instanceof Date ? normalizeDate(val) : val ? normalizeDate(parseDate(val)) : null;
+        emitValue(date);
+      } else {
+        const range = val;
+        if (range && Array.isArray(range)) {
+          emitValue([
+            range[0] ? normalizeDate(range[0] instanceof Date ? range[0] : parseDate(range[0])) : null,
+            range[1] ? normalizeDate(range[1] instanceof Date ? range[1] : parseDate(range[1])) : null
+          ]);
+        }
+      }
       closeCalendar();
     }
     function selectDate(date) {
@@ -471,21 +503,16 @@ var DatePicker = defineComponent({
       emitValue(!isRangeMode.value ? null : [null, null]);
       emit("clear");
     }
+    function stepViewingMonth(delta) {
+      const next = addMonths(new Date(viewingYear.value, viewingMonth.value, 1), delta);
+      viewingYear.value = next.getFullYear();
+      viewingMonth.value = next.getMonth();
+    }
     function previousMonth() {
-      if (viewingMonth.value === 0) {
-        viewingMonth.value = 11;
-        viewingYear.value--;
-      } else {
-        viewingMonth.value--;
-      }
+      stepViewingMonth(-1);
     }
     function nextMonth() {
-      if (viewingMonth.value === 11) {
-        viewingMonth.value = 0;
-        viewingYear.value++;
-      } else {
-        viewingMonth.value++;
-      }
+      stepViewingMonth(1);
     }
     function isDateDisabled(date) {
       if (!date) return true;
@@ -727,10 +754,6 @@ var DatePicker = defineComponent({
               ]),
               // Calendar grid
               (() => {
-                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",
                   {
@@ -742,41 +765,39 @@ var DatePicker = defineComponent({
                   [
                     ...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 = isTodayUtil(date);
-                      const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
-                      const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
-                      const iso = formatDate(date, "yyyy-MM-dd");
+                      const cell = getDatePickerCalendarCellState({
+                        date,
+                        selectedDate: selectedDate.value,
+                        selectedRange: selectedRange.value,
+                        isRangeMode: isRangeMode.value,
+                        isCurrentMonth,
+                        isDateDisabled
+                      });
                       return h(
                         "button",
                         {
                           key: index,
                           type: "button",
                           class: getDatePickerDayCellClasses(
-                            isCurrentMonthDay,
-                            isSelected,
-                            isTodayDay,
-                            isDisabled,
-                            Boolean(isInRange),
-                            Boolean(isRangeStart),
-                            Boolean(isRangeEnd)
+                            cell.isCurrentMonthDay,
+                            cell.isSelected,
+                            cell.isTodayDay,
+                            cell.isDisabled,
+                            cell.isInRange,
+                            cell.isRangeStart,
+                            cell.isRangeEnd
                           ),
-                          disabled: isDisabled,
+                          disabled: cell.isDisabled,
                           onClick: () => selectDate(date),
                           role: "gridcell",
-                          "data-date": iso,
+                          "data-date": cell.iso,
                           onFocus: () => {
-                            activeDateIso.value = iso;
+                            activeDateIso.value = cell.iso;
                           },
-                          tabindex: activeDateIso.value === iso && !isDisabled ? 0 : -1,
-                          "aria-label": iso,
-                          "aria-selected": isSelected,
-                          "aria-current": isTodayDay ? "date" : void 0
+                          tabindex: activeDateIso.value === cell.iso && !cell.isDisabled ? 0 : -1,
+                          "aria-label": cell.iso,
+                          "aria-selected": cell.isSelected,
+                          "aria-current": cell.isTodayDay ? "date" : void 0
                         },
                         date.getDate()
                       );

package/dist/{chunk-UWZSTI3E.js → chunk-W34IV4EC.js}

@@ -17,6 +17,7 @@ var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 
 
+
 var _vue = require('vue');
 
 
@@ -296,10 +297,17 @@ var Dropdown = _vue.defineComponent.call(void 0, {
       zIndex: _tigercatcore.FLOATING_OVERLAY_Z_INDEX,
       transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, currentPlacement.value)
     }));
-    _vue.provide.call(void 0, DropdownContextKey, {
+    const dropdownContext = _vue.reactive.call(void 0, {
       closeOnClick: props.closeOnClick,
       handleItemClick
     });
+    _vue.watch.call(void 0, 
+      () => props.closeOnClick,
+      (closeOnClick) => {
+        dropdownContext.closeOnClick = closeOnClick;
+      }
+    );
+    _vue.provide.call(void 0, DropdownContextKey, dropdownContext);
     const _menuItemTabIndex = -1;
     return () => {
       const defaultSlot = _optionalChain([slots, 'access', _7 => _7.default, 'optionalCall', _8 => _8()]);

package/dist/{chunk-F7G7K3TF.mjs → chunk-WBT3WSRE.mjs}

@@ -50,7 +50,9 @@ var RichTextEditor = defineComponent({
     const activeFormats = ref(/* @__PURE__ */ new Set());
     let engineInstance = null;
     const isControlled = computed(() => props.value !== void 0);
-    const currentContent = computed(() => isControlled.value ? props.value : internalValue.value);
+    const currentContent = computed(
+      () => props.value !== void 0 ? props.value : internalValue.value
+    );
     const toolbarItems = computed(() => props.toolbar ?? defaultToolbar);
     const isEmpty = computed(() => isContentEmpty(currentContent.value));
     watch(
@@ -73,6 +75,7 @@ var RichTextEditor = defineComponent({
       engineInstance = engine.create({
         element: editorRef.value,
         initialValue: currentContent.value,
+        mode: props.mode,
         readOnly: props.readOnly,
         disabled: props.disabled,
         placeholder: props.placeholder,
@@ -93,10 +96,6 @@ var RichTextEditor = defineComponent({
     });
     function execButtonAction(btn) {
       if (props.readOnly || props.disabled) return;
-      if (btn.action && editorRef.value) {
-        btn.action(editorRef.value);
-        return;
-      }
       engineInstance?.exec(btn.name);
     }
     function handleKeydown(e) {