@maple-design/ui-vue 1.1.0 → 1.1.1

package/es/date/picker-panels/MonthPickerPanel2.vue.mjs

@@ -4,16 +4,15 @@ import dayjs from "dayjs";
 import isSameOrAfter from "dayjs/plugin/isSameOrAfter.js";
 import isSameOrBefore from "dayjs/plugin/isSameOrBefore.js";
 import { navigateTemporalGrid } from "../../_utils/temporal-keyboard.mjs";
-import { Button } from "../../button/index.mjs";
-import "../../locale/index.mjs";
+import MpButton from "../../button/base.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
+import { dateText } from "../../locale/date-text.mjs";
 import { createNamespace } from "../../utils/components.mjs";
 import { dateMonthLabel } from "../date-labels.mjs";
 import { isRangeHighlighted } from "../range-highlight.mjs";
 import { useCalendarRangeStyle } from "../use-calendar-range-style.mjs";
 import PanelHeader from "./PanelHeader.vue.mjs";
 import { MONTH_LIST } from "../presentation-props.mjs";
-import { t } from "../../locale/state.mjs";
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
 const { n, classes } = createNamespace("month-picker");
@@ -21,7 +20,7 @@ const { n: nDate } = createNamespace("date-picker");
 const _sfc_main = defineComponent({
   name: createNamespace("month-picker-panel").name,
   components: {
-    MpButton: Button,
+    MpButton,
     PanelHeader
   },
   props: {
@@ -69,7 +68,7 @@ const _sfc_main = defineComponent({
     const isSameYear = computed(() => props.choose.chooseYear === props.preview.previewYear);
     const isCurrentYear = computed(() => props.preview.previewYear === currentYear);
     const getMonthAbbr = (key) => {
-      const month = (pt || t)("datePickerMonthDict")?.[key];
+      const month = (pt || dateText)("datePickerMonthDict")?.[key];
       return dateMonthLabel(props.componentProps.abbreviation, month?.abbr ?? "", month?.name ?? "");
     };
     const inRange = (key) => {
@@ -205,7 +204,7 @@ const _sfc_main = defineComponent({
       onGridKeydown: (event) => navigateTemporalGrid(event, "button[mp-month-picker-cover]", 3),
       n,
       nDate,
-      t,
+      t: dateText,
       MONTH_LIST,
       headerEl,
       reverse,

package/es/date/picker-panels/PanelHeader2.vue.mjs

@@ -1,13 +1,12 @@
 import { defineComponent, ref, computed, watch } from "vue";
 import { IconChevronDown, IconChevronRight, IconChevronLeft } from "@maple-design/icons-vue";
 import { toNumber } from "@maple-design/shared-vue";
-import { Button } from "../../button/index.mjs";
+import MpButton from "../../button/base.mjs";
 import "../../icon/index.mjs";
-import "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
+import { dateText } from "../../locale/date-text.mjs";
 import { createNamespace } from "../../utils/components.mjs";
 import _sfc_main$1 from "../../icon/Icon.vue.mjs";
-import { t } from "../../locale/state.mjs";
 const { n } = createNamespace("date-picker-header");
 const _sfc_main = defineComponent({
   name: createNamespace("panel-header").name,
@@ -15,7 +14,7 @@ const _sfc_main = defineComponent({
     MIconChevronLeft: IconChevronLeft,
     MIconChevronRight: IconChevronRight,
     MIconChevronDown: IconChevronDown,
-    MpButton: Button,
+    MpButton,
     MpIcon: _sfc_main$1
   },
   props: {
@@ -40,7 +39,7 @@ const _sfc_main = defineComponent({
     const label = (direction) => {
       const unit = props.type === "year" ? "Period" : props.type === "month" ? "Year" : "Month";
       const key = `datePicker${direction}${unit}`;
-      return pt?.(key) ?? t(key);
+      return pt?.(key) ?? dateText(key);
     };
     const previousLabel = computed(() => label("Previous"));
     const nextLabel = computed(() => label("Next"));
@@ -53,8 +52,8 @@ const _sfc_main = defineComponent({
       if (type === "month") {
         return toNumber(previewYear) + forwardOrBackNum.value;
       }
-      const monthName = (pt || t)("datePickerMonthDict")?.[previewMonth].name;
-      return (pt || t)("lang") === "zh-CN" ? `${previewYear} ${monthName}` : `${monthName} ${previewYear}`;
+      const monthName = (pt || dateText)("datePickerMonthDict")?.[previewMonth].name;
+      return (pt || dateText)("lang") === "zh-CN" ? `${previewYear} ${monthName}` : `${monthName} ${previewYear}`;
     });
     const checkDate = (checkType) => {
       if (checkType === "prev" && props.disabled.left || checkType === "next" && props.disabled.right) {

package/es/date/picker-panels/YearPickerPanel2.vue.mjs

@@ -6,7 +6,7 @@ import isSameOrAfter from "dayjs/plugin/isSameOrAfter.js";
 import isSameOrBefore from "dayjs/plugin/isSameOrBefore.js";
 import { navigateTemporalGrid } from "../../_utils/temporal-keyboard.mjs";
 import "../../affix/index.mjs";
-import { Button } from "../../button/index.mjs";
+import MpButton from "../../button/base.mjs";
 import { createNamespace } from "../../utils/components.mjs";
 import { isRangeHighlighted } from "../range-highlight.mjs";
 import { useCalendarRangeStyle } from "../use-calendar-range-style.mjs";
@@ -19,7 +19,7 @@ const { n: nDate } = createNamespace("date-picker");
 const _sfc_main = defineComponent({
   name: createNamespace("year-picker-panel").name,
   components: {
-    MpButton: Button,
+    MpButton,
     MpAffix: _sfc_main$1,
     PanelHeader
   },

package/es/date/presentation/CalendarContent2.vue.mjs

@@ -5,9 +5,9 @@ import { pickerFieldIndexes, mergePickerFields, timeFields } from "../../_compon
 import { useRangeFieldIndex, useRangeDisabledParts } from "../../_components/picker-field/mobile-range-field-context.mjs";
 import _sfc_main$1 from "../../_components/picker-field/TemporalCurrent.vue.mjs";
 import { navigateTemporalColumns } from "../../_utils/temporal-keyboard.mjs";
-import "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
-import { _PickerComponent } from "../../picker/index.mjs";
+import { dateText } from "../../locale/date-text.mjs";
+import MpPicker from "../../picker/base.mjs";
 import { formatElevation, createNamespace } from "../../utils/components.mjs";
 import { padStart } from "../../utils/shared.mjs";
 import { useDateCurrent } from "../date-current.mjs";
@@ -20,7 +20,6 @@ import { props, MONTH_LIST, WEEK_HEADER } from "../presentation-props.mjs";
 import { useQuickTime } from "../quick-time.mjs";
 import { dateWheelOptions } from "../wheel-options.mjs";
 import _sfc_main$2 from "./CalendarViewport.vue.mjs";
-import { t } from "../../locale/state.mjs";
 const { name, n, classes } = createNamespace("date-picker");
 const _sfc_main = defineComponent({
   name,
@@ -28,7 +27,7 @@ const _sfc_main = defineComponent({
     MonthPickerPanel,
     YearPickerPanel,
     DayPickerPanel,
-    MpPicker: _PickerComponent,
+    MpPicker,
     CalendarViewport: _sfc_main$2,
     TemporalCurrent: _sfc_main$1
   },
@@ -102,7 +101,7 @@ const _sfc_main = defineComponent({
       if (range) {
         return chooseRangeYear.value.length ? `${chooseRangeYear.value[0]} ~ ${rangeDone.value ? chooseRangeYear.value[1] ?? "—" : "—"}` : "";
       }
-      return multiple ? `${chooseYears.value.length}${(pt || t)("datePickerSelected")}` : chooseYear.value ?? "";
+      return multiple ? `${chooseYears.value.length}${(pt || dateText)("datePickerSelected")}` : chooseYear.value ?? "";
     });
     const getMonthTitle = computed(() => {
       const { multiple, range } = props2;
@@ -111,9 +110,9 @@ const _sfc_main = defineComponent({
       }
       let monthName = "";
       if (chooseMonth.value) {
-        monthName = (pt || t)("datePickerMonthDict")?.[chooseMonth.value].name ?? "";
+        monthName = (pt || dateText)("datePickerMonthDict")?.[chooseMonth.value].name ?? "";
       }
-      return multiple ? `${chooseMonths.value.length}${(pt || t)("datePickerSelected")}` : monthName;
+      return multiple ? `${chooseMonths.value.length}${(pt || dateText)("datePickerSelected")}` : monthName;
     });
     const getDateTitle = computed(() => {
       const { multiple, range } = props2;
@@ -122,17 +121,17 @@ const _sfc_main = defineComponent({
         return formatRangeDays.length ? `${formatRangeDays[0]} ~ ${rangeDone.value ? formatRangeDays[1] ?? "—" : "—"}` : "";
       }
       if (multiple) {
-        return `${chooseDays.value.length}${(pt || t)("datePickerSelected")}`;
+        return `${chooseDays.value.length}${(pt || dateText)("datePickerSelected")}`;
       }
       if (!chooseYear.value || !chooseMonth.value || !chooseDay.value) {
         return "";
       }
       const weekIndex = dayjs(`${chooseYear.value}-${chooseMonth.value}-${chooseDay.value}`).day();
       const week = WEEK_HEADER.find((value) => value === `${weekIndex}`);
-      const weekName = (pt || t)("datePickerWeekDict")?.[week].name ?? "";
-      const monthName = (pt || t)("datePickerMonthDict")?.[chooseMonth.value].name ?? "";
+      const weekName = (pt || dateText)("datePickerWeekDict")?.[week].name ?? "";
+      const monthName = (pt || dateText)("datePickerMonthDict")?.[chooseMonth.value].name ?? "";
       const showDay = padStart(chooseDay.value, 2, "0");
-      if ((pt || t)("lang") === "zh-CN") {
+      if ((pt || dateText)("lang") === "zh-CN") {
         return `${chooseMonth.value}-${showDay} ${weekName.slice(0, 3)}`;
       }
       return `${weekName.slice(0, 3)}, ${monthName.slice(0, 3)} ${chooseDay.value}`;
@@ -528,7 +527,7 @@ const _sfc_main = defineComponent({
       () => dateWheelFieldIndexes(props2.dateFields, props2.showTime ? "date" : props2.type)
     );
     const dateTimeColumnLabels = computed(() => {
-      const translate = (key) => (pt ? pt : t)(key);
+      const translate = (key) => (pt ? pt : dateText)(key);
       const dateLabels = [
         translate("datePickerColumnYear"),
         translate("datePickerColumnMonth"),
@@ -544,7 +543,7 @@ const _sfc_main = defineComponent({
     const timeFieldIndexes = computed(() => pickerFieldIndexes(props2.timeFields, timeFields, [0, 1, 2]));
     const customTimeFields = computed(() => props2.timeFields !== void 0);
     const timeOnlyColumnLabels = computed(() => {
-      const translate = (key) => (pt ? pt : t)(key);
+      const translate = (key) => (pt ? pt : dateText)(key);
       const labels = [translate("datePickerColumnHour"), translate("datePickerColumnMinute")];
       labels.push(translate("datePickerColumnSecond"));
       return timeFieldIndexes.value.map((index) => labels[index]);
@@ -669,7 +668,7 @@ const _sfc_main = defineComponent({
       handleDateTimePickerChange,
       handleTimeOnlyPickerChange,
       pt,
-      t,
+      t: dateText,
       n,
       classes,
       clickEl,

package/es/date/presentation/CalendarViewport.vue.mjs

@@ -2,10 +2,9 @@ import { defineComponent, computed, ref, onMounted, onBeforeUnmount, watch, next
 import { IconChevronLeft, IconChevronRight } from "@maple-design/icons-vue";
 import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc.js";
-import "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
+import { dateText } from "../../locale/date-text.mjs";
 import { createNamespace } from "../../utils/components.mjs";
-import { t } from "../../locale/state.mjs";
 const _hoisted_1 = ["data-mode", "data-total-months", "data-rendered-months"];
 const _hoisted_2 = {
   class: "mp-calendar-viewport__navigation",
@@ -76,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const weekStart = computed(() => anchor.value.subtract((anchor.value.day() - weekStartsOn.value + 7) % 7, "day"));
     const weekEnd = computed(() => weekStart.value.add(6, "day"));
     const { t: provided } = injectLocaleProvider();
-    const translate = (key) => (provided ?? t)(key);
+    const translate = (key) => (provided ?? dateText)(key);
     const weekCaption = computed(() => {
       const start = weekStart.value;
       const end = weekEnd.value;

package/es/date/presentation/use-date-locale.mjs

@@ -1,10 +1,9 @@
 import { computed } from "vue";
-import "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
-import { t } from "../../locale/state.mjs";
+import { dateText } from "../../locale/date-text.mjs";
 function useDateLocale() {
   const { t: provided } = injectLocaleProvider();
-  return computed(() => String((provided ?? t)("lang") ?? "zh-CN"));
+  return computed(() => String((provided ?? dateText)("lang") ?? "zh-CN"));
 }
 export {
   useDateLocale

package/es/date/presentation/use-field-locale.mjs

@@ -1,14 +1,13 @@
-import "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
-import { t } from "../../locale/state.mjs";
+import { dateText } from "../../locale/date-text.mjs";
 function useDateFieldLocale() {
   const { t: provided } = injectLocaleProvider();
   return {
     placeholder: (_range, _type = "date") => "",
-    nextDay: () => (provided ?? t)("timeRangeNextDay"),
-    title: () => (provided ?? t)("pickerTitle"),
-    cancel: () => (provided ?? t)("pickerCancelButtonText"),
-    confirm: () => (provided ?? t)("pickerConfirmButtonText")
+    nextDay: () => (provided ?? dateText)("timeRangeNextDay"),
+    title: () => (provided ?? dateText)("pickerTitle"),
+    cancel: () => (provided ?? dateText)("pickerCancelButtonText"),
+    confirm: () => (provided ?? dateText)("pickerConfirmButtonText")
   };
 }
 export {

package/es/date/presentation/use-panel-actions-locale.mjs

@@ -1,13 +1,12 @@
 import { computed } from "vue";
-import "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
-import { t } from "../../locale/state.mjs";
+import { dateText } from "../../locale/date-text.mjs";
 function usePanelActionsLocale() {
   const { t: provided } = injectLocaleProvider();
   return {
-    orderErrorText: (showTime) => (provided ?? t)(showTime ? "dateTimeRangeOrderError" : "dateRangeOrderError"),
-    nowText: computed(() => (provided ?? t)("datePickerNowButtonText")),
-    confirmText: computed(() => (provided ?? t)("pickerConfirmButtonText"))
+    orderErrorText: (showTime) => (provided ?? dateText)(showTime ? "dateTimeRangeOrderError" : "dateRangeOrderError"),
+    nowText: computed(() => (provided ?? dateText)("datePickerNowButtonText")),
+    confirmText: computed(() => (provided ?? dateText)("pickerConfirmButtonText"))
   };
 }
 export {

package/es/date-range/presentation/RangeContent2.vue.mjs

@@ -12,17 +12,16 @@ import _sfc_main$3 from "../../date/presentation/CalendarViewport.vue.mjs";
 import { useQuickTime } from "../../date/quick-time.mjs";
 import { useRangeQuickPanel } from "../../date/range-quick-selection.mjs";
 import { dateWheelOptions } from "../../date/wheel-options.mjs";
-import "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";
-import { _PickerComponent } from "../../picker/index.mjs";
+import { dateText } from "../../locale/date-text.mjs";
+import MpPicker from "../../picker/base.mjs";
 import { formatElevation, createNamespace } from "../../utils/components.mjs";
 import { dateRangeCalendarOptions } from "../calendar-options.mjs";
 import { props } from "../presentation-props.mjs";
-import { t } from "../../locale/state.mjs";
 const { name, n, classes } = createNamespace("date-range-picker");
 const _sfc_main = defineComponent({
   name,
-  components: { MpPicker: _PickerComponent, CalendarContent, CalendarViewport: _sfc_main$3, TemporalCurrent: _sfc_main$2, DateRangeQuickPanel: _sfc_main$1 },
+  components: { MpPicker, CalendarContent, CalendarViewport: _sfc_main$3, TemporalCurrent: _sfc_main$2, DateRangeQuickPanel: _sfc_main$1 },
   props: {
     ...props,
     endpointEditor: Boolean,
@@ -34,7 +33,7 @@ const _sfc_main = defineComponent({
   emits: ["change", "update:modelValue", "update:pickerValue"],
   setup(props2, { emit }) {
     const { t: pt } = injectLocaleProvider();
-    const translate = (key) => (pt ?? t)(key);
+    const translate = (key) => (pt ?? dateText)(key);
     const quick = useRangeQuickPanel();
     const disabledParts = useRangeDisabledParts();
     const activeIndex = useRangeFieldIndex();

package/es/dialog/Dialog.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, useSlots, ref, computed, toRef, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, Teleport, unref, withDirectives, mergeProps, resolveDynamicComponent, Transition, withCtx, normalizeStyle, normalizeClass, vShow, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode } from "vue";
 import { IconInfoCircleFill, IconCheckboxMarkedCircleFill, IconWarning, IconError, IconClose } from "@maple-design/icons-vue";
 import _sfc_main$2 from "../_components/pending-feedback/PendingFeedback.vue.mjs";
-import { Button } from "../button/index.mjs";
+import MpButton from "../button/base.mjs";
 import "../icon/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";
 import { t, defaultLocaleReady } from "../locale/state.mjs";
@@ -243,7 +243,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       class: normalizeClass(unref(n)("actions"))
                     }, [
-                      _ctx.cancelButton ? (openBlock(), createBlock(unref(Button), mergeProps({
+                      _ctx.cancelButton ? (openBlock(), createBlock(unref(MpButton), mergeProps({
                         key: 0,
                         variant: "text"
                       }, _ctx.cancelButtonProps, {
@@ -258,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       }, 16, ["loading", "disabled", "class"])) : createCommentVNode("", true),
-                      _ctx.confirmButton ? (openBlock(), createBlock(unref(Button), mergeProps({
+                      _ctx.confirmButton ? (openBlock(), createBlock(unref(MpButton), mergeProps({
                         key: 1,
                         variant: "text"
                       }, _ctx.confirmButtonProps, {

package/es/ellipsis/style/index.css

@@ -3,7 +3,7 @@
 }
 :root,
 :where([data-mp-theme]) {
-  --mp-ellipsis-focus-color: var(--mp-sys-color-content-brand);
+  --mp-ellipsis-focus-color: var(--mp-sys-color-action-primary);
   --mp-ellipsis-focus-width: 2px;
   --mp-ellipsis-focus-offset: 2px;
 }

package/es/fab/Fab.mjs

@@ -2,17 +2,16 @@ import { defineComponent, ref, computed, useId, watch, createVNode, mergeProps,
 import { IconPlus, IconClose } from "@maple-design/icons-vue";
 import { call, isBoolean } from "@maple-design/shared-vue";
 import { useClickOutside } from "@maple-design/use-vue";
-import { Button } from "../button/index.mjs";
+import MpButton from "../button/base.mjs";
 import "../drag/index.mjs";
 import "../icon/index.mjs";
-import "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";
+import { miscText } from "../locale/misc-text.mjs";
 import { flatFragment, createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 import { resolvePopupContainer } from "../utils/popup-container.mjs";
 import { props } from "./props.mjs";
 import Drag from "../drag/Drag.vue.mjs";
-import { t } from "../locale/state.mjs";
 import _sfc_main from "../icon/Icon.vue.mjs";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -129,10 +128,10 @@ const Fab = /* @__PURE__ */ defineComponent({
       }
       const iconName = isOpen.value ? props2.openIcon : props2.closedIcon;
       const builtinIcon = iconName === "plus" ? IconPlus : iconName === "close" ? IconClose : void 0;
-      return createVNode(Button, mergeProps({
+      return createVNode(MpButton, mergeProps({
         "mp-fab-cover": true
       }, triggerProps, {
-        "aria-label": typeof explicitLabel === "string" ? explicitLabel : labelledby == null ? (localT || t)("fab.actions") ?? "Actions" : void 0,
+        "aria-label": typeof explicitLabel === "string" ? explicitLabel : labelledby == null ? (localT || miscText)("fab.actions") ?? "Actions" : void 0,
         "class": n("trigger"),
         "status": props2.status,
         "color": props2.color,

package/es/form/FormItemLabel.vue.mjs

@@ -1,6 +1,7 @@
-import { defineComponent, ref, openBlock, createElementBlock, Fragment, createBlock, resolveDynamicComponent, mergeProps, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withModifiers, createVNode } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, withModifiers, createVNode } from "vue";
 import { IconQuestionCircle } from "@maple-design/icons-vue";
 import "../tooltip/index.mjs";
+import { focusExplicitSlider } from "./focus-explicit-label.mjs";
 import { formItemDecorationProps } from "./item-decoration.mjs";
 import { useFormLabelMeasurement } from "./use-form-label-width.mjs";
 import _sfc_main$1 from "../tooltip/Tooltip.vue.mjs";
@@ -29,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "labelRef",
           ref: labelRef,
           class: __props.labelClass
-        }, __props.attrs), {
+        }, __props.attrs, { onClick: unref(focusExplicitSlider) }), {
           default: withCtx(() => [
             __props.required && __props.asteriskPosition === "start" ? (openBlock(), createElementBlock("strong", {
               key: 0,
@@ -61,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(" " + toDisplayString(__props.showColon ? ":" : ""), 1)
           ]),
           _: 3
-        }, 16, ["class"])),
+        }, 16, ["class", "onClick"])),
         __props.tooltip ? (openBlock(), createBlock(unref(_sfc_main$1), {
           key: 0,
           content: __props.tooltip,

package/es/form/focus-explicit-label.mjs

@@ -0,0 +1,52 @@
+function focusExplicitSlider(event) {
+  if (event.defaultPrevented || event.button !== 0) {
+    return;
+  }
+  const label = event.currentTarget;
+  if (!label || label.nodeType !== 1 || label.tagName !== "LABEL") {
+    return;
+  }
+  const origin = event.target;
+  const interactive = origin?.nodeType === 1 ? origin.closest(
+    'a[href],button,input,select,textarea,[contenteditable]:not([contenteditable="false"]),[role="button"],[role="link"],[role="checkbox"],[role="radio"],[role="switch"],[role="textbox"],[role="combobox"],[role="slider"]'
+  ) : null;
+  if (interactive && interactive !== label && label.contains(interactive)) {
+    return;
+  }
+  const id = label.getAttribute("for");
+  if (!id || label.control) {
+    return;
+  }
+  const root = label.getRootNode();
+  if (typeof root.getElementById !== "function") {
+    return;
+  }
+  const target = root.getElementById(id);
+  if (!target) {
+    return;
+  }
+  const previous = root.activeElement;
+  const previousDocument = label.ownerDocument.activeElement;
+  setTimeout(() => {
+    if (event.defaultPrevented || !label.isConnected || label.getAttribute("for") !== id || root.getElementById(id) !== target || root.activeElement !== previous || label.ownerDocument.activeElement !== previousDocument) {
+      return;
+    }
+    const sliders = target.matches('[role="slider"]') ? [target] : Array.from(target.querySelectorAll('[role="slider"]'));
+    if (sliders.length !== 1) {
+      return;
+    }
+    const slider = sliders[0];
+    if (target !== slider && !Array.from(target.classList).some(
+      (name) => name.endsWith("-slider") && slider.classList.contains(`${name}__thumb`)
+    )) {
+      return;
+    }
+    if (slider.tabIndex < 0 || slider.getAttribute("aria-disabled") === "true" || slider.closest('[inert], [aria-hidden="true"]')) {
+      return;
+    }
+    slider.focus();
+  }, 0);
+}
+export {
+  focusExplicitSlider
+};

package/es/input/base.mjs

@@ -0,0 +1,7 @@
+import { withPropsDefaultsSetter } from "../utils/components.mjs";
+import _sfc_main from "./Input.vue.mjs";
+import { inputProps } from "./props.mjs";
+const MpInput = withPropsDefaultsSetter(_sfc_main, inputProps);
+export {
+  MpInput as default
+};

package/es/input/index.mjs

@@ -1,30 +1,30 @@
 import { withPropsDefaultsSetter, withInstall } from "../utils/components.mjs";
-import _sfc_main from "./Input.vue.mjs";
-import _sfc_main$1 from "./InputGroup.vue.mjs";
-import _sfc_main$3 from "./InputGroupLabel.vue.mjs";
-import _sfc_main$2 from "./InputPassword.vue.mjs";
+import MpInput from "./base.mjs";
+import _sfc_main from "./InputGroup.vue.mjs";
+import _sfc_main$2 from "./InputGroupLabel.vue.mjs";
+import _sfc_main$1 from "./InputPassword.vue.mjs";
 import { inputProps, inputGroupProps, inputPasswordProps } from "./props.mjs";
-withPropsDefaultsSetter(_sfc_main, inputProps);
-withPropsDefaultsSetter(_sfc_main$1, inputGroupProps);
-withPropsDefaultsSetter(_sfc_main$2, inputPasswordProps);
+withPropsDefaultsSetter(MpInput, inputProps);
+withPropsDefaultsSetter(_sfc_main, inputGroupProps);
+withPropsDefaultsSetter(_sfc_main$1, inputPasswordProps);
 const Input = withInstall(
-  _sfc_main,
-  Object.assign(_sfc_main, {
-    Password: _sfc_main$2,
-    Group: _sfc_main$1,
-    GroupLabel: _sfc_main$3
+  MpInput,
+  Object.assign(MpInput, {
+    Password: _sfc_main$1,
+    Group: _sfc_main,
+    GroupLabel: _sfc_main$2
   }),
-  { components: [_sfc_main, _sfc_main$2, _sfc_main$1, _sfc_main$3] }
+  { components: [MpInput, _sfc_main$1, _sfc_main, _sfc_main$2] }
 );
 const _InputComponent = Input;
-const _InputPasswordComponent = _sfc_main$2;
-const _InputGroupComponent = _sfc_main$1;
-const _InputGroupLabelComponent = _sfc_main$3;
+const _InputPasswordComponent = _sfc_main$1;
+const _InputGroupComponent = _sfc_main;
+const _InputGroupLabelComponent = _sfc_main$2;
 export {
   Input,
-  _sfc_main$1 as InputGroup,
-  _sfc_main$3 as InputGroupLabel,
-  _sfc_main$2 as InputPassword,
+  _sfc_main as InputGroup,
+  _sfc_main$2 as InputGroupLabel,
+  _sfc_main$1 as InputPassword,
   _InputComponent,
   _InputGroupComponent,
   _InputGroupLabelComponent,

package/es/locale/date-text.mjs

@@ -0,0 +1,38 @@
+import { t, defaultLocaleReady } from "./state.mjs";
+import { temporalText } from "./temporal-text.mjs";
+import { defaultFieldDateRangeEnd, defaultFieldDateRangeStart, defaultDateTextDatePickerWeekDict, defaultDateTextDatePickerMonthDict, defaultDateTextRangeEndPlaceholder, defaultDateTextRangeStartPlaceholder, defaultDateTextTimePickerHint, defaultDateTextDatePickerColumnDay, defaultDateTextDatePickerColumnMonth, defaultDateTextDatePickerColumnYear, defaultDateTextDatePickerHint, defaultDateTextDateTimeRangeOrderError, defaultDateTextDateRangeOrderError, defaultDateTextDatePickerSelected, defaultDateTextDatePickerNextPeriod, defaultDateTextDatePickerPreviousPeriod, defaultDateTextDatePickerNextYear, defaultDateTextDatePickerPreviousYear, defaultDateTextDatePickerNextMonth, defaultDateTextDatePickerPreviousMonth, defaultDateTextDatePickerNextWeek, defaultDateTextDatePickerPreviousWeek } from "./zh-CN.mjs";
+const defaults = {
+  datePickerPreviousWeek: defaultDateTextDatePickerPreviousWeek,
+  datePickerNextWeek: defaultDateTextDatePickerNextWeek,
+  datePickerPreviousMonth: defaultDateTextDatePickerPreviousMonth,
+  datePickerNextMonth: defaultDateTextDatePickerNextMonth,
+  datePickerPreviousYear: defaultDateTextDatePickerPreviousYear,
+  datePickerNextYear: defaultDateTextDatePickerNextYear,
+  datePickerPreviousPeriod: defaultDateTextDatePickerPreviousPeriod,
+  datePickerNextPeriod: defaultDateTextDatePickerNextPeriod,
+  datePickerSelected: defaultDateTextDatePickerSelected,
+  dateRangeOrderError: defaultDateTextDateRangeOrderError,
+  dateTimeRangeOrderError: defaultDateTextDateTimeRangeOrderError,
+  datePickerHint: defaultDateTextDatePickerHint,
+  datePickerColumnYear: defaultDateTextDatePickerColumnYear,
+  datePickerColumnMonth: defaultDateTextDatePickerColumnMonth,
+  datePickerColumnDay: defaultDateTextDatePickerColumnDay,
+  timePickerHint: defaultDateTextTimePickerHint,
+  rangeStartPlaceholder: defaultDateTextRangeStartPlaceholder,
+  rangeEndPlaceholder: defaultDateTextRangeEndPlaceholder,
+  datePickerMonthDict: defaultDateTextDatePickerMonthDict,
+  datePickerWeekDict: defaultDateTextDatePickerWeekDict,
+  dateRangeStart: defaultFieldDateRangeStart,
+  dateRangeEnd: defaultFieldDateRangeEnd,
+  lang: "zh-CN"
+};
+function dateText(key) {
+  const value = t(key);
+  if (defaultLocaleReady.value) {
+    return value;
+  }
+  return value ?? (Object.prototype.hasOwnProperty.call(defaults, key) ? defaults[key] : temporalText(key));
+}
+export {
+  dateText
+};

package/es/locale/misc-text.mjs

@@ -0,0 +1,23 @@
+import { t, defaultLocaleReady } from "./state.mjs";
+import { defaultDialogCancel, defaultKeyboardDone, defaultKeyboardDelete, defaultKeyboardLabel, defaultCloseText, defaultCascaderDone, defaultActionSheetTitle, defaultTabsNext, defaultTabsPrevious, defaultTabsAdd, defaultTabsClose, defaultFabActions } from "./zh-CN.mjs";
+const defaults = {
+  "fab.actions": defaultFabActions,
+  "tabs.close": defaultTabsClose,
+  "tabs.add": defaultTabsAdd,
+  "tabs.previous": defaultTabsPrevious,
+  "tabs.next": defaultTabsNext,
+  actionSheetTitle: defaultActionSheetTitle,
+  cascaderPickerDoneButtonText: defaultCascaderDone,
+  "common.close": defaultCloseText,
+  "numberKeyboard.label": defaultKeyboardLabel,
+  "numberKeyboard.delete": defaultKeyboardDelete,
+  "numberKeyboard.done": defaultKeyboardDone,
+  dialogCancelButtonText: defaultDialogCancel
+};
+function miscText(key) {
+  const value = t(key);
+  return defaultLocaleReady.value ? value : value ?? (Object.prototype.hasOwnProperty.call(defaults, key) ? defaults[key] : void 0);
+}
+export {
+  miscText
+};

package/es/locale/temporal-text.mjs

@@ -0,0 +1,22 @@
+import { t, defaultLocaleReady } from "./state.mjs";
+import { defaultTemporalNextDay, defaultTemporalSecond, defaultTemporalMinute, defaultTemporalHour, defaultTemporalNow, defaultTemporalOrderError, defaultTemporalPickerCancel, defaultFieldTimeRangeEnd, defaultFieldTimeRangeStart, defaultFieldPickerConfirmButtonText, defaultFieldPickerTitle } from "./zh-CN.mjs";
+const defaults = {
+  pickerTitle: defaultFieldPickerTitle,
+  pickerConfirmButtonText: defaultFieldPickerConfirmButtonText,
+  timeRangeStart: defaultFieldTimeRangeStart,
+  timeRangeEnd: defaultFieldTimeRangeEnd,
+  pickerCancelButtonText: defaultTemporalPickerCancel,
+  timeRangeOrderError: defaultTemporalOrderError,
+  datePickerNowButtonText: defaultTemporalNow,
+  datePickerColumnHour: defaultTemporalHour,
+  datePickerColumnMinute: defaultTemporalMinute,
+  datePickerColumnSecond: defaultTemporalSecond,
+  timeRangeNextDay: defaultTemporalNextDay
+};
+function temporalText(key) {
+  const value = t(key);
+  return defaultLocaleReady.value ? value : value ?? (Object.prototype.hasOwnProperty.call(defaults, key) ? defaults[key] : void 0);
+}
+export {
+  temporalText
+};