@1337exp/taoui 1.6.0 → 1.7.0

package/dist/index.mjs

@@ -1,15 +1,15 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, renderSlot, computed, normalizeStyle, inject, useId, ref, unref, watch, createTextVNode, onBeforeUnmount, createBlock, Teleport, createVNode, Transition, withCtx, withModifiers, nextTick, Fragment, renderList, onMounted, provide, resolveDynamicComponent, useCssVars, useSlots, reactive, onBeforeMount, withDirectives, vModelText, getCurrentInstance, mergeProps, TransitionGroup, onUpdated, createApp } from "vue";
-const _hoisted_1$N = ["type", "disabled"];
-const _hoisted_2$G = {
+const _hoisted_1$P = ["type", "disabled"];
+const _hoisted_2$I = {
   key: 0,
   class: "tao-button__loader"
 };
-const _hoisted_3$A = {
+const _hoisted_3$B = {
   key: 1,
   class: "tao-button__icon"
 };
-const _hoisted_4$u = { class: "tao-button__content" };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _hoisted_4$v = { class: "tao-button__content" };
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoButton" },
   __name: "TaoButton",
   props: {
@@ -48,12 +48,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled || __props.loading,
         onClick: handleClick
       }, [
-        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$G)) : createCommentVNode("", true),
-        __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$A, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_4$u, [
+        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$I)) : createCommentVNode("", true),
+        __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$B, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_4$v, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
-      ], 10, _hoisted_1$N);
+      ], 10, _hoisted_1$P);
     };
   }
 });
@@ -64,8 +64,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-c3034f66"]]);
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-c3034f66"]]);
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoBlock" },
   __name: "TaoBlock",
   props: {
@@ -97,24 +97,24 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-feb87e36"]]);
+const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-feb87e36"]]);
 const formFieldKey = Symbol("taoFormField");
-const _hoisted_1$M = { class: "tao-input-wrapper" };
-const _hoisted_2$F = ["for"];
-const _hoisted_3$z = {
+const _hoisted_1$O = { class: "tao-input-wrapper" };
+const _hoisted_2$H = ["for"];
+const _hoisted_3$A = {
   key: 0,
   class: "tao-input__affix tao-input__affix--prefix"
 };
-const _hoisted_4$t = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
+const _hoisted_4$u = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
 const _hoisted_5$m = {
   key: 1,
   class: "tao-input__affix tao-input__affix--suffix"
 };
-const _hoisted_6$g = {
+const _hoisted_6$h = {
   key: 1,
   class: "tao-input__error"
 };
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInput" },
   __name: "TaoInput",
   props: {
@@ -150,12 +150,12 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       emit("focus", event);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
+      return openBlock(), createElementBlock("div", _hoisted_1$O, [
         __props.label && !unref(field) ? (openBlock(), createElementBlock("label", {
           key: 0,
           class: "tao-input__label",
           for: controlId.value
-        }, toDisplayString(__props.label), 9, _hoisted_2$F)) : createCommentVNode("", true),
+        }, toDisplayString(__props.label), 9, _hoisted_2$H)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["tao-input-shell", {
             "tao-input-shell--focused": focused.value,
@@ -165,7 +165,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             "tao-input-shell--suffix": _ctx.$slots.suffix
           }])
         }, [
-          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$z, [
+          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$A, [
             renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
           ])) : createCommentVNode("", true),
           createElementVNode("input", {
@@ -180,27 +180,27 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             onInput: handleInput,
             onBlur: handleBlur,
             onFocus: handleFocus
-          }, null, 42, _hoisted_4$t),
+          }, null, 42, _hoisted_4$u),
           _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$m, [
             renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 2),
-        __props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$g, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
+        __props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$h, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-b522e041"]]);
-const _hoisted_1$L = {
+const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-b522e041"]]);
+const _hoisted_1$N = {
   key: 0,
   class: "tao-input-group__addon tao-input-group__addon--before"
 };
-const _hoisted_2$E = { class: "tao-input-group__field" };
-const _hoisted_3$y = {
+const _hoisted_2$G = { class: "tao-input-group__field" };
+const _hoisted_3$z = {
   key: 1,
   class: "tao-input-group__addon tao-input-group__addon--after"
 };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputGroup" },
   __name: "TaoInputGroup",
   setup(__props) {
@@ -222,30 +222,30 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         onFocusin: onFocusIn,
         onFocusout: onFocusOut
       }, [
-        _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
+        _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
           renderSlot(_ctx.$slots, "before", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$E, [
+        createElementVNode("div", _hoisted_2$G, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
+        _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
           renderSlot(_ctx.$slots, "after", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
-const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-f06bb3b1"]]);
-const _hoisted_1$K = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
-const _hoisted_2$D = {
+const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-f06bb3b1"]]);
+const _hoisted_1$M = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+const _hoisted_2$F = {
   key: 0,
   class: "tao-input-number__steppers"
 };
-const _hoisted_3$x = ["aria-label", "disabled"];
-const _hoisted_4$s = { "aria-hidden": "true" };
+const _hoisted_3$y = ["aria-label", "disabled"];
+const _hoisted_4$t = { "aria-hidden": "true" };
 const _hoisted_5$l = ["aria-label", "disabled"];
-const _hoisted_6$f = { "aria-hidden": "true" };
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _hoisted_6$g = { "aria-hidden": "true" };
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputNumber" },
   __name: "TaoInputNumber",
   props: {
@@ -396,8 +396,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 40, _hoisted_1$K),
-        __props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
+        }, null, 40, _hoisted_1$M),
+        __props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$F, [
           createElementVNode("button", {
             type: "button",
             class: "tao-input-number__step",
@@ -406,12 +406,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled || atMax.value,
             onClick: _cache[0] || (_cache[0] = ($event) => bump(1))
           }, [
-            createElementVNode("span", _hoisted_4$s, [
+            createElementVNode("span", _hoisted_4$t, [
               renderSlot(_ctx.$slots, "increment-icon", {}, () => [
                 _cache[2] || (_cache[2] = createTextVNode("+", -1))
               ], true)
             ])
-          ], 8, _hoisted_3$x),
+          ], 8, _hoisted_3$y),
           createElementVNode("button", {
             type: "button",
             class: "tao-input-number__step",
@@ -420,7 +420,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled || atMin.value,
             onClick: _cache[1] || (_cache[1] = ($event) => bump(-1))
           }, [
-            createElementVNode("span", _hoisted_6$f, [
+            createElementVNode("span", _hoisted_6$g, [
               renderSlot(_ctx.$slots, "decrement-icon", {}, () => [
                 _cache[3] || (_cache[3] = createTextVNode("−", -1))
               ], true)
@@ -431,13 +431,13 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-331dd958"]]);
-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 TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-331dd958"]]);
+const _hoisted_1$L = ["aria-label", "disabled"];
+const _hoisted_2$E = { "aria-hidden": "true" };
+const _hoisted_3$x = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+const _hoisted_4$s = ["aria-label", "disabled"];
 const _hoisted_5$k = { "aria-hidden": "true" };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoQuantity" },
   __name: "TaoQuantity",
   props: {
@@ -574,12 +574,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           disabled: minusDisabled.value,
           onClick: onDec
         }, [
-          createElementVNode("span", _hoisted_2$C, [
+          createElementVNode("span", _hoisted_2$E, [
             renderSlot(_ctx.$slots, "decrement-icon", {}, () => [
               _cache[0] || (_cache[0] = createTextVNode("−", -1))
             ], true)
           ])
-        ], 8, _hoisted_1$J),
+        ], 8, _hoisted_1$L),
         createElementVNode("input", {
           id: controlId.value,
           class: "tao-quantity__input",
@@ -599,7 +599,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 40, _hoisted_3$w),
+        }, null, 40, _hoisted_3$x),
         createElementVNode("button", {
           type: "button",
           class: "tao-quantity__btn tao-quantity__btn--inc",
@@ -612,22 +612,22 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
               _cache[1] || (_cache[1] = createTextVNode("+", -1))
             ], true)
           ])
-        ], 8, _hoisted_4$r)
+        ], 8, _hoisted_4$s)
       ], 2);
     };
   }
 });
-const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-c9c7c8b4"]]);
-const _hoisted_1$I = {
+const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-c9c7c8b4"]]);
+const _hoisted_1$K = {
   key: 0,
   class: "tao-card__cover"
 };
-const _hoisted_2$B = {
+const _hoisted_2$D = {
   key: 0,
   class: "tao-card__header-title"
 };
-const _hoisted_3$v = { key: 0 };
-const _hoisted_4$q = {
+const _hoisted_3$w = { key: 0 };
+const _hoisted_4$r = {
   key: 2,
   class: "tao-card__title-block"
 };
@@ -635,7 +635,7 @@ const _hoisted_5$j = {
   key: 0,
   class: "tao-card__title"
 };
-const _hoisted_6$e = {
+const _hoisted_6$f = {
   key: 1,
   class: "tao-card__sub"
 };
@@ -647,7 +647,7 @@ const _hoisted_8$b = {
   key: 4,
   class: "tao-card__footer"
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCard" },
   __name: "TaoCard",
   props: {
@@ -679,14 +679,14 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         }]),
         style: normalizeStyle(radiusStyle.value)
       }, [
-        _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
+        _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1$K, [
           renderSlot(_ctx.$slots, "cover", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "tao-card__content",
           style: normalizeStyle(paddingStyle.value)
         }, [
-          _ctx.$slots.headerTitle ? (openBlock(), createElementBlock("h2", _hoisted_2$B, [
+          _ctx.$slots.headerTitle ? (openBlock(), createElementBlock("h2", _hoisted_2$D, [
             renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
           ])) : createCommentVNode("", true),
           _ctx.$slots.header || _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("div", {
@@ -696,15 +696,15 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, [
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ]),
-            _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
+            _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$w, [
               renderSlot(_ctx.$slots, "headerSecondary", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
-          _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$q, [
+          _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$r, [
             _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$j, [
               renderSlot(_ctx.$slots, "title", {}, void 0, true)
             ])) : createCommentVNode("", true),
-            _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$e, [
+            _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$f, [
               renderSlot(_ctx.$slots, "sub", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
@@ -719,7 +719,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-2ff3d055"]]);
+const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-2ff3d055"]]);
 const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function getFocusable(root) {
   return [...root.querySelectorAll(FOCUSABLE)].filter(
@@ -748,21 +748,46 @@ function trapTab(event, root) {
     first.focus();
   }
 }
-const _hoisted_1$H = ["aria-labelledby"];
-const _hoisted_2$A = {
+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$J = ["aria-labelledby"];
+const _hoisted_2$C = {
   key: 0,
   class: "tao-modal__header"
 };
-const _hoisted_3$u = ["id"];
-const _hoisted_4$p = { key: 1 };
+const _hoisted_3$v = ["id"];
+const _hoisted_4$q = { key: 1 };
 const _hoisted_5$i = ["aria-label"];
-const _hoisted_6$d = { "aria-hidden": "true" };
+const _hoisted_6$e = { "aria-hidden": "true" };
 const _hoisted_7$b = { class: "tao-modal__content" };
 const _hoisted_8$a = {
   key: 1,
   class: "tao-modal__footer"
 };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoModal" },
   __name: "TaoModal",
   props: {
@@ -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" }, [
@@ -863,13 +892,13 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                 "aria-labelledby": __props.title ? unref(titleId) : void 0,
                 tabindex: "-1"
               }, [
-                __props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
+                __props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$C, [
                   renderSlot(_ctx.$slots, "header", {}, () => [
                     __props.title ? (openBlock(), createElementBlock("h2", {
                       key: 0,
                       id: unref(titleId),
                       class: "tao-modal__title"
-                    }, toDisplayString(__props.title), 9, _hoisted_3$u)) : (openBlock(), createElementBlock("span", _hoisted_4$p))
+                    }, toDisplayString(__props.title), 9, _hoisted_3$v)) : (openBlock(), createElementBlock("span", _hoisted_4$q))
                   ], true),
                   __props.closable ? (openBlock(), createElementBlock("button", {
                     key: 0,
@@ -878,7 +907,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                     "aria-label": __props.closeLabel,
                     onClick: close
                   }, [
-                    createElementVNode("span", _hoisted_6$d, [
+                    createElementVNode("span", _hoisted_6$e, [
                       renderSlot(_ctx.$slots, "close-icon", {}, () => [
                         _cache[0] || (_cache[0] = createTextVNode("×", -1))
                       ], true)
@@ -891,7 +920,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                 _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$a, [
                   renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                 ])) : createCommentVNode("", true)
-              ], 8, _hoisted_1$H)
+              ], 8, _hoisted_1$J)
             ], 32)) : createCommentVNode("", true)
           ]),
           _: 3
@@ -900,11 +929,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-67d4b1e8"]]);
-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"];
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-102cfd66"]]);
+const _hoisted_1$I = { class: "tao-tabs" };
+const _hoisted_2$B = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
+const _hoisted_3$u = ["id", "aria-labelledby"];
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTabs" },
   __name: "TaoTabs",
   props: {
@@ -968,7 +997,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         createElementVNode("div", {
           class: "tao-tabs__list",
           role: "tablist",
@@ -993,7 +1022,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               }, void 0, true, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(tab.label), 1)
               ], 64))
-            ], 8, _hoisted_2$z);
+            ], 8, _hoisted_2$B);
           }), 128))
         ], 32),
         createElementVNode("div", {
@@ -1003,12 +1032,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           "aria-labelledby": tabId(__props.modelValue)
         }, [
           renderSlot(_ctx.$slots, "default", { activeTab: __props.modelValue }, void 0, true)
-        ], 8, _hoisted_3$t)
+        ], 8, _hoisted_3$u)
       ]);
     };
   }
 });
-const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-bf16735e"]]);
+const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-bf16735e"]]);
 function listenFocusLoss(onLoss) {
   function onVisibilityChange() {
     if (document.hidden) {
@@ -1024,7 +1053,7 @@ function listenFocusLoss(onLoss) {
     window.removeEventListener("pagehide", onLoss);
   };
 }
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTooltip" },
   __name: "TaoTooltip",
   props: {
@@ -1186,9 +1215,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-926dfa73"]]);
-const _hoisted_1$F = { class: "tao-popover" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-926dfa73"]]);
+const _hoisted_1$H = { class: "tao-popover" };
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPopover" },
   __name: "TaoPopover",
   props: {
@@ -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,27 +1366,27 @@ 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, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -1375,17 +1415,17 @@ 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$N, [["__scopeId", "data-v-afd791a7"]]);
 const spoilerGroupKey = Symbol("taoSpoilerGroup");
-const _hoisted_1$E = { class: "tao-spoiler" };
-const _hoisted_2$y = ["aria-expanded", "aria-controls"];
-const _hoisted_3$s = {
+const _hoisted_1$G = { class: "tao-spoiler" };
+const _hoisted_2$A = ["aria-expanded", "aria-controls"];
+const _hoisted_3$t = {
   key: 0,
   class: "tao-spoiler__title"
 };
-const _hoisted_4$o = ["id"];
+const _hoisted_4$p = ["id"];
 const _hoisted_5$h = { class: "tao-spoiler__content-inner" };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpoiler" },
   __name: "TaoSpoiler",
   props: {
@@ -1440,7 +1480,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$G, [
         createElementVNode("button", {
           type: "button",
           class: "tao-spoiler__header",
@@ -1451,12 +1491,12 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           createElementVNode("span", {
             class: normalizeClass(["tao-spoiler__icon", { "tao-spoiler__icon--open": isOpen.value }])
           }, "▶", 2),
-          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$s, [
+          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$t, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(__props.title), 1)
             ], true)
           ])) : createCommentVNode("", true)
-        ], 8, _hoisted_2$y),
+        ], 8, _hoisted_2$A),
         createVNode(Transition, {
           name: "tao-spoiler-slide",
           onBeforeEnter,
@@ -1473,7 +1513,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_5$h, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ])
-            ], 8, _hoisted_4$o)) : createCommentVNode("", true)
+            ], 8, _hoisted_4$p)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -1481,20 +1521,25 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-ccb052cf"]]);
-const _hoisted_1$D = { class: "tao-spoiler-group" };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-ccb052cf"]]);
+const _hoisted_1$F = { class: "tao-spoiler-group" };
+const _sfc_main$L = /* @__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);
     }
@@ -1503,15 +1548,15 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       setOpen
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
   }
 });
-const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-6b172e89"]]);
-const _hoisted_1$C = ["aria-label"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-118970dd"]]);
+const _hoisted_1$E = ["aria-label"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCopy" },
   __name: "TaoCopy",
   props: {
@@ -1646,7 +1691,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 "stroke-width": "2"
               })
             ], -1)
-          ])], 10, _hoisted_1$C)
+          ])], 10, _hoisted_1$E)
         ], true),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           copied.value && __props.tip && __props.successMessage ? (openBlock(), createElementBlock("div", {
@@ -1662,8 +1707,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-38d3381d"]]);
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-38d3381d"]]);
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoContainer" },
   __name: "TaoContainer",
   props: {
@@ -1680,8 +1725,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-4c0deb90"]]);
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-4c0deb90"]]);
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFlex" },
   __name: "TaoFlex",
   props: {
@@ -1712,7 +1757,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpace" },
   __name: "TaoSpace",
   props: {
@@ -1732,15 +1777,15 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-698ca712"]]);
-const _hoisted_1$B = { class: "tao-split__pane tao-split__pane--start" };
-const _hoisted_2$x = ["aria-orientation", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-disabled", "tabindex"];
-const _hoisted_3$r = { class: "tao-split__pane tao-split__pane--end" };
-const _hoisted_4$n = {
+const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-698ca712"]]);
+const _hoisted_1$D = { class: "tao-split__pane tao-split__pane--start" };
+const _hoisted_2$z = ["aria-orientation", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-disabled", "tabindex"];
+const _hoisted_3$s = { class: "tao-split__pane tao-split__pane--end" };
+const _hoisted_4$o = {
   key: 0,
   class: "tao-split__shield"
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSplit" },
   __name: "TaoSplit",
   props: {
@@ -2025,7 +2070,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         ]]),
         style: normalizeStyle({ "--tao-split-start": `${startPx.value}px` })
       }, [
-        createElementVNode("div", _hoisted_1$B, [
+        createElementVNode("div", _hoisted_1$D, [
           renderSlot(_ctx.$slots, "start", {}, void 0, true)
         ]),
         createElementVNode("div", {
@@ -2048,18 +2093,18 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           onKeydown,
           onDragstart: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["prevent"]))
-        }, null, 40, _hoisted_2$x),
-        createElementVNode("div", _hoisted_3$r, [
+        }, null, 40, _hoisted_2$z),
+        createElementVNode("div", _hoisted_3$s, [
           renderSlot(_ctx.$slots, "end", {}, void 0, true)
         ]),
-        isDragging.value ? (openBlock(), createElementBlock("div", _hoisted_4$n)) : createCommentVNode("", true)
+        isDragging.value ? (openBlock(), createElementBlock("div", _hoisted_4$o)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const TaoSplit = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-f44196dc"]]);
-const _hoisted_1$A = { class: "tao-icon" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const TaoSplit = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-f44196dc"]]);
+const _hoisted_1$C = { class: "tao-icon" };
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoIcon" },
   __name: "TaoIcon",
   props: {
@@ -2074,7 +2119,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     }));
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$A, [
+      return openBlock(), createElementBlock("span", _hoisted_1$C, [
         renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
         createElementVNode("i", {
           class: normalizeClass(["tao-icon__value", [`icon-${props.name}`, { "tao-icon__value--invert": props.invert }]]),
@@ -2085,8 +2130,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-145b2cfc"]]);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-145b2cfc"]]);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoLoader" },
   __name: "TaoLoader",
   props: {
@@ -2147,11 +2192,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-75a40018"]]);
-const _hoisted_1$z = { class: "tao-image" };
-const _hoisted_2$w = ["src", "alt", "loading"];
-const _hoisted_3$q = { class: "tao-image__placeholder" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-75a40018"]]);
+const _hoisted_1$B = { class: "tao-image" };
+const _hoisted_2$y = ["src", "alt", "loading"];
+const _hoisted_3$r = { class: "tao-image__placeholder" };
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoImage" },
   __name: "TaoImage",
   props: {
@@ -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", {
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+        __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,25 +2238,26 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           draggable: "false",
           onLoad: handleLoad,
           onError: handleError
-        }, null, 42, _hoisted_2$w)) : renderSlot(_ctx.$slots, "default", {}, () => [
-          createElementVNode("div", _hoisted_3$q, toDisplayString(__props.placeholderText), 1)
-        ], true, 1)
+        }, null, 42, _hoisted_2$y)) : createCommentVNode("", true),
+        !__props.src || hasError.value ? renderSlot(_ctx.$slots, "default", {}, () => [
+          createElementVNode("div", _hoisted_3$r, toDisplayString(__props.placeholderText), 1)
+        ], true, 1) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-e7c911e5"]]);
-const _hoisted_1$y = ["for"];
-const _hoisted_2$v = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
-const _hoisted_3$p = {
+const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-aea39025"]]);
+const _hoisted_1$A = ["for"];
+const _hoisted_2$x = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
+const _hoisted_3$q = {
   key: 0,
   class: "tao-checkbox__label"
 };
-const _hoisted_4$m = {
+const _hoisted_4$n = {
   key: 1,
   class: "tao-checkbox__label"
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCheckbox" },
   __name: "TaoCheckbox",
   props: {
@@ -2277,25 +2327,25 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           "aria-invalid": invalid.value || void 0,
           "aria-describedby": describedBy.value,
           onChange: onInputChange
-        }, null, 40, _hoisted_2$v),
+        }, null, 40, _hoisted_2$x),
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$p, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$m, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$q, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])),
         renderSlot(_ctx.$slots, "post", { text: __props.label }, void 0, true)
-      ], 10, _hoisted_1$y);
+      ], 10, _hoisted_1$A);
     };
   }
 });
-const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-f6b0e565"]]);
-const _hoisted_1$x = {
+const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-f6b0e565"]]);
+const _hoisted_1$z = {
   key: 0,
   class: "tao-tag__prefix"
 };
-const _hoisted_2$u = { class: "tao-tag__text" };
-const _hoisted_3$o = ["aria-label"];
-const _hoisted_4$l = { "aria-hidden": "true" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _hoisted_2$w = { class: "tao-tag__text" };
+const _hoisted_3$p = ["aria-label"];
+const _hoisted_4$m = { "aria-hidden": "true" };
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTag" },
   __name: "TaoTag",
   props: {
@@ -2335,10 +2385,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         ]]),
         style: normalizeStyle(style.value)
       }, [
-        _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$x, [
+        _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$z, [
           renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2$u, [
+        createElementVNode("span", _hoisted_2$w, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         __props.closable ? (openBlock(), createElementBlock("button", {
@@ -2348,27 +2398,27 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           "aria-label": __props.closeLabel,
           onClick: withModifiers(onClose, ["stop"])
         }, [
-          createElementVNode("span", _hoisted_4$l, [
+          createElementVNode("span", _hoisted_4$m, [
             renderSlot(_ctx.$slots, "close-icon", {}, () => [
               _cache[0] || (_cache[0] = createTextVNode("✕", -1))
             ], true)
           ])
-        ], 8, _hoisted_3$o)) : createCommentVNode("", true)
+        ], 8, _hoisted_3$p)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-f353f529"]]);
-const _hoisted_1$w = {
+const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-f353f529"]]);
+const _hoisted_1$y = {
   key: 1,
   class: "tao-divider-text"
 };
-const _hoisted_2$t = { class: "tao-divider-text__value" };
-const _hoisted_3$n = {
+const _hoisted_2$v = { class: "tao-divider-text__value" };
+const _hoisted_3$o = {
   key: 2,
   class: "tao-divider-line"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDivider" },
   __name: "TaoDivider",
   props: {
@@ -2382,23 +2432,23 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return __props.variant === "gap" ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
+      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-        createElementVNode("span", _hoisted_2$t, [
+        createElementVNode("span", _hoisted_2$v, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _cache[1] || (_cache[1] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-      ])) : (openBlock(), createElementBlock("div", _hoisted_3$n));
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3$o));
     };
   }
 });
-const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-8187a15d"]]);
-const _hoisted_1$v = {
+const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-8187a15d"]]);
+const _hoisted_1$x = {
   key: 0,
   class: "tao-fieldset__legend"
 };
-const _hoisted_2$s = { class: "tao-fieldset__body" };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _hoisted_2$u = { class: "tao-fieldset__body" };
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFieldset" },
   __name: "TaoFieldset",
   props: {
@@ -2410,20 +2460,20 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("fieldset", {
         class: normalizeClass(["tao-fieldset", `tao-fieldset--${__props.align}`])
       }, [
-        __props.legend || _ctx.$slots.legend ? (openBlock(), createElementBlock("legend", _hoisted_1$v, [
+        __props.legend || _ctx.$slots.legend ? (openBlock(), createElementBlock("legend", _hoisted_1$x, [
           renderSlot(_ctx.$slots, "legend", {}, () => [
             createTextVNode(toDisplayString(__props.legend), 1)
           ], true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$s, [
+        createElementVNode("div", _hoisted_2$u, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
       ], 2);
     };
   }
 });
-const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-34440ba5"]]);
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-34440ba5"]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoAnimatedBorder" },
   __name: "TaoAnimatedBorder",
   props: {
@@ -2447,18 +2497,18 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f1534571"]]);
-const _hoisted_1$u = {
+const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f1534571"]]);
+const _hoisted_1$w = {
   key: 0,
   class: "tao-textarea tao-textarea--dummy"
 };
-const _hoisted_2$r = {
+const _hoisted_2$t = {
   key: 1,
   class: "tao-textarea-wrap"
 };
-const _hoisted_3$m = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
-const _hoisted_4$k = ["id"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_3$n = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
+const _hoisted_4$l = ["id"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTextarea" },
   __name: "TaoTextarea",
   props: {
@@ -2555,7 +2605,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       nextTick(autoResize);
     });
     return (_ctx, _cache) => {
-      return __props.dummy ? (openBlock(), createElementBlock("span", _hoisted_1$u, toDisplayString(__props.modelValue), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$r, [
+      return __props.dummy ? (openBlock(), createElementBlock("span", _hoisted_1$w, toDisplayString(__props.modelValue), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$t, [
         createElementVNode("textarea", {
           id: controlId.value,
           ref_key: "textareaRef",
@@ -2584,21 +2634,21 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 42, _hoisted_3$m),
+        }, null, 42, _hoisted_3$n),
         __props.count ? (openBlock(), createElementBlock("span", {
           key: 0,
           id: counterId.value,
           class: normalizeClass(["tao-textarea__count", { "tao-textarea__count--limit": atLimit.value }])
-        }, toDisplayString(countLabel.value), 11, _hoisted_4$k)) : createCommentVNode("", true)
+        }, toDisplayString(countLabel.value), 11, _hoisted_4$l)) : createCommentVNode("", true)
       ]));
     };
   }
 });
-const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-2534c0c4"]]);
-const _hoisted_1$t = ["tabindex", "aria-label"];
-const _hoisted_2$q = { class: "tao-scroll-top__content" };
+const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-2534c0c4"]]);
+const _hoisted_1$v = ["tabindex", "aria-label"];
+const _hoisted_2$s = { class: "tao-scroll-top__content" };
 const RIPPLE_DURATION = 750;
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoScrollTop" },
   __name: "TaoScrollTop",
   props: {
@@ -2699,7 +2749,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             "aria-label": props.ariaLabel,
             onClick: withModifiers(onClick, ["prevent"])
           }, [
-            createElementVNode("div", _hoisted_2$q, [
+            createElementVNode("div", _hoisted_2$s, [
               createElementVNode("div", {
                 class: normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
                 style: normalizeStyle(rippleStyle)
@@ -2716,21 +2766,21 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 ], -1))
               ], true)
             ])
-          ], 14, _hoisted_1$t)) : createCommentVNode("", true)
+          ], 14, _hoisted_1$v)) : createCommentVNode("", true)
         ]),
         _: 3
       });
     };
   }
 });
-const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-59678649"]]);
-const _hoisted_1$s = { class: "tao-progress" };
-const _hoisted_2$p = {
+const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-59678649"]]);
+const _hoisted_1$u = { class: "tao-progress" };
+const _hoisted_2$r = {
   key: 0,
   class: "tao-progress__side"
 };
-const _hoisted_3$l = { class: "tao-progress__main" };
-const _hoisted_4$j = {
+const _hoisted_3$m = { class: "tao-progress__main" };
+const _hoisted_4$k = {
   key: 0,
   class: "tao-progress__percentage"
 };
@@ -2738,11 +2788,11 @@ const _hoisted_5$g = {
   key: 1,
   class: "tao-progress__side"
 };
-const _hoisted_6$c = {
+const _hoisted_6$d = {
   key: 0,
   class: "tao-progress__percentage"
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoProgress" },
   __name: "TaoProgress",
   props: {
@@ -2773,16 +2823,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       () => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createElementVNode("div", {
           class: normalizeClass(["tao-progress__container", { "tao-progress__container--over": showOverPercent.value }]),
           style: normalizeStyle({ minWidth: `${minW.value}px`, maxWidth: `${maxW.value}px` })
         }, [
-          _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
+          _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
             renderSlot(_ctx.$slots, "left", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$l, [
-            showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$j, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3$m, [
+            showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$k, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
             createElementVNode("div", {
               class: "tao-progress__track",
               style: normalizeStyle({ height: `${__props.height}px` })
@@ -2795,21 +2845,21 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           ]),
           _ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
             renderSlot(_ctx.$slots, "right", {}, void 0, true),
-            showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$c, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
+            showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$d, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ], 6)
       ]);
     };
   }
 });
-const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-54c13718"]]);
-const _hoisted_1$r = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
-const _hoisted_2$o = ["placeholder"];
-const _hoisted_3$k = {
+const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-54c13718"]]);
+const _hoisted_1$t = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
+const _hoisted_2$q = ["placeholder"];
+const _hoisted_3$l = {
   key: 1,
   class: "tao-slider__value"
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSlider" },
   __name: "TaoSlider",
   props: {
@@ -3026,24 +3076,24 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           onKeydown: onShadowKeydown,
           onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 40, _hoisted_2$o)), [
+        }, null, 40, _hoisted_2$q)), [
           [vModelText, shadowModel.value]
-        ]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
+        ]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
           renderSlot(_ctx.$slots, "pre-value", {}, void 0, true),
           createTextVNode(toDisplayString(__props.modelValue), 1),
           renderSlot(_ctx.$slots, "post-value", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$r);
+      ], 42, _hoisted_1$t);
     };
   }
 });
-const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-24a38782"]]);
-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 TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-24a38782"]]);
+const _hoisted_1$s = { class: "tao-file-drop" };
+const _hoisted_2$p = { class: "tao-file-drop__row" };
+const _hoisted_3$k = ["aria-label"];
+const _hoisted_4$j = { "aria-hidden": "true" };
 const _hoisted_5$f = ["accept", "multiple"];
-const _hoisted_6$b = {
+const _hoisted_6$c = {
   key: 0,
   class: "tao-file-drop__list"
 };
@@ -3051,7 +3101,7 @@ const _hoisted_7$a = { class: "tao-file-drop__name" };
 const _hoisted_8$9 = { class: "tao-file-drop__meta" };
 const _hoisted_9$4 = ["aria-label", "onClick"];
 const _hoisted_10$4 = { "aria-hidden": "true" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFileDrop" },
   __name: "TaoFileDrop",
   props: {
@@ -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) {
@@ -3156,8 +3232,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     });
     onBeforeUnmount(() => stopFocusLoss == null ? void 0 : stopFocusLoss());
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("div", _hoisted_2$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+        createElementVNode("div", _hoisted_2$p, [
           __props.showClear && __props.modelValue.length ? (openBlock(), createElementBlock("button", {
             key: 0,
             type: "button",
@@ -3165,12 +3241,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             "aria-label": __props.clearLabel,
             onClick: requestClear
           }, [
-            createElementVNode("span", _hoisted_4$i, [
+            createElementVNode("span", _hoisted_4$j, [
               renderSlot(_ctx.$slots, "clear-icon", {}, () => [
                 _cache[1] || (_cache[1] = createTextVNode("✕", -1))
               ], true)
             ])
-          ], 8, _hoisted_3$j)) : createCommentVNode("", true),
+          ], 8, _hoisted_3$k)) : createCommentVNode("", true),
           createElementVNode("label", {
             class: normalizeClass(["tao-file-drop__zone", [`tao-file-drop__zone--${__props.size}`, { "tao-file-drop__zone--dragging": isDragging.value }]]),
             onDragover: handleDragOver,
@@ -3193,7 +3269,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             }, null, 40, _hoisted_5$f)
           ], 34)
         ]),
-        __props.list && __props.modelValue.length ? (openBlock(), createElementBlock("ul", _hoisted_6$b, [
+        __props.list && __props.modelValue.length ? (openBlock(), createElementBlock("ul", _hoisted_6$c, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (file, index) => {
             return openBlock(), createElementBlock("li", {
               key: fileKey(file, index),
@@ -3220,13 +3296,15 @@ 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 _sfc_main$q = /* @__PURE__ */ defineComponent({
+const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-4b36e2a3"]]);
+const _hoisted_1$r = ["aria-expanded", "aria-label"];
+const _hoisted_2$o = {
+  key: 1,
+  "aria-hidden": "true"
+};
+const _hoisted_3$j = ["onClick", "onMouseenter"];
+const _hoisted_4$i = { key: 1 };
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDropdownMenu" },
   __name: "TaoDropdownMenu",
   props: {
@@ -3360,19 +3438,15 @@ 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))
-        ], 8, _hoisted_1$p),
+          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_2$o, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              _cache[0] || (_cache[0] = createTextVNode("⋮", -1))
+            ], true)
+          ]))
+        ], 8, _hoisted_1$r),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           isOpen.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -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$i, toDisplayString(action.name), 1))
+              ], 42, _hoisted_3$j);
             }), 128))
           ], 36)) : createCommentVNode("", true)
         ]))
@@ -3406,10 +3480,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-42bc0a2a"]]);
-const _hoisted_1$o = ["aria-invalid", "aria-describedby"];
-const _hoisted_2$l = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-cbfa7294"]]);
+const _hoisted_1$q = ["aria-invalid", "aria-describedby"];
+const _hoisted_2$n = ["id", "value", "placeholder", "type", "inputmode", "pattern", "maxlength", "onInput", "onPaste", "onKeydown", "onFocus"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPinCode" },
   __name: "TaoPinCode",
   props: {
@@ -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,19 +3686,20 @@ 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
-          }, null, 42, _hoisted_2$l);
+          }, null, 42, _hoisted_2$n);
         }), 128))
-      ], 8, _hoisted_1$o);
+      ], 8, _hoisted_1$q);
     };
   }
 });
-const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c3182673"]]);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-44474500"]]);
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoLink" },
   __name: "TaoLink",
   props: {
@@ -3625,8 +3741,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["for"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = ["for"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFormField" },
   __name: "TaoFormField",
   props: {
@@ -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,15 +3771,28 @@ 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)
-        }, toDisplayString(__props.label), 9, _hoisted_1$n)) : createCommentVNode("", true),
+          for: unref(id),
+          onClick: onLabelClick
+        }, toDisplayString(__props.label), 9, _hoisted_1$p)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         __props.error ? (openBlock(), createElementBlock("p", {
           key: 1,
@@ -3677,12 +3807,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-11324f0c"]]);
-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"];
-const _hoisted_4$g = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-edd0be31"]]);
+const _hoisted_1$o = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+const _hoisted_2$m = { class: "tao-select__value" };
+const _hoisted_3$i = ["aria-activedescendant"];
+const _hoisted_4$h = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSelect" },
   __name: "TaoSelect",
   props: {
@@ -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();
@@ -3896,14 +4030,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           onClick: toggle,
           onKeydown: onTriggerKeydown
         }, [
-          createElementVNode("span", _hoisted_2$k, toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+          createElementVNode("span", _hoisted_2$m, toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
           createElementVNode("span", {
             class: normalizeClass(["tao-select__chevron", { "tao-select__chevron--custom": _ctx.$slots.chevron }]),
             "aria-hidden": "true"
           }, [
             renderSlot(_ctx.$slots, "chevron", {}, void 0, true)
           ], 2)
-        ], 42, _hoisted_1$m),
+        ], 42, _hoisted_1$o),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           open.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -3939,9 +4073,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   }, ["prevent"])),
                   onClick: ($event) => selectOption(option),
                   onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
-                }, toDisplayString(option.label), 43, _hoisted_4$g);
+                }, toDisplayString(option.label), 43, _hoisted_4$h);
               }), 128))
-            ], 40, _hoisted_3$h),
+            ], 40, _hoisted_3$i),
             selected.value ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -3960,14 +4094,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-c5d6cdd3"]]);
-const _hoisted_1$l = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
-const _hoisted_2$j = {
+const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-d9b336d8"]]);
+const _hoisted_1$n = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
+const _hoisted_2$l = {
   key: 0,
   class: "tao-combobox__empty"
 };
-const _hoisted_3$g = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_3$h = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCombobox" },
   __name: "TaoCombobox",
   props: {
@@ -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();
     }
@@ -4377,7 +4522,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             onFocus,
             onBlur,
             onKeydown: onInputKeydown
-          }, null, 40, _hoisted_1$l),
+          }, null, 40, _hoisted_1$n),
           createElementVNode("span", {
             class: normalizeClass(["tao-combobox__chevron", { "tao-combobox__chevron--custom": _ctx.$slots.chevron }]),
             "aria-hidden": "true"
@@ -4400,7 +4545,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               class: "tao-combobox__list",
               role: "listbox"
             }, [
-              !rows.value.length ? (openBlock(), createElementBlock("li", _hoisted_2$j, [
+              !rows.value.length ? (openBlock(), createElementBlock("li", _hoisted_2$l, [
                 renderSlot(_ctx.$slots, "empty", {}, () => [
                   createTextVNode(toDisplayString(__props.emptyText), 1)
                 ], true)
@@ -4430,14 +4575,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   ], true, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(row.option.label), 1)
                   ], 64))
-                ], 42, _hoisted_3$g);
+                ], 42, _hoisted_3$h);
               }), 128))
             ], 512),
             selected.value ? (openBlock(), createElementBlock("button", {
               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$n, [["__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)) {
@@ -4577,15 +4738,15 @@ function buildTaoDateGrid(year, month) {
     };
   });
 }
-const _hoisted_1$k = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-const _hoisted_2$i = { class: "tao-date__value" };
-const _hoisted_3$f = {
+const _hoisted_1$m = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+const _hoisted_2$k = { class: "tao-date__value" };
+const _hoisted_3$g = {
   class: "tao-date__icon",
   "aria-hidden": "true"
 };
-const _hoisted_4$f = ["aria-label"];
-const _hoisted_5$d = { class: "tao-date__header" };
-const _hoisted_6$a = ["aria-label"];
+const _hoisted_4$g = ["aria-label"];
+const _hoisted_5$e = { class: "tao-date__header" };
+const _hoisted_6$b = ["aria-label"];
 const _hoisted_7$9 = { "aria-hidden": "true" };
 const _hoisted_8$8 = { class: "tao-date__month" };
 const _hoisted_9$3 = ["aria-label"];
@@ -4601,7 +4762,7 @@ const _hoisted_12$1 = {
 const _hoisted_13$1 = ["aria-label", "aria-selected", "disabled", "onClick"];
 const _hoisted_14$1 = { class: "tao-date__footer" };
 const _hoisted_15 = ["disabled"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDate" },
   __name: "TaoDate",
   props: {
@@ -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);
     }
@@ -4835,8 +4991,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           onClick: toggle,
           onKeydown: onTriggerKeydown
         }, [
-          createElementVNode("span", _hoisted_2$i, toDisplayString(displayLabel.value || __props.placeholder), 1),
-          createElementVNode("span", _hoisted_3$f, [
+          createElementVNode("span", _hoisted_2$k, toDisplayString(displayLabel.value || __props.placeholder), 1),
+          createElementVNode("span", _hoisted_3$g, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               _cache[4] || (_cache[4] = createElementVNode("svg", {
                 viewBox: "0 0 16 16",
@@ -4864,7 +5020,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               ], -1))
             ], true)
           ])
-        ], 42, _hoisted_1$k),
+        ], 42, _hoisted_1$m),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           open.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -4878,7 +5034,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(panelStyle.value),
             onKeydown: onPanelKeydown
           }, [
-            createElementVNode("div", _hoisted_5$d, [
+            createElementVNode("div", _hoisted_5$e, [
               createElementVNode("button", {
                 type: "button",
                 class: "tao-date__nav",
@@ -4904,7 +5060,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     ], -1))
                   ], true)
                 ])
-              ], 8, _hoisted_6$a),
+              ], 8, _hoisted_6$b),
               createElementVNode("p", _hoisted_8$8, toDisplayString(monthLabel.value), 1),
               createElementVNode("button", {
                 type: "button",
@@ -4982,22 +5138,22 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 ], true)
               ])) : createCommentVNode("", true)
             ])
-          ], 44, _hoisted_4$f)) : createCommentVNode("", true)
+          ], 44, _hoisted_4$g)) : createCommentVNode("", true)
         ]))
       ], 2);
     };
   }
 });
-const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-771836c8"]]);
-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 = {
+const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ebd437a8"]]);
+const _hoisted_1$l = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+const _hoisted_2$j = { class: "tao-date-range__value" };
+const _hoisted_3$f = {
   class: "tao-date-range__icon",
   "aria-hidden": "true"
 };
-const _hoisted_4$e = ["aria-label"];
-const _hoisted_5$c = { class: "tao-date__header" };
-const _hoisted_6$9 = ["aria-label"];
+const _hoisted_4$f = ["aria-label"];
+const _hoisted_5$d = { class: "tao-date__header" };
+const _hoisted_6$a = ["aria-label"];
 const _hoisted_7$8 = { "aria-hidden": "true" };
 const _hoisted_8$7 = { class: "tao-date__month" };
 const _hoisted_9$2 = ["aria-label"];
@@ -5009,7 +5165,7 @@ const _hoisted_11$1 = {
 const _hoisted_12 = ["aria-label", "aria-selected", "disabled", "onMouseenter", "onClick"];
 const _hoisted_13 = { class: "tao-date__footer" };
 const _hoisted_14 = ["disabled"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDateRange" },
   __name: "TaoDateRange",
   props: {
@@ -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);
     }
@@ -5297,8 +5448,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           onClick: toggle,
           onKeydown: onTriggerKeydown
         }, [
-          createElementVNode("span", _hoisted_2$h, toDisplayString(displayLabel.value || __props.placeholder), 1),
-          createElementVNode("span", _hoisted_3$e, [
+          createElementVNode("span", _hoisted_2$j, toDisplayString(displayLabel.value || __props.placeholder), 1),
+          createElementVNode("span", _hoisted_3$f, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               _cache[3] || (_cache[3] = createElementVNode("svg", {
                 viewBox: "0 0 16 16",
@@ -5326,7 +5477,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               ], -1))
             ], true)
           ])
-        ], 42, _hoisted_1$j),
+        ], 42, _hoisted_1$l),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           open.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -5340,7 +5491,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(panelStyle.value),
             onKeydown: onPanelKeydown
           }, [
-            createElementVNode("div", _hoisted_5$c, [
+            createElementVNode("div", _hoisted_5$d, [
               createElementVNode("button", {
                 type: "button",
                 class: "tao-date__nav",
@@ -5366,7 +5517,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     ], -1))
                   ], true)
                 ])
-              ], 8, _hoisted_6$9),
+              ], 8, _hoisted_6$a),
               createElementVNode("p", _hoisted_8$7, toDisplayString(monthLabel.value), 1),
               createElementVNode("button", {
                 type: "button",
@@ -5453,24 +5604,24 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ], true)
               ])) : createCommentVNode("", true)
             ])
-          ], 44, _hoisted_4$e)) : createCommentVNode("", true)
+          ], 44, _hoisted_4$f)) : createCommentVNode("", true)
         ]))
       ], 2);
     };
   }
 });
-const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4394053c"]]);
-const _hoisted_1$i = ["for"];
-const _hoisted_2$g = ["id", "checked", "disabled", "aria-checked"];
-const _hoisted_3$d = {
+const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-aa589793"]]);
+const _hoisted_1$k = ["for"];
+const _hoisted_2$i = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
+const _hoisted_3$e = {
   key: 0,
   class: "tao-switch__label"
 };
-const _hoisted_4$d = {
+const _hoisted_4$e = {
   key: 1,
   class: "tao-switch__label"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSwitch" },
   __name: "TaoSwitch",
   props: {
@@ -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,34 +5659,36 @@ 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),
+        }, null, 40, _hoisted_2$i),
         _cache[0] || (_cache[0] = createElementVNode("span", {
           class: "tao-switch__track",
           "aria-hidden": "true"
         }, [
           createElementVNode("span", { class: "tao-switch__thumb" })
         ], -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$d, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$e, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$k);
     };
   }
 });
-const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-db2bca61"]]);
+const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-17ce5000"]]);
 const radioGroupKey = Symbol("taoRadioGroup");
-const _hoisted_1$h = ["for"];
-const _hoisted_2$f = ["id", "name", "value", "checked", "disabled"];
-const _hoisted_3$c = {
+const _hoisted_1$j = ["for"];
+const _hoisted_2$h = ["id", "name", "value", "checked", "disabled", "aria-invalid", "aria-describedby"];
+const _hoisted_3$d = {
   key: 0,
   class: "tao-radio__label"
 };
-const _hoisted_4$c = {
+const _hoisted_4$d = {
   key: 1,
   class: "tao-radio__label"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoRadio" },
   __name: "TaoRadio",
   props: {
@@ -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,37 +5727,39 @@ 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),
+        }, null, 40, _hoisted_2$h),
         _cache[0] || (_cache[0] = createElementVNode("span", {
           class: "tao-radio__dot",
           "aria-hidden": "true"
         }, null, -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$c, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$d, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]))
-      ], 10, _hoisted_1$h);
+      ], 10, _hoisted_1$j);
     };
   }
 });
-const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c9c84481"]]);
-const _hoisted_1$g = ["disabled"];
-const _hoisted_2$e = {
+const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e79d1fb6"]]);
+const _hoisted_1$i = ["id", "disabled", "aria-describedby", "aria-invalid", "aria-labelledby"];
+const _hoisted_2$g = {
   key: 0,
   class: "tao-radio-group__legend"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoRadioGroup" },
   __name: "TaoRadioGroup",
   props: {
@@ -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,24 +5792,29 @@ 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),
+        __props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$g, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$i);
     };
   }
 });
-const TaoRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a0b1cb1f"]]);
+const TaoRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6f6fa977"]]);
 const segmentedKey = Symbol("taoSegmented");
-const _hoisted_1$f = ["disabled", "aria-describedby", "aria-invalid"];
-const _hoisted_2$d = {
+const _hoisted_1$h = ["disabled", "aria-describedby", "aria-invalid", "aria-labelledby", "id"];
+const _hoisted_2$f = {
   key: 0,
   class: "tao-segmented__legend"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSegmented" },
   __name: "TaoSegmented",
   props: {
@@ -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,9 +5921,11 @@ 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),
+        __props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$f, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
         createElementVNode("div", {
           ref_key: "trackRef",
           ref: trackRef,
@@ -5765,24 +5938,24 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, null, 4),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 512)
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$h);
     };
   }
 });
-const TaoSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-cb3c591b"]]);
-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" };
-const _hoisted_4$b = {
+const TaoSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-af757a32"]]);
+const _hoisted_1$g = ["for"];
+const _hoisted_2$e = ["id", "name", "value", "checked", "disabled", "aria-label"];
+const _hoisted_3$c = { class: "tao-segmented-option__face" };
+const _hoisted_4$c = {
   key: 0,
   class: "tao-segmented-option__icon",
   "aria-hidden": "true"
 };
-const _hoisted_5$b = {
+const _hoisted_5$c = {
   key: 1,
   class: "tao-segmented-option__label"
 };
-const _hoisted_6$8 = {
+const _hoisted_6$9 = {
   key: 2,
   class: "tao-segmented-option__sr"
 };
@@ -5790,7 +5963,7 @@ const _hoisted_7$7 = {
   key: 3,
   class: "tao-segmented-option__count"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSegmentedOption" },
   __name: "TaoSegmentedOption",
   props: {
@@ -5864,38 +6037,38 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           disabled: isDisabled.value,
           "aria-label": __props.ariaLabel,
           onChange
-        }, null, 40, _hoisted_2$c),
-        createElementVNode("span", _hoisted_3$b, [
-          __props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
+        }, null, 40, _hoisted_2$e),
+        createElementVNode("span", _hoisted_3$c, [
+          __props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$c, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               createTextVNode(toDisplayString(__props.icon), 1)
             ], true)
           ])) : createCommentVNode("", true),
-          hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_5$b, [
+          hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_5$c, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(__props.label), 1)
             ], true)
-          ])) : __props.ariaLabel ? (openBlock(), createElementBlock("span", _hoisted_6$8, toDisplayString(__props.ariaLabel), 1)) : createCommentVNode("", true),
+          ])) : __props.ariaLabel ? (openBlock(), createElementBlock("span", _hoisted_6$9, toDisplayString(__props.ariaLabel), 1)) : createCommentVNode("", true),
           countLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7$7, toDisplayString(countLabel.value), 1)) : createCommentVNode("", true)
         ])
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$g);
     };
   }
 });
-const TaoSegmentedOption = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1a9357a1"]]);
-const _hoisted_1$d = ["role", "aria-live"];
-const _hoisted_2$b = { class: "tao-alert__body" };
-const _hoisted_3$a = {
+const TaoSegmentedOption = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-1a9357a1"]]);
+const _hoisted_1$f = ["role", "aria-live"];
+const _hoisted_2$d = { class: "tao-alert__body" };
+const _hoisted_3$b = {
   key: 0,
   class: "tao-alert__title"
 };
-const _hoisted_4$a = {
+const _hoisted_4$b = {
   key: 1,
   class: "tao-alert__message"
 };
-const _hoisted_5$a = ["aria-label"];
-const _hoisted_6$7 = { "aria-hidden": "true" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_5$b = ["aria-label"];
+const _hoisted_6$8 = { "aria-hidden": "true" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoAlert" },
   __name: "TaoAlert",
   props: {
@@ -5916,9 +6089,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         role: tone.value === "error" ? "alert" : "status",
         "aria-live": live.value
       }, [
-        createElementVNode("div", _hoisted_2$b, [
-          __props.title ? (openBlock(), createElementBlock("strong", _hoisted_3$a, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$a, [
+        createElementVNode("div", _hoisted_2$d, [
+          __props.title ? (openBlock(), createElementBlock("strong", _hoisted_3$b, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$b, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ]),
@@ -5929,30 +6102,30 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           "aria-label": __props.closeLabel,
           onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
         }, [
-          createElementVNode("span", _hoisted_6$7, [
+          createElementVNode("span", _hoisted_6$8, [
             renderSlot(_ctx.$slots, "close-icon", {}, () => [
               _cache[1] || (_cache[1] = createTextVNode("×", -1))
             ], true)
           ])
-        ], 8, _hoisted_5$a)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$d);
+        ], 8, _hoisted_5$b)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$f);
     };
   }
 });
-const TaoAlert = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1a1dbef3"]]);
-const _hoisted_1$c = { key: 0 };
-const _hoisted_2$a = ["aria-sort"];
-const _hoisted_3$9 = ["onClick"];
-const _hoisted_4$9 = { key: 1 };
-const _hoisted_5$9 = { key: 0 };
-const _hoisted_6$6 = ["colspan"];
+const TaoAlert = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1a1dbef3"]]);
+const _hoisted_1$e = { key: 0 };
+const _hoisted_2$c = ["aria-sort"];
+const _hoisted_3$a = ["onClick"];
+const _hoisted_4$a = { key: 1 };
+const _hoisted_5$a = { key: 0 };
+const _hoisted_6$7 = ["colspan"];
 const _hoisted_7$6 = ["onClick"];
 const _hoisted_8$6 = {
   key: 0,
   class: "tao-table__loading",
   "aria-busy": "true"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTable" },
   __name: "TaoTable",
   props: {
@@ -6033,7 +6206,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             "tao-table--sticky": __props.sticky
           }])
         }, [
-          __props.caption ? (openBlock(), createElementBlock("caption", _hoisted_1$c, toDisplayString(__props.caption), 1)) : createCommentVNode("", true),
+          __props.caption ? (openBlock(), createElementBlock("caption", _hoisted_1$e, toDisplayString(__props.caption), 1)) : createCommentVNode("", true),
           createElementVNode("thead", null, [
             createElementVNode("tr", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
@@ -6057,13 +6230,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       }]),
                       "aria-hidden": "true"
                     }, null, 2)
-                  ], 8, _hoisted_3$9)) : (openBlock(), createElementBlock("span", _hoisted_4$9, toDisplayString(column.label), 1))
-                ], 12, _hoisted_2$a);
+                  ], 8, _hoisted_3$a)) : (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(column.label), 1))
+                ], 12, _hoisted_2$c);
               }), 128))
             ])
           ]),
           createElementVNode("tbody", null, [
-            isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_5$9, [
+            isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_5$a, [
               createElementVNode("td", {
                 class: "tao-table__empty",
                 colspan: colCount.value
@@ -6071,7 +6244,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "empty", {}, () => [
                   createTextVNode(toDisplayString(__props.emptyText), 1)
                 ], true)
-              ], 8, _hoisted_6$6)
+              ], 8, _hoisted_6$7)
             ])) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, index) => {
               return openBlock(), createElementBlock("tr", {
@@ -6113,7 +6286,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTable = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-5ce586b8"]]);
+const TaoTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5ce586b8"]]);
 function buildPaginationItems(page, pageCount, siblingCount = 1) {
   if (pageCount <= 0) {
     return [];
@@ -6138,15 +6311,15 @@ function buildPaginationItems(page, pageCount, siblingCount = 1) {
   items.push({ type: "page", page: pageCount });
   return items;
 }
-const _hoisted_1$b = ["aria-label"];
-const _hoisted_2$9 = {
+const _hoisted_1$d = ["aria-label"];
+const _hoisted_2$b = {
   key: 0,
   class: "tao-pagination__total"
 };
-const _hoisted_3$8 = { class: "tao-pagination__pages" };
-const _hoisted_4$8 = ["aria-label", "disabled"];
-const _hoisted_5$8 = { "aria-hidden": "true" };
-const _hoisted_6$5 = ["aria-label", "disabled", "onClick"];
+const _hoisted_3$9 = { class: "tao-pagination__pages" };
+const _hoisted_4$9 = ["aria-label", "disabled"];
+const _hoisted_5$9 = { "aria-hidden": "true" };
+const _hoisted_6$6 = ["aria-label", "disabled", "onClick"];
 const _hoisted_7$5 = {
   key: 1,
   class: "tao-pagination__ellipsis",
@@ -6155,7 +6328,7 @@ const _hoisted_7$5 = {
 const _hoisted_8$5 = ["aria-current", "aria-label", "disabled", "onClick"];
 const _hoisted_9$1 = ["aria-label", "disabled"];
 const _hoisted_10$1 = { "aria-hidden": "true" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPagination" },
   __name: "TaoPagination",
   props: {
@@ -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;
@@ -6204,7 +6381,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["tao-pagination", `tao-pagination--${__props.size}`]),
         "aria-label": __props.ariaLabel
       }, [
-        __props.showTotal ? (openBlock(), createElementBlock("p", _hoisted_2$9, [
+        __props.showTotal ? (openBlock(), createElementBlock("p", _hoisted_2$b, [
           renderSlot(_ctx.$slots, "total", {
             from: from.value,
             to: to.value,
@@ -6217,7 +6394,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ], 64))
           ], true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$8, [
+        createElementVNode("div", _hoisted_3$9, [
           createElementVNode("button", {
             type: "button",
             class: "tao-pagination__btn",
@@ -6225,12 +6402,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled || current.value <= 1,
             onClick: _cache[0] || (_cache[0] = ($event) => goTo(current.value - 1))
           }, [
-            createElementVNode("span", _hoisted_5$8, [
+            createElementVNode("span", _hoisted_5$9, [
               renderSlot(_ctx.$slots, "prev-icon", {}, () => [
                 _cache[2] || (_cache[2] = createTextVNode("‹", -1))
               ], true)
             ])
-          ], 8, _hoisted_4$8),
+          ], 8, _hoisted_4$9),
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
             return openBlock(), createElementBlock(Fragment, {
               key: item.type === "page" ? item.page : item.id
@@ -6242,7 +6419,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 "aria-label": item.id === "left" ? __props.jumpPrevLabel.replace("{n}", String(__props.jump)) : __props.jumpNextLabel.replace("{n}", String(__props.jump)),
                 disabled: __props.disabled,
                 onClick: ($event) => goTo(item.id === "left" ? current.value - __props.jump : current.value + __props.jump)
-              }, " … ", 8, _hoisted_6$5)) : item.type === "ellipsis" ? (openBlock(), createElementBlock("span", _hoisted_7$5, "…")) : (openBlock(), createElementBlock("button", {
+              }, " … ", 8, _hoisted_6$6)) : item.type === "ellipsis" ? (openBlock(), createElementBlock("span", _hoisted_7$5, "…")) : (openBlock(), createElementBlock("button", {
                 key: 2,
                 type: "button",
                 class: normalizeClass(["tao-pagination__btn", { "tao-pagination__btn--current": item.page === current.value }]),
@@ -6267,29 +6444,29 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ])
           ], 8, _hoisted_9$1)
         ])
-      ], 10, _hoisted_1$b);
+      ], 10, _hoisted_1$d);
     };
   }
 });
-const TaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a890810c"]]);
-const _hoisted_1$a = { class: "tao-empty" };
-const _hoisted_2$8 = {
+const TaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-37f3d381"]]);
+const _hoisted_1$c = { class: "tao-empty" };
+const _hoisted_2$a = {
   key: 0,
   class: "tao-empty__icon"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$8 = {
   key: 1,
   class: "tao-empty__title"
 };
-const _hoisted_4$7 = {
+const _hoisted_4$8 = {
   key: 2,
   class: "tao-empty__text"
 };
-const _hoisted_5$7 = {
+const _hoisted_5$8 = {
   key: 3,
   class: "tao-empty__action"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoEmpty" },
   __name: "TaoEmpty",
   props: {
@@ -6297,22 +6474,189 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
           renderSlot(_ctx.$slots, "icon", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        __props.title ? (openBlock(), createElementBlock("p", _hoisted_3$7, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$7, [
+        __props.title ? (openBlock(), createElementBlock("p", _hoisted_3$8, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$8, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
           renderSlot(_ctx.$slots, "action", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TaoEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-8056884d"]]);
+const TaoEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-8056884d"]]);
+const taoListKey = Symbol("taoList");
+const _hoisted_1$b = ["aria-label"];
+const _hoisted_2$9 = {
+  key: 0,
+  class: "tao-list__empty"
+};
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoList" },
+  __name: "TaoList",
+  props: {
+    size: { default: "medium" },
+    bordered: { type: Boolean, default: true },
+    divided: { type: Boolean, default: true },
+    maxHeight: {},
+    empty: { type: Boolean, default: false },
+    ariaLabel: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const size = computed(() => props.size);
+    provide(taoListKey, { size });
+    const listStyle = computed(() => {
+      if (props.maxHeight === void 0 || props.maxHeight === "") {
+        return void 0;
+      }
+      const value = typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight;
+      return { maxHeight: value };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        class: normalizeClass(["tao-list", [
+          `tao-list--${size.value}`,
+          {
+            "tao-list--bordered": __props.bordered,
+            "tao-list--divided": __props.divided,
+            "tao-list--plain": !__props.bordered,
+            "tao-list--empty": __props.empty,
+            "tao-list--scroll": Boolean(__props.maxHeight)
+          }
+        ]]),
+        style: normalizeStyle(listStyle.value),
+        "aria-label": __props.ariaLabel || void 0
+      }, [
+        __props.empty ? (openBlock(), createElementBlock("li", _hoisted_2$9, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            _cache[0] || (_cache[0] = createTextVNode("Ничего нет", -1))
+          ], true)
+        ])) : renderSlot(_ctx.$slots, "default", {}, void 0, true, 1)
+      ], 14, _hoisted_1$b);
+    };
+  }
+});
+const TaoList = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-798c83a3"]]);
+const _hoisted_1$a = ["aria-current", "aria-disabled"];
+const _hoisted_2$8 = {
+  key: 0,
+  class: "tao-list-item__prefix"
+};
+const _hoisted_3$7 = { class: "tao-list-item__text" };
+const _hoisted_4$7 = { class: "tao-list-item__title" };
+const _hoisted_5$7 = {
+  key: 0,
+  class: "tao-list-item__description"
+};
+const _hoisted_6$5 = {
+  key: 1,
+  class: "tao-list-item__suffix"
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoListItem" },
+  __name: "TaoListItem",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    selected: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    active: { type: Boolean, default: false },
+    clickable: { type: Boolean, default: false },
+    size: {},
+    actionAlways: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const list = inject(taoListKey, null);
+    const sizeClass = computed(() => {
+      const size = props.size ?? (list == null ? void 0 : list.size.value) ?? "medium";
+      if (size === "small") {
+        return "s";
+      }
+      if (size === "large") {
+        return "l";
+      }
+      return "m";
+    });
+    const hasAction = computed(() => Boolean(slots.action));
+    const hasPrefix = computed(() => Boolean(slots.prefix));
+    const hasSuffix = computed(() => Boolean(slots.suffix));
+    const hasDescription = computed(() => Boolean(props.description || slots.description));
+    function onHitClick(event) {
+      if (props.disabled || !props.clickable) {
+        return;
+      }
+      emit("click", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass(["tao-list-item", [
+          `tao-list-item--${sizeClass.value}`,
+          {
+            "tao-list-item--selected": __props.selected,
+            "tao-list-item--disabled": __props.disabled,
+            "tao-list-item--active": __props.active,
+            "tao-list-item--clickable": __props.clickable,
+            "tao-list-item--has-action": hasAction.value,
+            "tao-list-item--action-always": __props.actionAlways
+          }
+        ]]),
+        "aria-current": !__props.clickable && __props.selected ? "true" : void 0,
+        "aria-disabled": __props.disabled || void 0
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(__props.clickable ? "button" : "div"), {
+          class: "tao-list-item__hit",
+          type: __props.clickable ? "button" : void 0,
+          disabled: __props.clickable ? __props.disabled : void 0,
+          "aria-current": __props.clickable && __props.selected ? "true" : void 0,
+          onClick: onHitClick
+        }, {
+          default: withCtx(() => [
+            hasPrefix.value ? (openBlock(), createElementBlock("span", _hoisted_2$8, [
+              renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("span", _hoisted_3$7, [
+              createElementVNode("span", _hoisted_4$7, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  createTextVNode(toDisplayString(__props.title), 1)
+                ], true)
+              ]),
+              hasDescription.value ? (openBlock(), createElementBlock("span", _hoisted_5$7, [
+                renderSlot(_ctx.$slots, "description", {}, () => [
+                  createTextVNode(toDisplayString(__props.description), 1)
+                ], true)
+              ])) : createCommentVNode("", true)
+            ]),
+            hasSuffix.value ? (openBlock(), createElementBlock("span", _hoisted_6$5, [
+              renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["type", "disabled", "aria-current"])),
+        hasAction.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "tao-list-item__action",
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"])),
+          onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          renderSlot(_ctx.$slots, "action", {}, void 0, true)
+        ], 32)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$a);
+    };
+  }
+});
+const TaoListItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-878b7727"]]);
 const _hoisted_1$9 = {
   class: "tao-skeleton-group",
   "aria-hidden": true
@@ -6373,9 +6717,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 +6726,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 +6756,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     }
     function onKeydown(event) {
       if (event.key === "Escape") {
+        if (!props.closable) {
+          return;
+        }
         event.preventDefault();
         close();
         return;
@@ -6426,19 +6770,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 +6847,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 +6932,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 +6971,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 = {
@@ -6648,7 +7008,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               class: "tao-breadcrumb__item"
             }, [
               index > 0 ? (openBlock(), createElementBlock("span", _hoisted_3$4, "/")) : createCommentVNode("", true),
-              index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(item.label), 1)) : item.to ? (openBlock(), createBlock(_sfc_main$o, {
+              index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(item.label), 1)) : item.to ? (openBlock(), createBlock(_sfc_main$q, {
                 key: 2,
                 class: "tao-breadcrumb__link",
                 to: item.to
@@ -6820,7 +7180,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 +7232,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 +7275,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 +7387,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 +7539,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 +8116,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 +8133,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 +8150,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 +8176,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 +8285,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,
@@ -8325,7 +8677,7 @@ const components = [
   TaoSpoilerGroup,
   TaoCopy,
   TaoContainer,
-  _sfc_main$G,
+  _sfc_main$I,
   TaoSpace,
   TaoSplit,
   TaoIcon,
@@ -8343,7 +8695,7 @@ const components = [
   TaoFileDrop,
   TaoDropdownMenu,
   TaoPinCode,
-  _sfc_main$o,
+  _sfc_main$q,
   TaoFormField,
   TaoSelect,
   TaoCombobox,
@@ -8358,6 +8710,8 @@ const components = [
   TaoTable,
   TaoPagination,
   TaoEmpty,
+  TaoList,
+  TaoListItem,
   TaoSkeleton,
   TaoDrawer,
   TaoAvatar,
@@ -8398,14 +8752,16 @@ export {
   TaoEmpty,
   TaoFieldset,
   TaoFileDrop,
-  _sfc_main$G as TaoFlex,
+  _sfc_main$I as TaoFlex,
   TaoFormField,
   TaoIcon,
   TaoImage,
   TaoInput,
   TaoInputGroup,
   TaoInputNumber,
-  _sfc_main$o as TaoLink,
+  _sfc_main$q as TaoLink,
+  TaoList,
+  TaoListItem,
   TaoLoader,
   TaoModal,
   TaoPagination,