@1337exp/taoui 1.6.0 → 1.6.1

package/dist/index.mjs

@@ -106,7 +106,7 @@ const _hoisted_3$z = {
   class: "tao-input__affix tao-input__affix--prefix"
 };
 const _hoisted_4$t = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
-const _hoisted_5$m = {
+const _hoisted_5$l = {
   key: 1,
   class: "tao-input__affix tao-input__affix--suffix"
 };
@@ -181,7 +181,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur,
             onFocus: handleFocus
           }, null, 42, _hoisted_4$t),
-          _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$m, [
+          _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$l, [
             renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 2),
@@ -243,7 +243,7 @@ const _hoisted_2$D = {
 };
 const _hoisted_3$x = ["aria-label", "disabled"];
 const _hoisted_4$s = { "aria-hidden": "true" };
-const _hoisted_5$l = ["aria-label", "disabled"];
+const _hoisted_5$k = ["aria-label", "disabled"];
 const _hoisted_6$f = { "aria-hidden": "true" };
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputNumber" },
@@ -425,7 +425,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                 _cache[3] || (_cache[3] = createTextVNode("−", -1))
               ], true)
             ])
-          ], 8, _hoisted_5$l)
+          ], 8, _hoisted_5$k)
         ])) : createCommentVNode("", true)
       ], 2);
     };
@@ -436,7 +436,7 @@ const _hoisted_1$J = ["aria-label", "disabled"];
 const _hoisted_2$C = { "aria-hidden": "true" };
 const _hoisted_3$w = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
 const _hoisted_4$r = ["aria-label", "disabled"];
-const _hoisted_5$k = { "aria-hidden": "true" };
+const _hoisted_5$j = { "aria-hidden": "true" };
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoQuantity" },
   __name: "TaoQuantity",
@@ -607,7 +607,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           disabled: plusDisabled.value,
           onClick: onInc
         }, [
-          createElementVNode("span", _hoisted_5$k, [
+          createElementVNode("span", _hoisted_5$j, [
             renderSlot(_ctx.$slots, "increment-icon", {}, () => [
               _cache[1] || (_cache[1] = createTextVNode("+", -1))
             ], true)
@@ -631,7 +631,7 @@ const _hoisted_4$q = {
   key: 2,
   class: "tao-card__title-block"
 };
-const _hoisted_5$j = {
+const _hoisted_5$i = {
   key: 0,
   class: "tao-card__title"
 };
@@ -701,7 +701,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
           _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$q, [
-            _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$j, [
+            _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$i, [
               renderSlot(_ctx.$slots, "title", {}, void 0, true)
             ])) : createCommentVNode("", true),
             _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$e, [
@@ -748,6 +748,31 @@ function trapTab(event, root) {
     first.focus();
   }
 }
+let locks = 0;
+let previousOverflow = "";
+function isBrowser() {
+  return typeof document !== "undefined";
+}
+function lockBodyScroll() {
+  if (!isBrowser()) {
+    return;
+  }
+  if (locks === 0) {
+    previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  locks += 1;
+}
+function unlockBodyScroll() {
+  if (!isBrowser() || locks === 0) {
+    return;
+  }
+  locks -= 1;
+  if (locks === 0) {
+    document.body.style.overflow = previousOverflow;
+    previousOverflow = "";
+  }
+}
 const _hoisted_1$H = ["aria-labelledby"];
 const _hoisted_2$A = {
   key: 0,
@@ -755,7 +780,7 @@ const _hoisted_2$A = {
 };
 const _hoisted_3$u = ["id"];
 const _hoisted_4$p = { key: 1 };
-const _hoisted_5$i = ["aria-label"];
+const _hoisted_5$h = ["aria-label"];
 const _hoisted_6$d = { "aria-hidden": "true" };
 const _hoisted_7$b = { class: "tao-modal__content" };
 const _hoisted_8$a = {
@@ -777,9 +802,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const panelRef = ref(null);
     const titleId = useId();
-    let previousOverflow = "";
     let previousFocus = null;
-    let scrollLocked = false;
+    let scrollHeld = false;
     function close() {
       if (!props.closable) {
         return;
@@ -787,21 +811,19 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", false);
       emit("close");
     }
-    function lockBodyScroll() {
-      if (scrollLocked) {
+    function holdScroll() {
+      if (scrollHeld || !isBrowser()) {
         return;
       }
-      previousOverflow = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      scrollLocked = true;
+      lockBodyScroll();
+      scrollHeld = true;
     }
-    function unlockBodyScroll() {
-      if (!scrollLocked) {
+    function releaseScroll() {
+      if (!scrollHeld) {
         return;
       }
-      document.body.style.overflow = previousOverflow;
-      previousOverflow = "";
-      scrollLocked = false;
+      unlockBodyScroll();
+      scrollHeld = false;
     }
     function restoreFocus() {
       var _a;
@@ -819,6 +841,9 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     }
     function onKeydown(event) {
       if (event.key === "Escape") {
+        if (!props.closable) {
+          return;
+        }
         event.preventDefault();
         close();
         return;
@@ -830,19 +855,23 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     watch(
       () => props.modelValue,
       (isOpen) => {
+        if (!isBrowser()) {
+          return;
+        }
         if (isOpen) {
           previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-          lockBodyScroll();
+          holdScroll();
           void focusPanel();
           return;
         }
-        unlockBodyScroll();
+        releaseScroll();
         restoreFocus();
       },
       { immediate: true }
     );
     onBeforeUnmount(() => {
-      unlockBodyScroll();
+      releaseScroll();
+      restoreFocus();
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
@@ -883,7 +912,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                         _cache[0] || (_cache[0] = createTextVNode("×", -1))
                       ], true)
                     ])
-                  ], 8, _hoisted_5$i)) : createCommentVNode("", true)
+                  ], 8, _hoisted_5$h)) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
                 createElementVNode("div", _hoisted_7$b, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -900,7 +929,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-67d4b1e8"]]);
+const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-102cfd66"]]);
 const _hoisted_1$G = { class: "tao-tabs" };
 const _hoisted_2$z = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
 const _hoisted_3$t = ["id", "aria-labelledby"];
@@ -1222,15 +1251,26 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     function close() {
       void applyOpen(false);
     }
-    async function applyOpen(next) {
-      var _a;
-      setOpen(next);
-      if (!next) {
+    function bindDismiss() {
+      if (typeof document === "undefined") {
         return;
       }
-      await nextTick();
-      updatePosition();
-      (_a = panelRef.value) == null ? void 0 : _a.focus();
+      document.addEventListener("pointerdown", onDocumentPointer);
+      document.addEventListener("keydown", onDocumentKey);
+      window.addEventListener("resize", onViewportChange);
+      window.addEventListener("scroll", onViewportChange, true);
+    }
+    function unbindDismiss() {
+      if (typeof document === "undefined") {
+        return;
+      }
+      document.removeEventListener("pointerdown", onDocumentPointer);
+      document.removeEventListener("keydown", onDocumentKey);
+      window.removeEventListener("resize", onViewportChange);
+      window.removeEventListener("scroll", onViewportChange, true);
+    }
+    function applyOpen(next) {
+      setOpen(next);
     }
     function focusTrigger() {
       var _a, _b;
@@ -1243,7 +1283,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     function updatePosition() {
       const trigger = triggerRef.value;
       const panel = panelRef.value;
-      if (!trigger || !panel) {
+      if (typeof window === "undefined" || !trigger || !panel) {
         return;
       }
       const rect = trigger.getBoundingClientRect();
@@ -1326,24 +1366,24 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
         updatePosition();
       }
     }
-    watch(open, (isOpen) => {
-      if (isOpen) {
-        document.addEventListener("pointerdown", onDocumentPointer);
-        document.addEventListener("keydown", onDocumentKey);
-        window.addEventListener("resize", onViewportChange);
-        window.addEventListener("scroll", onViewportChange, true);
-        return;
-      }
-      document.removeEventListener("pointerdown", onDocumentPointer);
-      document.removeEventListener("keydown", onDocumentKey);
-      window.removeEventListener("resize", onViewportChange);
-      window.removeEventListener("scroll", onViewportChange, true);
-    });
+    watch(
+      open,
+      (isOpen) => {
+        if (isOpen) {
+          bindDismiss();
+          void nextTick(() => {
+            var _a;
+            updatePosition();
+            (_a = panelRef.value) == null ? void 0 : _a.focus();
+          });
+          return;
+        }
+        unbindDismiss();
+      },
+      { immediate: true }
+    );
     onBeforeUnmount(() => {
-      document.removeEventListener("pointerdown", onDocumentPointer);
-      document.removeEventListener("keydown", onDocumentKey);
-      window.removeEventListener("resize", onViewportChange);
-      window.removeEventListener("scroll", onViewportChange, true);
+      unbindDismiss();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$F, [
@@ -1375,7 +1415,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-e4ead301"]]);
+const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-afd791a7"]]);
 const spoilerGroupKey = Symbol("taoSpoilerGroup");
 const _hoisted_1$E = { class: "tao-spoiler" };
 const _hoisted_2$y = ["aria-expanded", "aria-controls"];
@@ -1384,7 +1424,7 @@ const _hoisted_3$s = {
   class: "tao-spoiler__title"
 };
 const _hoisted_4$o = ["id"];
-const _hoisted_5$h = { class: "tao-spoiler__content-inner" };
+const _hoisted_5$g = { class: "tao-spoiler__content-inner" };
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpoiler" },
   __name: "TaoSpoiler",
@@ -1470,7 +1510,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
               id: unref(panelId),
               class: "tao-spoiler__content"
             }, [
-              createElementVNode("div", _hoisted_5$h, [
+              createElementVNode("div", _hoisted_5$g, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ])
             ], 8, _hoisted_4$o)) : createCommentVNode("", true)
@@ -1487,14 +1527,19 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpoilerGroup" },
   __name: "TaoSpoilerGroup",
   props: {
-    modelValue: { default: null }
+    modelValue: {}
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const model = computed(() => props.modelValue);
+    const isControlled = computed(() => props.modelValue !== void 0);
+    const internal = ref(null);
+    const model = computed(() => isControlled.value ? props.modelValue : internal.value);
     function setOpen(name) {
+      if (!isControlled.value) {
+        internal.value = name;
+      }
       emit("update:modelValue", name);
       emit("change", name);
     }
@@ -1509,7 +1554,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-6b172e89"]]);
+const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-118970dd"]]);
 const _hoisted_1$C = ["aria-label"];
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCopy" },
@@ -2166,20 +2211,24 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const isLoaded = ref(false);
+    const hasError = ref(false);
     function handleLoad() {
       isLoaded.value = true;
+      hasError.value = false;
       emit("load");
     }
     function handleError() {
       isLoaded.value = false;
+      hasError.value = true;
       emit("error");
     }
     watch(() => props.src, () => {
       isLoaded.value = false;
+      hasError.value = false;
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$z, [
-        __props.src ? (openBlock(), createElementBlock("img", {
+        __props.src && !hasError.value ? (openBlock(), createElementBlock("img", {
           key: 0,
           class: normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
           src: __props.src,
@@ -2189,14 +2238,15 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           draggable: "false",
           onLoad: handleLoad,
           onError: handleError
-        }, null, 42, _hoisted_2$w)) : renderSlot(_ctx.$slots, "default", {}, () => [
+        }, null, 42, _hoisted_2$w)) : createCommentVNode("", true),
+        !__props.src || hasError.value ? renderSlot(_ctx.$slots, "default", {}, () => [
           createElementVNode("div", _hoisted_3$q, toDisplayString(__props.placeholderText), 1)
-        ], true, 1)
+        ], true, 1) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-e7c911e5"]]);
+const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-aea39025"]]);
 const _hoisted_1$y = ["for"];
 const _hoisted_2$v = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
 const _hoisted_3$p = {
@@ -2734,7 +2784,7 @@ const _hoisted_4$j = {
   key: 0,
   class: "tao-progress__percentage"
 };
-const _hoisted_5$g = {
+const _hoisted_5$f = {
   key: 1,
   class: "tao-progress__side"
 };
@@ -2793,7 +2843,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               }, null, 6)
             ], 4)
           ]),
-          _ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
+          _ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
             renderSlot(_ctx.$slots, "right", {}, void 0, true),
             showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$c, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -3042,7 +3092,7 @@ const _hoisted_1$q = { class: "tao-file-drop" };
 const _hoisted_2$n = { class: "tao-file-drop__row" };
 const _hoisted_3$j = ["aria-label"];
 const _hoisted_4$i = { "aria-hidden": "true" };
-const _hoisted_5$f = ["accept", "multiple"];
+const _hoisted_5$e = ["accept", "multiple"];
 const _hoisted_6$b = {
   key: 0,
   class: "tao-file-drop__list"
@@ -3074,6 +3124,28 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     function sameFile(a, b) {
       return a.name === b.name && a.size === b.size && a.lastModified === b.lastModified;
     }
+    function acceptTokens(accept) {
+      return accept.split(",").map((token) => token.trim().toLowerCase()).filter(Boolean);
+    }
+    function fileMatchesAccept(file, accept) {
+      const tokens = acceptTokens(accept);
+      if (!tokens.length || tokens.includes("*") || tokens.includes("*/*")) {
+        return true;
+      }
+      const name = file.name.toLowerCase();
+      const mime = (file.type || "").toLowerCase();
+      const dot = name.lastIndexOf(".");
+      const ext = dot >= 0 ? name.slice(dot) : "";
+      return tokens.some((token) => {
+        if (token.startsWith(".")) {
+          return ext === token;
+        }
+        if (token.endsWith("/*")) {
+          return mime.startsWith(token.slice(0, -1));
+        }
+        return mime === token;
+      });
+    }
     function commit(files) {
       emit("update:modelValue", files);
       emit("files", files);
@@ -3106,9 +3178,17 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     function removeAt(index) {
       commit(props.modelValue.filter((_, item) => item !== index));
     }
+    function resetInput() {
+      const el = fileInput.value;
+      if (el) {
+        el.type = "text";
+        el.type = "file";
+      }
+    }
     function processFiles(fileList) {
-      const incoming = Array.from(fileList);
+      const incoming = Array.from(fileList).filter((file) => fileMatchesAccept(file, props.accept));
       if (!incoming.length) {
+        resetInput();
         return;
       }
       let result;
@@ -3123,11 +3203,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         }
       }
       commit(result);
-      const el = fileInput.value;
-      if (el) {
-        el.type = "text";
-        el.type = "file";
-      }
+      resetInput();
     }
     function defaultFormatSize(bytes) {
       if (bytes < 1024) {
@@ -3190,7 +3266,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               onChange: handleFileSelect,
               onClick: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
-            }, null, 40, _hoisted_5$f)
+            }, null, 40, _hoisted_5$e)
           ], 34)
         ]),
         __props.list && __props.modelValue.length ? (openBlock(), createElementBlock("ul", _hoisted_6$b, [
@@ -3220,12 +3296,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-570fc1bb"]]);
-const _hoisted_1$p = ["aria-expanded"];
-const _hoisted_2$m = ["aria-label"];
-const _hoisted_3$i = { "aria-hidden": "true" };
-const _hoisted_4$h = ["onClick", "onMouseenter"];
-const _hoisted_5$e = { key: 1 };
+const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-4b36e2a3"]]);
+const _hoisted_1$p = ["aria-expanded", "aria-label"];
+const _hoisted_2$m = {
+  key: 1,
+  "aria-hidden": "true"
+};
+const _hoisted_3$i = ["onClick", "onMouseenter"];
+const _hoisted_4$h = { key: 1 };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDropdownMenu" },
   __name: "TaoDropdownMenu",
@@ -3360,18 +3438,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           class: "tao-dropdown-menu__button",
           "aria-haspopup": "menu",
           "aria-expanded": isOpen.value,
+          "aria-label": _ctx.$slots.button ? void 0 : __props.menuLabel,
           onClick: toggleMenu
         }, [
-          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", {
-            key: 1,
-            "aria-label": __props.menuLabel
-          }, [
-            createElementVNode("span", _hoisted_3$i, [
-              renderSlot(_ctx.$slots, "icon", {}, () => [
-                _cache[0] || (_cache[0] = createTextVNode("⋮", -1))
-              ], true)
-            ])
-          ], 8, _hoisted_2$m))
+          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_2$m, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              _cache[0] || (_cache[0] = createTextVNode("⋮", -1))
+            ], true)
+          ]))
         ], 8, _hoisted_1$p),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           isOpen.value ? (openBlock(), createElementBlock("div", {
@@ -3397,8 +3471,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                   id: action.id,
                   ico: action.ico,
                   text: action.name
-                }, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_5$e, toDisplayString(action.name), 1))
-              ], 42, _hoisted_4$h);
+                }, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_4$h, toDisplayString(action.name), 1))
+              ], 42, _hoisted_3$i);
             }), 128))
           ], 36)) : createCommentVNode("", true)
         ]))
@@ -3406,9 +3480,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-42bc0a2a"]]);
+const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-4750fe54"]]);
 const _hoisted_1$o = ["aria-invalid", "aria-describedby"];
-const _hoisted_2$l = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
+const _hoisted_2$l = ["id", "value", "placeholder", "type", "inputmode", "pattern", "maxlength", "onInput", "onPaste", "onKeydown", "onFocus"];
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPinCode" },
   __name: "TaoPinCode",
@@ -3466,11 +3540,43 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     function isFilled() {
       return numbers.value.length === props.length && numbers.value.every((cell) => cell !== "");
     }
+    function applyChars(index, raw) {
+      var _a;
+      const chars = [...raw].map((ch) => acceptChar(ch)).filter(Boolean);
+      if (!chars.length) {
+        return;
+      }
+      numbers.value = [...numbers.value];
+      let cursor = index;
+      for (const ch of chars) {
+        if (cursor >= props.length) {
+          break;
+        }
+        numbers.value[cursor] = ch;
+        cursor += 1;
+      }
+      emitChange();
+      if (isFilled()) {
+        (_a = inputRefs.value[index]) == null ? void 0 : _a.blur();
+        emit("complete", serialize());
+        return;
+      }
+      if (cursor < props.length) {
+        focusCell(cursor);
+      }
+    }
     function mutation(v, index) {
       var _a;
-      const char = v.length > 1 ? v[v.length - 1] ?? "" : v;
-      const next = acceptChar(char);
-      if (props.numbersOnly && char && !next) {
+      if (v.length > 1) {
+        applyChars(index, v);
+        return;
+      }
+      const next = acceptChar(v);
+      if (props.numbersOnly && v && !next) {
+        const el = inputRefs.value[index];
+        if (el) {
+          el.value = numbers.value[index] ?? "";
+        }
         return;
       }
       numbers.value = [...numbers.value];
@@ -3490,6 +3596,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         focusCell(target);
       }
     }
+    function onPaste(event, index) {
+      var _a;
+      const text = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text")) ?? "";
+      if (!text) {
+        return;
+      }
+      event.preventDefault();
+      applyChars(index, text);
+    }
     function onFocus(index) {
       if (props.clearOn === "input") {
         const firstEmpty = firstEmptyIndex();
@@ -3571,8 +3686,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             inputmode: __props.numbersOnly ? "numeric" : "text",
             pattern: __props.numbersOnly ? "[0-9]" : void 0,
             autocomplete: "one-time-code",
-            maxlength: "1",
+            maxlength: index === 0 ? __props.length : 1,
             onInput: ($event) => onChange($event, index),
+            onPaste: ($event) => onPaste($event, index),
             onKeydown: ($event) => onKeydown($event, index),
             onFocus: ($event) => onFocus(index),
             onBlur
@@ -3582,7 +3698,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c3182673"]]);
+const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-44474500"]]);
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoLink" },
   __name: "TaoLink",
@@ -3639,6 +3755,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const id = useId();
     const hintId = `${id}-hint`;
     const errorId = `${id}-error`;
+    const labelId = `${id}-label`;
     const invalid = computed(() => Boolean(props.error));
     const describedBy = computed(() => {
       if (props.error) {
@@ -3654,14 +3771,27 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       invalid,
       describedBy
     });
+    function onLabelClick() {
+      var _a, _b;
+      const target = document.getElementById(id);
+      if (target instanceof HTMLInputElement || target instanceof HTMLButtonElement || target instanceof HTMLSelectElement || target instanceof HTMLTextAreaElement) {
+        return;
+      }
+      const scope = target ?? ((_a = document.getElementById(labelId)) == null ? void 0 : _a.parentElement);
+      (_b = scope == null ? void 0 : scope.querySelector(
+        "input:not([disabled]), button:not([disabled]), textarea:not([disabled]), select:not([disabled])"
+      )) == null ? void 0 : _b.focus();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["tao-form-field", { "tao-form-field--invalid": invalid.value }])
       }, [
         __props.label ? (openBlock(), createElementBlock("label", {
           key: 0,
+          id: labelId,
           class: "tao-form-field__label",
-          for: unref(id)
+          for: unref(id),
+          onClick: onLabelClick
         }, toDisplayString(__props.label), 9, _hoisted_1$n)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         __props.error ? (openBlock(), createElementBlock("p", {
@@ -3677,7 +3807,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-11324f0c"]]);
+const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-edd0be31"]]);
 const _hoisted_1$m = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
 const _hoisted_2$k = { class: "tao-select__value" };
 const _hoisted_3$h = ["aria-activedescendant"];
@@ -3721,12 +3851,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       }
       const rect = trigger.getBoundingClientRect();
       const panelHeight = panel.offsetHeight;
+      const panelWidth = panel.offsetWidth || rect.width;
       const gap = 4;
+      const pad = 8;
       const spaceBelow = window.innerHeight - rect.bottom - gap;
       const openUp = spaceBelow < panelHeight && rect.top > spaceBelow;
+      const maxLeft = Math.max(pad, window.innerWidth - panelWidth - pad);
+      const left = Math.min(Math.max(rect.left, pad), maxLeft);
       listStyle.value = {
         top: `${openUp ? rect.top - panelHeight - gap : rect.bottom + gap}px`,
-        left: `${rect.left}px`,
+        left: `${left}px`,
         width: `${rect.width}px`
       };
     }
@@ -3740,7 +3874,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         return;
       }
       const selectedIndex = props.options.findIndex((option) => option.value === props.modelValue);
-      activeIndex.value = selectedIndex >= 0 ? selectedIndex : enabledIndexes.value[0] ?? -1;
+      activeIndex.value = selectedIndex >= 0 && enabledIndexes.value.includes(selectedIndex) ? selectedIndex : enabledIndexes.value[0] ?? -1;
       await nextTick();
       updatePosition();
       (_a = listRef.value) == null ? void 0 : _a.focus();
@@ -3960,7 +4094,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-c5d6cdd3"]]);
+const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-d9b336d8"]]);
 const _hoisted_1$l = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
 const _hoisted_2$j = {
   key: 0,
@@ -4048,12 +4182,16 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }
       const rect = trigger.getBoundingClientRect();
       const panelHeight = panel.offsetHeight;
+      const panelWidth = panel.offsetWidth || rect.width;
       const gap = 4;
+      const pad = 8;
       const spaceBelow = window.innerHeight - rect.bottom - gap;
       const openUp = spaceBelow < panelHeight && rect.top > spaceBelow;
+      const maxLeft = Math.max(pad, window.innerWidth - panelWidth - pad);
+      const left = Math.min(Math.max(rect.left, pad), maxLeft);
       listStyle.value = {
         top: `${openUp ? rect.top - panelHeight - gap : rect.bottom + gap}px`,
-        left: `${rect.left}px`,
+        left: `${left}px`,
         width: `${rect.width}px`
       };
     }
@@ -4120,6 +4258,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }
       commitCreated(value);
     }
+    function clear() {
+      var _a;
+      emitValue(null);
+      query.value = "";
+      open.value = false;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    }
     function revertQuery() {
       syncQueryFromModel();
     }
@@ -4437,7 +4582,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               key: 0,
               type: "button",
               class: "tao-combobox__clear",
-              onMousedown: withModifiers(markPicking, ["prevent"])
+              onMousedown: withModifiers(markPicking, ["prevent"]),
+              onClick: clear
             }, [
               renderSlot(_ctx.$slots, "clear", {}, () => [
                 createTextVNode(toDisplayString(__props.clearText), 1)
@@ -4449,7 +4595,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-2281e009"]]);
+const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-131d254d"]]);
 const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
 function formatTaoDateIso(parts) {
   return `${String(parts.y).padStart(4, "0")}-${String(parts.m).padStart(2, "0")}-${String(parts.d).padStart(2, "0")}`;
@@ -4488,8 +4634,23 @@ function shiftTaoMonth(iso, months) {
   if (!parts) {
     return iso;
   }
-  const date = new Date(parts.y, parts.m - 1 + months, parts.d);
-  return formatTaoDateIso({ y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate() });
+  const monthStart = new Date(parts.y, parts.m - 1 + months, 1);
+  const y = monthStart.getFullYear();
+  const m = monthStart.getMonth() + 1;
+  const lastDay = new Date(y, m, 0).getDate();
+  return formatTaoDateIso({ y, m, d: Math.min(parts.d, lastDay) });
+}
+function clampTaoDateCursor(iso, min, max) {
+  if (isTaoDateInRange(iso, min, max)) {
+    return iso;
+  }
+  if (min && parseTaoDate(min) && iso < min) {
+    return min;
+  }
+  if (max && parseTaoDate(max) && iso > max) {
+    return max;
+  }
+  return iso;
 }
 function isTaoDateInRange(iso, min, max) {
   if (!parseTaoDate(iso)) {
@@ -4680,7 +4841,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       if (!next) {
         return;
       }
-      syncViewFrom(valueIso.value ?? todayIso.value);
+      syncViewFrom(clampTaoDateCursor(valueIso.value ?? todayIso.value, props.min, props.max));
       await nextTick();
       updatePosition();
       (_a = panelRef.value) == null ? void 0 : _a.focus();
@@ -4709,18 +4870,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       (_a = triggerRef.value) == null ? void 0 : _a.focus();
     }
     function goMonth(delta) {
-      const next = shiftTaoMonth(`${viewYear.value}-${String(viewMonth.value).padStart(2, "0")}-01`, delta);
-      const parts = parseTaoDate(next);
-      if (!parts) {
-        return;
-      }
-      viewYear.value = parts.y;
-      viewMonth.value = parts.m;
-      cursorIso.value = shiftTaoMonth(cursorIso.value, delta);
+      cursorIso.value = clampTaoDateCursor(shiftTaoMonth(cursorIso.value, delta), props.min, props.max);
+      syncViewFrom(cursorIso.value);
       void nextTick(updatePosition);
     }
     function moveCursor(days) {
-      cursorIso.value = shiftTaoDate(cursorIso.value, days);
+      const next = shiftTaoDate(cursorIso.value, days);
+      cursorIso.value = isTaoDateInRange(next, props.min, props.max) ? next : clampTaoDateCursor(next, props.min, props.max);
       syncViewFrom(cursorIso.value);
       void nextTick(updatePosition);
     }
@@ -4988,7 +5144,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-771836c8"]]);
+const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ebd437a8"]]);
 const _hoisted_1$j = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
 const _hoisted_2$h = { class: "tao-date-range__value" };
 const _hoisted_3$e = {
@@ -5103,7 +5259,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       }
       draftStart.value = null;
       hoverIso.value = null;
-      syncViewFrom(((_a = committed.value) == null ? void 0 : _a.start) ?? todayIso.value);
+      syncViewFrom(clampTaoDateCursor(((_a = committed.value) == null ? void 0 : _a.start) ?? todayIso.value, props.min, props.max));
       await nextTick();
       updatePosition();
       (_b = panelRef.value) == null ? void 0 : _b.focus();
@@ -5152,19 +5308,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     }
     function goMonth(delta) {
       hoverIso.value = null;
-      const next = shiftTaoMonth(`${viewYear.value}-${String(viewMonth.value).padStart(2, "0")}-01`, delta);
-      const parts = parseTaoDate(next);
-      if (!parts) {
-        return;
-      }
-      viewYear.value = parts.y;
-      viewMonth.value = parts.m;
-      cursorIso.value = shiftTaoMonth(cursorIso.value, delta);
+      cursorIso.value = clampTaoDateCursor(shiftTaoMonth(cursorIso.value, delta), props.min, props.max);
+      syncViewFrom(cursorIso.value);
       void nextTick(updatePosition);
     }
     function moveCursor(days) {
       hoverIso.value = null;
-      cursorIso.value = shiftTaoDate(cursorIso.value, days);
+      const next = shiftTaoDate(cursorIso.value, days);
+      cursorIso.value = isTaoDateInRange(next, props.min, props.max) ? next : clampTaoDateCursor(next, props.min, props.max);
       syncViewFrom(cursorIso.value);
       void nextTick(updatePosition);
     }
@@ -5459,9 +5610,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4394053c"]]);
+const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-aa589793"]]);
 const _hoisted_1$i = ["for"];
-const _hoisted_2$g = ["id", "checked", "disabled", "aria-checked"];
+const _hoisted_2$g = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
 const _hoisted_3$d = {
   key: 0,
   class: "tao-switch__label"
@@ -5485,6 +5636,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const field = inject(formFieldKey, null);
     const localId = useId();
     const controlId = computed(() => (field == null ? void 0 : field.id) ?? localId);
+    const invalid = computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+    const describedBy = computed(() => field == null ? void 0 : field.describedBy.value);
     function toggle() {
       if (props.disabled) {
         return;
@@ -5495,7 +5648,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["tao-switch", { "tao-switch--disabled": __props.disabled, "tao-switch--on": __props.modelValue }]),
+        class: normalizeClass(["tao-switch", { "tao-switch--disabled": __props.disabled, "tao-switch--on": __props.modelValue, "tao-switch--invalid": invalid.value }]),
         for: controlId.value
       }, [
         createElementVNode("input", {
@@ -5506,6 +5659,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           checked: __props.modelValue,
           disabled: __props.disabled,
           "aria-checked": __props.modelValue,
+          "aria-invalid": invalid.value || void 0,
+          "aria-describedby": describedBy.value,
           onChange: toggle
         }, null, 40, _hoisted_2$g),
         _cache[0] || (_cache[0] = createElementVNode("span", {
@@ -5521,10 +5676,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-db2bca61"]]);
+const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-17ce5000"]]);
 const radioGroupKey = Symbol("taoRadioGroup");
 const _hoisted_1$h = ["for"];
-const _hoisted_2$f = ["id", "name", "value", "checked", "disabled"];
+const _hoisted_2$f = ["id", "name", "value", "checked", "disabled", "aria-invalid", "aria-describedby"];
 const _hoisted_3$c = {
   key: 0,
   class: "tao-radio__label"
@@ -5548,7 +5703,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const group = inject(radioGroupKey, null);
+    const field = inject(formFieldKey, null);
     const localId = useId();
+    const controlId = computed(() => group ? localId : (field == null ? void 0 : field.id) ?? localId);
+    const invalid = computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+    const describedBy = computed(() => group ? void 0 : field == null ? void 0 : field.describedBy.value);
     const isDisabled = computed(() => props.disabled || Boolean(group == null ? void 0 : group.disabled.value));
     const inputName = computed(() => (group == null ? void 0 : group.name.value) ?? props.name);
     const isChecked = computed(() => {
@@ -5568,17 +5727,19 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["tao-radio", { "tao-radio--disabled": isDisabled.value }]),
-        for: unref(localId)
+        class: normalizeClass(["tao-radio", { "tao-radio--disabled": isDisabled.value, "tao-radio--invalid": invalid.value && !unref(group) }]),
+        for: controlId.value
       }, [
         createElementVNode("input", {
-          id: unref(localId),
+          id: controlId.value,
           class: "tao-radio__input",
           type: "radio",
           name: inputName.value,
           value: String(__props.value),
           checked: isChecked.value,
           disabled: isDisabled.value,
+          "aria-invalid": !unref(group) && invalid.value || void 0,
+          "aria-describedby": describedBy.value,
           onChange
         }, null, 40, _hoisted_2$f),
         _cache[0] || (_cache[0] = createElementVNode("span", {
@@ -5592,8 +5753,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c9c84481"]]);
-const _hoisted_1$g = ["disabled"];
+const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-e79d1fb6"]]);
+const _hoisted_1$g = ["id", "disabled", "aria-describedby", "aria-invalid", "aria-labelledby"];
 const _hoisted_2$e = {
   key: 0,
   class: "tao-radio-group__legend"
@@ -5612,10 +5773,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const field = inject(formFieldKey, null);
     const autoName = useId();
     const groupName = computed(() => props.name || autoName);
     const model = computed(() => props.modelValue);
     const groupDisabled = computed(() => props.disabled);
+    const invalid = computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+    const describedBy = computed(() => field == null ? void 0 : field.describedBy.value);
+    const labelledBy = computed(() => props.legend || !field ? void 0 : `${field.id}-label`);
     function setValue(value) {
       emit("update:modelValue", value);
       emit("change", value);
@@ -5627,9 +5792,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       setValue
     });
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("fieldset", {
-        class: normalizeClass(["tao-radio-group", `tao-radio-group--${__props.direction}`]),
-        disabled: __props.disabled
+        id: (_a = unref(field)) == null ? void 0 : _a.id,
+        class: normalizeClass(["tao-radio-group", [`tao-radio-group--${__props.direction}`, { "tao-radio-group--invalid": invalid.value }]]),
+        disabled: __props.disabled,
+        "aria-describedby": describedBy.value,
+        "aria-invalid": invalid.value || void 0,
+        "aria-labelledby": labelledBy.value
       }, [
         __props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$e, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -5637,9 +5807,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a0b1cb1f"]]);
+const TaoRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-6f6fa977"]]);
 const segmentedKey = Symbol("taoSegmented");
-const _hoisted_1$f = ["disabled", "aria-describedby", "aria-invalid"];
+const _hoisted_1$f = ["disabled", "aria-describedby", "aria-invalid", "aria-labelledby", "id"];
 const _hoisted_2$d = {
   key: 0,
   class: "tao-segmented__legend"
@@ -5739,6 +5909,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       mutationObserver = null;
     });
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("fieldset", {
         class: normalizeClass(["tao-segmented", [
           `tao-segmented--${__props.size}`,
@@ -5750,7 +5921,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         ]]),
         disabled: __props.disabled,
         "aria-describedby": describedBy.value,
-        "aria-invalid": invalid.value || void 0
+        "aria-invalid": invalid.value || void 0,
+        "aria-labelledby": __props.legend ? void 0 : unref(field) ? `${unref(field).id}-label` : void 0,
+        id: (_a = unref(field)) == null ? void 0 : _a.id
       }, [
         __props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$d, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -5769,7 +5942,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-cb3c591b"]]);
+const TaoSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-af757a32"]]);
 const _hoisted_1$e = ["for"];
 const _hoisted_2$c = ["id", "name", "value", "checked", "disabled", "aria-label"];
 const _hoisted_3$b = { class: "tao-segmented-option__face" };
@@ -6183,11 +6356,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const items = computed(() => buildPaginationItems(current.value, pageCount.value, props.siblingCount));
     const from = computed(() => props.total === 0 ? 0 : (current.value - 1) * props.pageSize + 1);
     const to = computed(() => Math.min(current.value * props.pageSize, props.total));
-    watch(pageCount, (count) => {
-      if (props.page > count) {
-        goTo(count);
-      }
-    });
+    watch(
+      () => [props.page, pageCount.value],
+      ([page, count]) => {
+        if (page > count || page < 1) {
+          goTo(page);
+        }
+      },
+      { immediate: true }
+    );
     function goTo(next) {
       if (props.disabled) {
         return;
@@ -6271,7 +6448,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a890810c"]]);
+const TaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-37f3d381"]]);
 const _hoisted_1$a = { class: "tao-empty" };
 const _hoisted_2$8 = {
   key: 0,
@@ -6373,9 +6550,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const panelRef = ref(null);
     const titleId = useId();
-    let previousOverflow = "";
     let previousFocus = null;
-    let scrollLocked = false;
+    let scrollHeld = false;
     function close() {
       if (!props.closable) {
         return;
@@ -6383,21 +6559,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", false);
       emit("close");
     }
-    function lockBodyScroll() {
-      if (scrollLocked) {
+    function holdScroll() {
+      if (scrollHeld || !isBrowser()) {
         return;
       }
-      previousOverflow = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      scrollLocked = true;
+      lockBodyScroll();
+      scrollHeld = true;
     }
-    function unlockBodyScroll() {
-      if (!scrollLocked) {
+    function releaseScroll() {
+      if (!scrollHeld) {
         return;
       }
-      document.body.style.overflow = previousOverflow;
-      previousOverflow = "";
-      scrollLocked = false;
+      unlockBodyScroll();
+      scrollHeld = false;
     }
     function restoreFocus() {
       var _a;
@@ -6415,6 +6589,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     }
     function onKeydown(event) {
       if (event.key === "Escape") {
+        if (!props.closable) {
+          return;
+        }
         event.preventDefault();
         close();
         return;
@@ -6426,19 +6603,23 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     watch(
       () => props.modelValue,
       (isOpen) => {
+        if (!isBrowser()) {
+          return;
+        }
         if (isOpen) {
           previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-          lockBodyScroll();
+          holdScroll();
           void focusPanel();
           return;
         }
-        unlockBodyScroll();
+        releaseScroll();
         restoreFocus();
       },
       { immediate: true }
     );
     onBeforeUnmount(() => {
-      unlockBodyScroll();
+      releaseScroll();
+      restoreFocus();
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
@@ -6499,7 +6680,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-14730fe9"]]);
+const TaoDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-10fb02f2"]]);
 const _hoisted_1$7 = ["title"];
 const _hoisted_2$6 = { class: "tao-avatar__face" };
 const _hoisted_3$5 = ["src", "alt"];
@@ -6584,18 +6765,30 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
       return extra.length ? `${base}, ${extra.join(", ")}` : base;
     });
+    const imgFailed = ref(false);
+    const showImage = computed(() => Boolean(props.src) && !imgFailed.value);
+    watch(
+      () => props.src,
+      () => {
+        imgFailed.value = false;
+      }
+    );
+    function onImgError() {
+      imgFailed.value = true;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
         class: normalizeClass(["tao-avatar", `tao-avatar--${sizeClass.value}`]),
         title: label.value
       }, [
         createElementVNode("span", _hoisted_2$6, [
-          __props.src ? (openBlock(), createElementBlock("img", {
+          showImage.value ? (openBlock(), createElementBlock("img", {
             key: 0,
             class: "tao-avatar__img",
             src: __props.src,
-            alt: label.value
-          }, null, 8, _hoisted_3$5)) : (openBlock(), createElementBlock("span", {
+            alt: label.value,
+            onError: onImgError
+          }, null, 40, _hoisted_3$5)) : (openBlock(), createElementBlock("span", {
             key: 1,
             class: "tao-avatar__fallback",
             "aria-label": label.value
@@ -6611,7 +6804,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-03b60017"]]);
+const TaoAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-65ed2d7a"]]);
 const _hoisted_1$6 = ["aria-label"];
 const _hoisted_2$5 = { class: "tao-breadcrumb__list" };
 const _hoisted_3$4 = {
@@ -6820,7 +7013,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         return 0;
       }
       const left = ((_a = track.value) == null ? void 0 : _a.scrollLeft) ?? 0;
-      return Math.min(Math.max(Math.round(left / (width + gap)), 0), total - 1);
+      const last = Math.max(total - step.value, 0);
+      return Math.min(Math.max(Math.round(left / (width + gap)), 0), last);
     }
     function setIndex(next) {
       if (next === index.value) {
@@ -6871,13 +7065,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       autoplayTimer = 0;
     }
     function canAutoplay() {
-      return props.autoplay > 0 && count.value > step.value && !hoverPaused.value && !focusPaused.value && !dragging.value && typeof document !== "undefined" && !document.hidden && !prefersReducedMotion();
+      return props.autoplay > 0 && count.value > step.value && !hoverPaused.value && !focusPaused.value && !dragging.value && typeof document !== "undefined" && !document.hidden && !prefersReducedMotion() && (props.loop || index.value < lastIndex.value);
     }
     function tickAutoplay() {
       if (!canAutoplay()) {
-        return;
-      }
-      if (!props.loop && index.value >= lastIndex.value) {
         stopAutoplay();
         return;
       }
@@ -6917,7 +7108,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       cancelAnimationFrame(scrollFrame);
       scrollFrame = requestAnimationFrame(() => {
-        setIndex(nearestIndex());
+        const next = nearestIndex();
+        const { width, gap } = metrics();
+        const el = track.value;
+        if (el && width > 0 && el.scrollLeft - next * (width + gap) > (width + gap) / 2) {
+          goTo(next, true);
+          return;
+        }
+        setIndex(next);
       });
     }
     function releaseDragCapture() {
@@ -7022,7 +7220,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     );
     watch(
-      () => [props.autoplay, props.loop, count.value, dragging.value],
+      () => [props.autoplay, props.loop, count.value, dragging.value, index.value],
       () => syncAutoplay()
     );
     onMounted(() => {
@@ -7174,7 +7372,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-239073ed"]]);
+const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bc396e5d"]]);
 const _hoisted_1$3 = ["aria-label"];
 const _hoisted_2$2 = ["aria-label"];
 const _hoisted_3$2 = {
@@ -7751,14 +7949,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TaoConfirmHost",
   setup(__props) {
     const panelRef = ref(null);
-    let previousOverflow = "";
     let previousFocus = null;
-    let scrollLocked = false;
+    let scrollHeld = false;
     onMounted(() => {
       registerConfirmHost();
     });
     onBeforeUnmount(() => {
-      unlockBodyScroll();
+      releaseScroll();
       unregisterConfirmHost();
     });
     watch(
@@ -7769,12 +7966,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       async (id) => {
         var _a, _b;
         if (!id) {
-          unlockBodyScroll();
+          releaseScroll();
           restoreFocus();
           return;
         }
+        if (!isBrowser()) {
+          return;
+        }
         previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-        lockBodyScroll();
+        holdScroll();
         await nextTick();
         (_b = queryButton(((_a = currentConfirm.value) == null ? void 0 : _a.danger) ? "cancel" : "ok")) == null ? void 0 : _b.focus();
       }
@@ -7783,21 +7983,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       return ((_a = panelRef.value) == null ? void 0 : _a.querySelector(`[data-tao-confirm-${which}]`)) ?? null;
     }
-    function lockBodyScroll() {
-      if (scrollLocked) {
+    function holdScroll() {
+      if (scrollHeld || !isBrowser()) {
         return;
       }
-      previousOverflow = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      scrollLocked = true;
+      lockBodyScroll();
+      scrollHeld = true;
     }
-    function unlockBodyScroll() {
-      if (!scrollLocked) {
+    function releaseScroll() {
+      if (!scrollHeld) {
         return;
       }
-      document.body.style.overflow = previousOverflow;
-      previousOverflow = "";
-      scrollLocked = false;
+      unlockBodyScroll();
+      scrollHeld = false;
     }
     function restoreFocus() {
       var _a;
@@ -7811,26 +8009,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       answer(false);
     }
     function onKeydown(event) {
-      var _a, _b;
       if (event.key === "Escape") {
         event.preventDefault();
         answer(false);
         return;
       }
-      if (event.key !== "Tab") {
-        return;
-      }
-      const first = queryButton(((_a = currentConfirm.value) == null ? void 0 : _a.danger) ? "cancel" : "ok");
-      const last = queryButton(((_b = currentConfirm.value) == null ? void 0 : _b.danger) ? "ok" : "cancel");
-      if (!first || !last) {
-        return;
-      }
-      if (event.shiftKey && document.activeElement === first) {
-        event.preventDefault();
-        last.focus();
-      } else if (!event.shiftKey && document.activeElement === last) {
-        event.preventDefault();
-        first.focus();
+      if (panelRef.value) {
+        trapTab(event, panelRef.value);
       }
     }
     return (_ctx, _cache) => {
@@ -7933,7 +8118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoConfirmHost = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-503301db"]]);
+const TaoConfirmHost = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d54ae27e"]]);
 const TYPE_TIMEOUT = {
   success: 3e3,
   error: 5e3,