@1337exp/taoui 1.6.0 → 1.6.1

package/dist/index.cjs

@@ -109,7 +109,7 @@
     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"
   };
@@ -184,7 +184,7 @@
               onBlur: handleBlur,
               onFocus: handleFocus
             }, null, 42, _hoisted_4$t),
-            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$m, [
+            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$l, [
               vue.renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 2),
@@ -246,7 +246,7 @@
   };
   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__ */ vue.defineComponent({
     ...{ name: "TaoInputNumber" },
@@ -428,7 +428,7 @@
                   _cache[3] || (_cache[3] = vue.createTextVNode("−", -1))
                 ], true)
               ])
-            ], 8, _hoisted_5$l)
+            ], 8, _hoisted_5$k)
           ])) : vue.createCommentVNode("", true)
         ], 2);
       };
@@ -439,7 +439,7 @@
   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__ */ vue.defineComponent({
     ...{ name: "TaoQuantity" },
     __name: "TaoQuantity",
@@ -610,7 +610,7 @@
             disabled: plusDisabled.value,
             onClick: onInc
           }, [
-            vue.createElementVNode("span", _hoisted_5$k, [
+            vue.createElementVNode("span", _hoisted_5$j, [
               vue.renderSlot(_ctx.$slots, "increment-icon", {}, () => [
                 _cache[1] || (_cache[1] = vue.createTextVNode("+", -1))
               ], true)
@@ -634,7 +634,7 @@
     key: 2,
     class: "tao-card__title-block"
   };
-  const _hoisted_5$j = {
+  const _hoisted_5$i = {
     key: 0,
     class: "tao-card__title"
   };
@@ -704,7 +704,7 @@
               ])) : vue.createCommentVNode("", true)
             ], 2)) : vue.createCommentVNode("", true),
             _ctx.$slots.title || _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$q, [
-              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$j, [
+              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$i, [
                 vue.renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ])) : vue.createCommentVNode("", true),
               _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$e, [
@@ -751,6 +751,31 @@
       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,
@@ -758,7 +783,7 @@
   };
   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 = {
@@ -780,9 +805,8 @@
       const emit = __emit;
       const panelRef = vue.ref(null);
       const titleId = vue.useId();
-      let previousOverflow = "";
       let previousFocus = null;
-      let scrollLocked = false;
+      let scrollHeld = false;
       function close() {
         if (!props.closable) {
           return;
@@ -790,21 +814,19 @@
         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;
@@ -822,6 +844,9 @@
       }
       function onKeydown(event) {
         if (event.key === "Escape") {
+          if (!props.closable) {
+            return;
+          }
           event.preventDefault();
           close();
           return;
@@ -833,19 +858,23 @@
       vue.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 }
       );
       vue.onBeforeUnmount(() => {
-        unlockBodyScroll();
+        releaseScroll();
+        restoreFocus();
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
@@ -886,7 +915,7 @@
                           _cache[0] || (_cache[0] = vue.createTextVNode("×", -1))
                         ], true)
                       ])
-                    ], 8, _hoisted_5$i)) : vue.createCommentVNode("", true)
+                    ], 8, _hoisted_5$h)) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true),
                   vue.createElementVNode("div", _hoisted_7$b, [
                     vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -903,7 +932,7 @@
       };
     }
   });
-  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"];
@@ -1225,15 +1254,26 @@
       function close() {
         void applyOpen(false);
       }
-      async function applyOpen(next) {
-        var _a;
-        setOpen(next);
-        if (!next) {
+      function bindDismiss() {
+        if (typeof document === "undefined") {
           return;
         }
-        await vue.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;
@@ -1246,7 +1286,7 @@
       function updatePosition() {
         const trigger = triggerRef.value;
         const panel = panelRef.value;
-        if (!trigger || !panel) {
+        if (typeof window === "undefined" || !trigger || !panel) {
           return;
         }
         const rect = trigger.getBoundingClientRect();
@@ -1329,24 +1369,24 @@
           updatePosition();
         }
       }
-      vue.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);
-      });
+      vue.watch(
+        open,
+        (isOpen) => {
+          if (isOpen) {
+            bindDismiss();
+            void vue.nextTick(() => {
+              var _a;
+              updatePosition();
+              (_a = panelRef.value) == null ? void 0 : _a.focus();
+            });
+            return;
+          }
+          unbindDismiss();
+        },
+        { immediate: true }
+      );
       vue.onBeforeUnmount(() => {
-        document.removeEventListener("pointerdown", onDocumentPointer);
-        document.removeEventListener("keydown", onDocumentKey);
-        window.removeEventListener("resize", onViewportChange);
-        window.removeEventListener("scroll", onViewportChange, true);
+        unbindDismiss();
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
@@ -1378,7 +1418,7 @@
       };
     }
   });
-  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"];
@@ -1387,7 +1427,7 @@
     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__ */ vue.defineComponent({
     ...{ name: "TaoSpoiler" },
     __name: "TaoSpoiler",
@@ -1473,7 +1513,7 @@
                 id: vue.unref(panelId),
                 class: "tao-spoiler__content"
               }, [
-                vue.createElementVNode("div", _hoisted_5$h, [
+                vue.createElementVNode("div", _hoisted_5$g, [
                   vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ])
               ], 8, _hoisted_4$o)) : vue.createCommentVNode("", true)
@@ -1490,14 +1530,19 @@
     ...{ 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 = vue.computed(() => props.modelValue);
+      const isControlled = vue.computed(() => props.modelValue !== void 0);
+      const internal = vue.ref(null);
+      const model = vue.computed(() => isControlled.value ? props.modelValue : internal.value);
       function setOpen(name) {
+        if (!isControlled.value) {
+          internal.value = name;
+        }
         emit("update:modelValue", name);
         emit("change", name);
       }
@@ -1512,7 +1557,7 @@
       };
     }
   });
-  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__ */ vue.defineComponent({
     ...{ name: "TaoCopy" },
@@ -2169,20 +2214,24 @@
       const props = __props;
       const emit = __emit;
       const isLoaded = vue.ref(false);
+      const hasError = vue.ref(false);
       function handleLoad() {
         isLoaded.value = true;
+        hasError.value = false;
         emit("load");
       }
       function handleError() {
         isLoaded.value = false;
+        hasError.value = true;
         emit("error");
       }
       vue.watch(() => props.src, () => {
         isLoaded.value = false;
+        hasError.value = false;
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
-          __props.src ? (vue.openBlock(), vue.createElementBlock("img", {
+          __props.src && !hasError.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             class: vue.normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
             src: __props.src,
@@ -2192,14 +2241,15 @@
             draggable: "false",
             onLoad: handleLoad,
             onError: handleError
-          }, null, 42, _hoisted_2$w)) : vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          }, null, 42, _hoisted_2$w)) : vue.createCommentVNode("", true),
+          !__props.src || hasError.value ? vue.renderSlot(_ctx.$slots, "default", {}, () => [
             vue.createElementVNode("div", _hoisted_3$q, vue.toDisplayString(__props.placeholderText), 1)
-          ], true, 1)
+          ], true, 1) : vue.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 = {
@@ -2737,7 +2787,7 @@
     key: 0,
     class: "tao-progress__percentage"
   };
-  const _hoisted_5$g = {
+  const _hoisted_5$f = {
     key: 1,
     class: "tao-progress__side"
   };
@@ -2796,7 +2846,7 @@
                 }, null, 6)
               ], 4)
             ]),
-            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
+            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$f, [
               vue.renderSlot(_ctx.$slots, "right", {}, void 0, true),
               showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$c, vue.toDisplayString(endPercentLabel.value), 1)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
@@ -3045,7 +3095,7 @@
   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"
@@ -3077,6 +3127,28 @@
       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);
@@ -3109,9 +3181,17 @@
       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;
@@ -3126,11 +3206,7 @@
           }
         }
         commit(result);
-        const el = fileInput.value;
-        if (el) {
-          el.type = "text";
-          el.type = "file";
-        }
+        resetInput();
       }
       function defaultFormatSize(bytes) {
         if (bytes < 1024) {
@@ -3193,7 +3269,7 @@
                 onChange: handleFileSelect,
                 onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
                 }, ["stop"]))
-              }, null, 40, _hoisted_5$f)
+              }, null, 40, _hoisted_5$e)
             ], 34)
           ]),
           __props.list && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_6$b, [
@@ -3223,12 +3299,14 @@
       };
     }
   });
-  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__ */ vue.defineComponent({
     ...{ name: "TaoDropdownMenu" },
     __name: "TaoDropdownMenu",
@@ -3363,18 +3441,14 @@
             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 ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", {
-              key: 1,
-              "aria-label": __props.menuLabel
-            }, [
-              vue.createElementVNode("span", _hoisted_3$i, [
-                vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                  _cache[0] || (_cache[0] = vue.createTextVNode("⋮", -1))
-                ], true)
-              ])
-            ], 8, _hoisted_2$m))
+            _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$m, [
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                _cache[0] || (_cache[0] = vue.createTextVNode("⋮", -1))
+              ], true)
+            ]))
           ], 8, _hoisted_1$p),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -3400,8 +3474,8 @@
                     id: action.id,
                     ico: action.ico,
                     text: action.name
-                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$e, vue.toDisplayString(action.name), 1))
-                ], 42, _hoisted_4$h);
+                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$h, vue.toDisplayString(action.name), 1))
+                ], 42, _hoisted_3$i);
               }), 128))
             ], 36)) : vue.createCommentVNode("", true)
           ]))
@@ -3409,9 +3483,9 @@
       };
     }
   });
-  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__ */ vue.defineComponent({
     ...{ name: "TaoPinCode" },
     __name: "TaoPinCode",
@@ -3469,11 +3543,43 @@
       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];
@@ -3493,6 +3599,15 @@
           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();
@@ -3574,8 +3689,9 @@
               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
@@ -3585,7 +3701,7 @@
       };
     }
   });
-  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__ */ vue.defineComponent({
     ...{ name: "TaoLink" },
     __name: "TaoLink",
@@ -3642,6 +3758,7 @@
       const id = vue.useId();
       const hintId = `${id}-hint`;
       const errorId = `${id}-error`;
+      const labelId = `${id}-label`;
       const invalid = vue.computed(() => Boolean(props.error));
       const describedBy = vue.computed(() => {
         if (props.error) {
@@ -3657,14 +3774,27 @@
         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 vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["tao-form-field", { "tao-form-field--invalid": invalid.value }])
         }, [
           __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
+            id: labelId,
             class: "tao-form-field__label",
-            for: vue.unref(id)
+            for: vue.unref(id),
+            onClick: onLabelClick
           }, vue.toDisplayString(__props.label), 9, _hoisted_1$n)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           __props.error ? (vue.openBlock(), vue.createElementBlock("p", {
@@ -3680,7 +3810,7 @@
       };
     }
   });
-  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"];
@@ -3724,12 +3854,16 @@
         }
         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`
         };
       }
@@ -3743,7 +3877,7 @@
           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 vue.nextTick();
         updatePosition();
         (_a = listRef.value) == null ? void 0 : _a.focus();
@@ -3963,7 +4097,7 @@
       };
     }
   });
-  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,
@@ -4051,12 +4185,16 @@
         }
         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`
         };
       }
@@ -4123,6 +4261,13 @@
         }
         commitCreated(value);
       }
+      function clear() {
+        var _a;
+        emitValue(null);
+        query.value = "";
+        open.value = false;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      }
       function revertQuery() {
         syncQueryFromModel();
       }
@@ -4440,7 +4585,8 @@
                 key: 0,
                 type: "button",
                 class: "tao-combobox__clear",
-                onMousedown: vue.withModifiers(markPicking, ["prevent"])
+                onMousedown: vue.withModifiers(markPicking, ["prevent"]),
+                onClick: clear
               }, [
                 vue.renderSlot(_ctx.$slots, "clear", {}, () => [
                   vue.createTextVNode(vue.toDisplayString(__props.clearText), 1)
@@ -4452,7 +4598,7 @@
       };
     }
   });
-  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")}`;
@@ -4491,8 +4637,23 @@
     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)) {
@@ -4683,7 +4844,7 @@
         if (!next) {
           return;
         }
-        syncViewFrom(valueIso.value ?? todayIso.value);
+        syncViewFrom(clampTaoDateCursor(valueIso.value ?? todayIso.value, props.min, props.max));
         await vue.nextTick();
         updatePosition();
         (_a = panelRef.value) == null ? void 0 : _a.focus();
@@ -4712,18 +4873,13 @@
         (_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 vue.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 vue.nextTick(updatePosition);
       }
@@ -4991,7 +5147,7 @@
       };
     }
   });
-  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 = {
@@ -5106,7 +5262,7 @@
         }
         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 vue.nextTick();
         updatePosition();
         (_b = panelRef.value) == null ? void 0 : _b.focus();
@@ -5155,19 +5311,14 @@
       }
       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 vue.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 vue.nextTick(updatePosition);
       }
@@ -5462,9 +5613,9 @@
       };
     }
   });
-  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"
@@ -5488,6 +5639,8 @@
       const field = vue.inject(formFieldKey, null);
       const localId = vue.useId();
       const controlId = vue.computed(() => (field == null ? void 0 : field.id) ?? localId);
+      const invalid = vue.computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+      const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
       function toggle() {
         if (props.disabled) {
           return;
@@ -5498,7 +5651,7 @@
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("label", {
-          class: vue.normalizeClass(["tao-switch", { "tao-switch--disabled": __props.disabled, "tao-switch--on": __props.modelValue }]),
+          class: vue.normalizeClass(["tao-switch", { "tao-switch--disabled": __props.disabled, "tao-switch--on": __props.modelValue, "tao-switch--invalid": invalid.value }]),
           for: controlId.value
         }, [
           vue.createElementVNode("input", {
@@ -5509,6 +5662,8 @@
             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] = vue.createElementVNode("span", {
@@ -5524,10 +5679,10 @@
       };
     }
   });
-  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"
@@ -5551,7 +5706,11 @@
       const props = __props;
       const emit = __emit;
       const group = vue.inject(radioGroupKey, null);
+      const field = vue.inject(formFieldKey, null);
       const localId = vue.useId();
+      const controlId = vue.computed(() => group ? localId : (field == null ? void 0 : field.id) ?? localId);
+      const invalid = vue.computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+      const describedBy = vue.computed(() => group ? void 0 : field == null ? void 0 : field.describedBy.value);
       const isDisabled = vue.computed(() => props.disabled || Boolean(group == null ? void 0 : group.disabled.value));
       const inputName = vue.computed(() => (group == null ? void 0 : group.name.value) ?? props.name);
       const isChecked = vue.computed(() => {
@@ -5571,17 +5730,19 @@
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("label", {
-          class: vue.normalizeClass(["tao-radio", { "tao-radio--disabled": isDisabled.value }]),
-          for: vue.unref(localId)
+          class: vue.normalizeClass(["tao-radio", { "tao-radio--disabled": isDisabled.value, "tao-radio--invalid": invalid.value && !vue.unref(group) }]),
+          for: controlId.value
         }, [
           vue.createElementVNode("input", {
-            id: vue.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": !vue.unref(group) && invalid.value || void 0,
+            "aria-describedby": describedBy.value,
             onChange
           }, null, 40, _hoisted_2$f),
           _cache[0] || (_cache[0] = vue.createElementVNode("span", {
@@ -5595,8 +5756,8 @@
       };
     }
   });
-  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"
@@ -5615,10 +5776,14 @@
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const field = vue.inject(formFieldKey, null);
       const autoName = vue.useId();
       const groupName = vue.computed(() => props.name || autoName);
       const model = vue.computed(() => props.modelValue);
       const groupDisabled = vue.computed(() => props.disabled);
+      const invalid = vue.computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+      const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
+      const labelledBy = vue.computed(() => props.legend || !field ? void 0 : `${field.id}-label`);
       function setValue(value) {
         emit("update:modelValue", value);
         emit("change", value);
@@ -5630,9 +5795,14 @@
         setValue
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createElementBlock("fieldset", {
-          class: vue.normalizeClass(["tao-radio-group", `tao-radio-group--${__props.direction}`]),
-          disabled: __props.disabled
+          id: (_a = vue.unref(field)) == null ? void 0 : _a.id,
+          class: vue.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 ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$e, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -5640,9 +5810,9 @@
       };
     }
   });
-  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"
@@ -5742,6 +5912,7 @@
         mutationObserver = null;
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createElementBlock("fieldset", {
           class: vue.normalizeClass(["tao-segmented", [
             `tao-segmented--${__props.size}`,
@@ -5753,7 +5924,9 @@
           ]]),
           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 : vue.unref(field) ? `${vue.unref(field).id}-label` : void 0,
+          id: (_a = vue.unref(field)) == null ? void 0 : _a.id
         }, [
           __props.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$d, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
@@ -5772,7 +5945,7 @@
       };
     }
   });
-  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" };
@@ -6186,11 +6359,15 @@
       const items = vue.computed(() => buildPaginationItems(current.value, pageCount.value, props.siblingCount));
       const from = vue.computed(() => props.total === 0 ? 0 : (current.value - 1) * props.pageSize + 1);
       const to = vue.computed(() => Math.min(current.value * props.pageSize, props.total));
-      vue.watch(pageCount, (count) => {
-        if (props.page > count) {
-          goTo(count);
-        }
-      });
+      vue.watch(
+        () => [props.page, pageCount.value],
+        ([page, count]) => {
+          if (page > count || page < 1) {
+            goTo(page);
+          }
+        },
+        { immediate: true }
+      );
       function goTo(next) {
         if (props.disabled) {
           return;
@@ -6274,7 +6451,7 @@
       };
     }
   });
-  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,
@@ -6376,9 +6553,8 @@
       const emit = __emit;
       const panelRef = vue.ref(null);
       const titleId = vue.useId();
-      let previousOverflow = "";
       let previousFocus = null;
-      let scrollLocked = false;
+      let scrollHeld = false;
       function close() {
         if (!props.closable) {
           return;
@@ -6386,21 +6562,19 @@
         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;
@@ -6418,6 +6592,9 @@
       }
       function onKeydown(event) {
         if (event.key === "Escape") {
+          if (!props.closable) {
+            return;
+          }
           event.preventDefault();
           close();
           return;
@@ -6429,19 +6606,23 @@
       vue.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 }
       );
       vue.onBeforeUnmount(() => {
-        unlockBodyScroll();
+        releaseScroll();
+        restoreFocus();
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
@@ -6502,7 +6683,7 @@
       };
     }
   });
-  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"];
@@ -6587,18 +6768,30 @@
         }
         return extra.length ? `${base}, ${extra.join(", ")}` : base;
       });
+      const imgFailed = vue.ref(false);
+      const showImage = vue.computed(() => Boolean(props.src) && !imgFailed.value);
+      vue.watch(
+        () => props.src,
+        () => {
+          imgFailed.value = false;
+        }
+      );
+      function onImgError() {
+        imgFailed.value = true;
+      }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("span", {
           class: vue.normalizeClass(["tao-avatar", `tao-avatar--${sizeClass.value}`]),
           title: label.value
         }, [
           vue.createElementVNode("span", _hoisted_2$6, [
-            __props.src ? (vue.openBlock(), vue.createElementBlock("img", {
+            showImage.value ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
               class: "tao-avatar__img",
               src: __props.src,
-              alt: label.value
-            }, null, 8, _hoisted_3$5)) : (vue.openBlock(), vue.createElementBlock("span", {
+              alt: label.value,
+              onError: onImgError
+            }, null, 40, _hoisted_3$5)) : (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
               class: "tao-avatar__fallback",
               "aria-label": label.value
@@ -6614,7 +6807,7 @@
       };
     }
   });
-  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 = {
@@ -6823,7 +7016,8 @@
           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) {
@@ -6874,13 +7068,10 @@
         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;
         }
@@ -6920,7 +7111,14 @@
         }
         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() {
@@ -7025,7 +7223,7 @@
         }
       );
       vue.watch(
-        () => [props.autoplay, props.loop, count.value, dragging.value],
+        () => [props.autoplay, props.loop, count.value, dragging.value, index.value],
         () => syncAutoplay()
       );
       vue.onMounted(() => {
@@ -7177,7 +7375,7 @@
       };
     }
   });
-  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 = {
@@ -7754,14 +7952,13 @@
     __name: "TaoConfirmHost",
     setup(__props) {
       const panelRef = vue.ref(null);
-      let previousOverflow = "";
       let previousFocus = null;
-      let scrollLocked = false;
+      let scrollHeld = false;
       vue.onMounted(() => {
         registerConfirmHost();
       });
       vue.onBeforeUnmount(() => {
-        unlockBodyScroll();
+        releaseScroll();
         unregisterConfirmHost();
       });
       vue.watch(
@@ -7772,12 +7969,15 @@
         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 vue.nextTick();
           (_b = queryButton(((_a = currentConfirm.value) == null ? void 0 : _a.danger) ? "cancel" : "ok")) == null ? void 0 : _b.focus();
         }
@@ -7786,21 +7986,19 @@
         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;
@@ -7814,26 +8012,13 @@
         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) => {
@@ -7936,7 +8121,7 @@
       };
     }
   });
-  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,