@1337exp/taoui 1.6.1 → 1.7.0

package/dist/index.cjs

@@ -2,17 +2,17 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.TaoUI = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";
-  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__ */ vue.defineComponent({
+  const _hoisted_4$v = { class: "tao-button__content" };
+  const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoButton" },
     __name: "TaoButton",
     props: {
@@ -51,12 +51,12 @@
           disabled: __props.disabled || __props.loading,
           onClick: handleClick
         }, [
-          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$G)) : vue.createCommentVNode("", true),
-          __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$A, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_4$u, [
+          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$I)) : vue.createCommentVNode("", true),
+          __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$B, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_4$v, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
-        ], 10, _hoisted_1$N);
+        ], 10, _hoisted_1$P);
       };
     }
   });
@@ -67,8 +67,8 @@
     }
     return target;
   };
-  const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-c3034f66"]]);
-  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+  const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-c3034f66"]]);
+  const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoBlock" },
     __name: "TaoBlock",
     props: {
@@ -100,24 +100,24 @@
       };
     }
   });
-  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_5$l = {
+  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__ */ vue.defineComponent({
+  const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInput" },
     __name: "TaoInput",
     props: {
@@ -153,12 +153,12 @@
         emit("focus", event);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
           __props.label && !vue.unref(field) ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             class: "tao-input__label",
             for: controlId.value
-          }, vue.toDisplayString(__props.label), 9, _hoisted_2$F)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(__props.label), 9, _hoisted_2$H)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["tao-input-shell", {
               "tao-input-shell--focused": focused.value,
@@ -168,7 +168,7 @@
               "tao-input-shell--suffix": _ctx.$slots.suffix
             }])
           }, [
-            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$z, [
+            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$A, [
               vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             vue.createElementVNode("input", {
@@ -183,27 +183,27 @@
               onInput: handleInput,
               onBlur: handleBlur,
               onFocus: handleFocus
-            }, null, 42, _hoisted_4$t),
-            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$l, [
+            }, null, 42, _hoisted_4$u),
+            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$m, [
               vue.renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 2),
-          __props.error && __props.errorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$g, vue.toDisplayString(__props.errorMessage), 1)) : vue.createCommentVNode("", true)
+          __props.error && __props.errorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$h, vue.toDisplayString(__props.errorMessage), 1)) : vue.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__ */ vue.defineComponent({
+  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInputGroup" },
     __name: "TaoInputGroup",
     setup(__props) {
@@ -225,30 +225,30 @@
           onFocusin: onFocusIn,
           onFocusout: onFocusOut
         }, [
-          _ctx.$slots.before ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+          _ctx.$slots.before ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
             vue.renderSlot(_ctx.$slots, "before", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$E, [
+          vue.createElementVNode("div", _hoisted_2$G, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
-          _ctx.$slots.after ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$y, [
+          _ctx.$slots.after ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, [
             vue.renderSlot(_ctx.$slots, "after", {}, void 0, true)
           ])) : vue.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_5$k = ["aria-label", "disabled"];
-  const _hoisted_6$f = { "aria-hidden": "true" };
-  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$y = ["aria-label", "disabled"];
+  const _hoisted_4$t = { "aria-hidden": "true" };
+  const _hoisted_5$l = ["aria-label", "disabled"];
+  const _hoisted_6$g = { "aria-hidden": "true" };
+  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInputNumber" },
     __name: "TaoInputNumber",
     props: {
@@ -399,8 +399,8 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 40, _hoisted_1$K),
-          __props.controls ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, [
+          }, null, 40, _hoisted_1$M),
+          __props.controls ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F, [
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-input-number__step",
@@ -409,12 +409,12 @@
               disabled: __props.disabled || atMax.value,
               onClick: _cache[0] || (_cache[0] = ($event) => bump(1))
             }, [
-              vue.createElementVNode("span", _hoisted_4$s, [
+              vue.createElementVNode("span", _hoisted_4$t, [
                 vue.renderSlot(_ctx.$slots, "increment-icon", {}, () => [
                   _cache[2] || (_cache[2] = vue.createTextVNode("+", -1))
                 ], true)
               ])
-            ], 8, _hoisted_3$x),
+            ], 8, _hoisted_3$y),
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-input-number__step",
@@ -423,24 +423,24 @@
               disabled: __props.disabled || atMin.value,
               onClick: _cache[1] || (_cache[1] = ($event) => bump(-1))
             }, [
-              vue.createElementVNode("span", _hoisted_6$f, [
+              vue.createElementVNode("span", _hoisted_6$g, [
                 vue.renderSlot(_ctx.$slots, "decrement-icon", {}, () => [
                   _cache[3] || (_cache[3] = vue.createTextVNode("−", -1))
                 ], true)
               ])
-            ], 8, _hoisted_5$k)
+            ], 8, _hoisted_5$l)
           ])) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  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 _hoisted_5$j = { "aria-hidden": "true" };
-  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+  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$S = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoQuantity" },
     __name: "TaoQuantity",
     props: {
@@ -577,12 +577,12 @@
             disabled: minusDisabled.value,
             onClick: onDec
           }, [
-            vue.createElementVNode("span", _hoisted_2$C, [
+            vue.createElementVNode("span", _hoisted_2$E, [
               vue.renderSlot(_ctx.$slots, "decrement-icon", {}, () => [
                 _cache[0] || (_cache[0] = vue.createTextVNode("−", -1))
               ], true)
             ])
-          ], 8, _hoisted_1$J),
+          ], 8, _hoisted_1$L),
           vue.createElementVNode("input", {
             id: controlId.value,
             class: "tao-quantity__input",
@@ -602,7 +602,7 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 40, _hoisted_3$w),
+          }, null, 40, _hoisted_3$x),
           vue.createElementVNode("button", {
             type: "button",
             class: "tao-quantity__btn tao-quantity__btn--inc",
@@ -610,35 +610,35 @@
             disabled: plusDisabled.value,
             onClick: onInc
           }, [
-            vue.createElementVNode("span", _hoisted_5$j, [
+            vue.createElementVNode("span", _hoisted_5$k, [
               vue.renderSlot(_ctx.$slots, "increment-icon", {}, () => [
                 _cache[1] || (_cache[1] = vue.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"
   };
-  const _hoisted_5$i = {
+  const _hoisted_5$j = {
     key: 0,
     class: "tao-card__title"
   };
-  const _hoisted_6$e = {
+  const _hoisted_6$f = {
     key: 1,
     class: "tao-card__sub"
   };
@@ -650,7 +650,7 @@
     key: 4,
     class: "tao-card__footer"
   };
-  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCard" },
     __name: "TaoCard",
     props: {
@@ -682,14 +682,14 @@
           }]),
           style: vue.normalizeStyle(radiusStyle.value)
         }, [
-          _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+          _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
             vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: "tao-card__content",
             style: vue.normalizeStyle(paddingStyle.value)
           }, [
-            _ctx.$slots.headerTitle ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$B, [
+            _ctx.$slots.headerTitle ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$D, [
               vue.renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             _ctx.$slots.header || _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -699,15 +699,15 @@
               vue.createElementVNode("span", null, [
                 vue.renderSlot(_ctx.$slots, "header", {}, void 0, true)
               ]),
-              _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, [
+              _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, [
                 vue.renderSlot(_ctx.$slots, "headerSecondary", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ], 2)) : vue.createCommentVNode("", true),
-            _ctx.$slots.title || _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$q, [
-              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$i, [
+            _ctx.$slots.title || _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$r, [
+              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$j, [
                 vue.renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ])) : vue.createCommentVNode("", true),
-              _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$e, [
+              _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$f, [
                 vue.renderSlot(_ctx.$slots, "sub", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
@@ -722,7 +722,7 @@
       };
     }
   });
-  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(
@@ -776,21 +776,21 @@
       previousOverflow = "";
     }
   }
-  const _hoisted_1$H = ["aria-labelledby"];
-  const _hoisted_2$A = {
+  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_5$h = ["aria-label"];
-  const _hoisted_6$d = { "aria-hidden": "true" };
+  const _hoisted_3$v = ["id"];
+  const _hoisted_4$q = { key: 1 };
+  const _hoisted_5$i = ["aria-label"];
+  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__ */ vue.defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoModal" },
     __name: "TaoModal",
     props: {
@@ -895,13 +895,13 @@
                   "aria-labelledby": __props.title ? vue.unref(titleId) : void 0,
                   tabindex: "-1"
                 }, [
-                  __props.title || _ctx.$slots.header || __props.closable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
+                  __props.title || _ctx.$slots.header || __props.closable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, [
                     vue.renderSlot(_ctx.$slots, "header", {}, () => [
                       __props.title ? (vue.openBlock(), vue.createElementBlock("h2", {
                         key: 0,
                         id: vue.unref(titleId),
                         class: "tao-modal__title"
-                      }, vue.toDisplayString(__props.title), 9, _hoisted_3$u)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p))
+                      }, vue.toDisplayString(__props.title), 9, _hoisted_3$v)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q))
                     ], true),
                     __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                       key: 0,
@@ -910,12 +910,12 @@
                       "aria-label": __props.closeLabel,
                       onClick: close
                     }, [
-                      vue.createElementVNode("span", _hoisted_6$d, [
+                      vue.createElementVNode("span", _hoisted_6$e, [
                         vue.renderSlot(_ctx.$slots, "close-icon", {}, () => [
                           _cache[0] || (_cache[0] = vue.createTextVNode("×", -1))
                         ], true)
                       ])
-                    ], 8, _hoisted_5$h)) : vue.createCommentVNode("", true)
+                    ], 8, _hoisted_5$i)) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true),
                   vue.createElementVNode("div", _hoisted_7$b, [
                     vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -923,7 +923,7 @@
                   _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$a, [
                     vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                   ])) : vue.createCommentVNode("", true)
-                ], 8, _hoisted_1$H)
+                ], 8, _hoisted_1$J)
               ], 32)) : vue.createCommentVNode("", true)
             ]),
             _: 3
@@ -932,11 +932,11 @@
       };
     }
   });
-  const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-102cfd66"]]);
-  const _hoisted_1$G = { class: "tao-tabs" };
-  const _hoisted_2$z = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
-  const _hoisted_3$t = ["id", "aria-labelledby"];
-  const _sfc_main$N = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoTabs" },
     __name: "TaoTabs",
     props: {
@@ -1000,7 +1000,7 @@
         }
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
           vue.createElementVNode("div", {
             class: "tao-tabs__list",
             role: "tablist",
@@ -1025,7 +1025,7 @@
                 }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   vue.createTextVNode(vue.toDisplayString(tab.label), 1)
                 ], 64))
-              ], 8, _hoisted_2$z);
+              ], 8, _hoisted_2$B);
             }), 128))
           ], 32),
           vue.createElementVNode("div", {
@@ -1035,12 +1035,12 @@
             "aria-labelledby": tabId(__props.modelValue)
           }, [
             vue.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) {
@@ -1056,7 +1056,7 @@
       window.removeEventListener("pagehide", onLoss);
     };
   }
-  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTooltip" },
     __name: "TaoTooltip",
     props: {
@@ -1218,9 +1218,9 @@
       };
     }
   });
-  const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-926dfa73"]]);
-  const _hoisted_1$F = { class: "tao-popover" };
-  const _sfc_main$L = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoPopover" },
     __name: "TaoPopover",
     props: {
@@ -1389,7 +1389,7 @@
         unbindDismiss();
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
           vue.createElementVNode("div", {
             ref_key: "triggerRef",
             ref: triggerRef,
@@ -1418,17 +1418,17 @@
       };
     }
   });
-  const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-afd791a7"]]);
+  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_5$g = { class: "tao-spoiler__content-inner" };
-  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$p = ["id"];
+  const _hoisted_5$h = { class: "tao-spoiler__content-inner" };
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSpoiler" },
     __name: "TaoSpoiler",
     props: {
@@ -1483,7 +1483,7 @@
         });
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
           vue.createElementVNode("button", {
             type: "button",
             class: "tao-spoiler__header",
@@ -1494,12 +1494,12 @@
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["tao-spoiler__icon", { "tao-spoiler__icon--open": isOpen.value }])
             }, "▶", 2),
-            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$s, [
+            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$t, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.title), 1)
               ], true)
             ])) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$y),
+          ], 8, _hoisted_2$A),
           vue.createVNode(vue.Transition, {
             name: "tao-spoiler-slide",
             onBeforeEnter,
@@ -1513,10 +1513,10 @@
                 id: vue.unref(panelId),
                 class: "tao-spoiler__content"
               }, [
-                vue.createElementVNode("div", _hoisted_5$g, [
+                vue.createElementVNode("div", _hoisted_5$h, [
                   vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ])
-              ], 8, _hoisted_4$o)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_4$p)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -1524,9 +1524,9 @@
       };
     }
   });
-  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__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoSpoilerGroup" },
     __name: "TaoSpoilerGroup",
     props: {
@@ -1551,15 +1551,15 @@
         setOpen
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]);
       };
     }
   });
-  const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-118970dd"]]);
-  const _hoisted_1$C = ["aria-label"];
-  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-118970dd"]]);
+  const _hoisted_1$E = ["aria-label"];
+  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCopy" },
     __name: "TaoCopy",
     props: {
@@ -1694,7 +1694,7 @@
                   "stroke-width": "2"
                 })
               ], -1)
-            ])], 10, _hoisted_1$C)
+            ])], 10, _hoisted_1$E)
           ], true),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             copied.value && __props.tip && __props.successMessage ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -1710,8 +1710,8 @@
       };
     }
   });
-  const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-38d3381d"]]);
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+  const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-38d3381d"]]);
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoContainer" },
     __name: "TaoContainer",
     props: {
@@ -1728,8 +1728,8 @@
       };
     }
   });
-  const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-4c0deb90"]]);
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-4c0deb90"]]);
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFlex" },
     __name: "TaoFlex",
     props: {
@@ -1760,7 +1760,7 @@
       };
     }
   });
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSpace" },
     __name: "TaoSpace",
     props: {
@@ -1780,15 +1780,15 @@
       };
     }
   });
-  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__ */ vue.defineComponent({
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSplit" },
     __name: "TaoSplit",
     props: {
@@ -2073,7 +2073,7 @@
           ]]),
           style: vue.normalizeStyle({ "--tao-split-start": `${startPx.value}px` })
         }, [
-          vue.createElementVNode("div", _hoisted_1$B, [
+          vue.createElementVNode("div", _hoisted_1$D, [
             vue.renderSlot(_ctx.$slots, "start", {}, void 0, true)
           ]),
           vue.createElementVNode("div", {
@@ -2096,18 +2096,18 @@
             onKeydown,
             onDragstart: _cache[0] || (_cache[0] = vue.withModifiers(() => {
             }, ["prevent"]))
-          }, null, 40, _hoisted_2$x),
-          vue.createElementVNode("div", _hoisted_3$r, [
+          }, null, 40, _hoisted_2$z),
+          vue.createElementVNode("div", _hoisted_3$s, [
             vue.renderSlot(_ctx.$slots, "end", {}, void 0, true)
           ]),
-          isDragging.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n)) : vue.createCommentVNode("", true)
+          isDragging.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o)) : vue.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__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoIcon" },
     __name: "TaoIcon",
     props: {
@@ -2122,7 +2122,7 @@
       }));
       const props = __props;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$A, [
+        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$C, [
           vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
           vue.createElementVNode("i", {
             class: vue.normalizeClass(["tao-icon__value", [`icon-${props.name}`, { "tao-icon__value--invert": props.invert }]]),
@@ -2133,8 +2133,8 @@
       };
     }
   });
-  const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-145b2cfc"]]);
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-145b2cfc"]]);
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoLoader" },
     __name: "TaoLoader",
     props: {
@@ -2195,11 +2195,11 @@
       };
     }
   });
-  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__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoImage" },
     __name: "TaoImage",
     props: {
@@ -2230,7 +2230,7 @@
         hasError.value = false;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
           __props.src && !hasError.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             class: vue.normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
@@ -2241,26 +2241,26 @@
             draggable: "false",
             onLoad: handleLoad,
             onError: handleError
-          }, null, 42, _hoisted_2$w)) : vue.createCommentVNode("", true),
+          }, null, 42, _hoisted_2$y)) : vue.createCommentVNode("", true),
           !__props.src || hasError.value ? vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createElementVNode("div", _hoisted_3$q, vue.toDisplayString(__props.placeholderText), 1)
+            vue.createElementVNode("div", _hoisted_3$r, vue.toDisplayString(__props.placeholderText), 1)
           ], true, 1) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-aea39025"]]);
-  const _hoisted_1$y = ["for"];
-  const _hoisted_2$v = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
-  const _hoisted_3$p = {
+  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__ */ vue.defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCheckbox" },
     __name: "TaoCheckbox",
     props: {
@@ -2330,25 +2330,25 @@
             "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] = vue.createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
-          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$q, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])),
           vue.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__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoTag" },
     __name: "TaoTag",
     props: {
@@ -2388,10 +2388,10 @@
           ]]),
           style: vue.normalizeStyle(style.value)
         }, [
-          _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$x, [
+          _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$z, [
             vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_2$u, [
+          vue.createElementVNode("span", _hoisted_2$w, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
           __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -2401,27 +2401,27 @@
             "aria-label": __props.closeLabel,
             onClick: vue.withModifiers(onClose, ["stop"])
           }, [
-            vue.createElementVNode("span", _hoisted_4$l, [
+            vue.createElementVNode("span", _hoisted_4$m, [
               vue.renderSlot(_ctx.$slots, "close-icon", {}, () => [
                 _cache[0] || (_cache[0] = vue.createTextVNode("✕", -1))
               ], true)
             ])
-          ], 8, _hoisted_3$o)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_3$p)) : vue.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__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDivider" },
     __name: "TaoDivider",
     props: {
@@ -2435,23 +2435,23 @@
         return __props.variant === "gap" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-        }, null, 2)) : __props.variant === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+        }, null, 2)) : __props.variant === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-          vue.createElementVNode("span", _hoisted_2$t, [
+          vue.createElementVNode("span", _hoisted_2$v, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
           _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$n));
+        ])) : (vue.openBlock(), vue.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__ */ vue.defineComponent({
+  const _hoisted_2$u = { class: "tao-fieldset__body" };
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFieldset" },
     __name: "TaoFieldset",
     props: {
@@ -2463,20 +2463,20 @@
         return vue.openBlock(), vue.createElementBlock("fieldset", {
           class: vue.normalizeClass(["tao-fieldset", `tao-fieldset--${__props.align}`])
         }, [
-          __props.legend || _ctx.$slots.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_1$v, [
+          __props.legend || _ctx.$slots.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_1$x, [
             vue.renderSlot(_ctx.$slots, "legend", {}, () => [
               vue.createTextVNode(vue.toDisplayString(__props.legend), 1)
             ], true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$s, [
+          vue.createElementVNode("div", _hoisted_2$u, [
             vue.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__ */ vue.defineComponent({
+  const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-34440ba5"]]);
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoAnimatedBorder" },
     __name: "TaoAnimatedBorder",
     props: {
@@ -2500,18 +2500,18 @@
       };
     }
   });
-  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__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoTextarea" },
     __name: "TaoTextarea",
     props: {
@@ -2608,7 +2608,7 @@
         vue.nextTick(autoResize);
       });
       return (_ctx, _cache) => {
-        return __props.dummy ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$u, vue.toDisplayString(__props.modelValue), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, [
+        return __props.dummy ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$w, vue.toDisplayString(__props.modelValue), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
           vue.createElementVNode("textarea", {
             id: controlId.value,
             ref_key: "textareaRef",
@@ -2637,21 +2637,21 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 42, _hoisted_3$m),
+          }, null, 42, _hoisted_3$n),
           __props.count ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             id: counterId.value,
             class: vue.normalizeClass(["tao-textarea__count", { "tao-textarea__count--limit": atLimit.value }])
-          }, vue.toDisplayString(countLabel.value), 11, _hoisted_4$k)) : vue.createCommentVNode("", true)
+          }, vue.toDisplayString(countLabel.value), 11, _hoisted_4$l)) : vue.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__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoScrollTop" },
     __name: "TaoScrollTop",
     props: {
@@ -2752,7 +2752,7 @@
               "aria-label": props.ariaLabel,
               onClick: vue.withModifiers(onClick, ["prevent"])
             }, [
-              vue.createElementVNode("div", _hoisted_2$q, [
+              vue.createElementVNode("div", _hoisted_2$s, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
                   style: vue.normalizeStyle(rippleStyle)
@@ -2769,33 +2769,33 @@
                   ], -1))
                 ], true)
               ])
-            ], 14, _hoisted_1$t)) : vue.createCommentVNode("", true)
+            ], 14, _hoisted_1$v)) : vue.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"
   };
-  const _hoisted_5$f = {
+  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__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoProgress" },
     __name: "TaoProgress",
     props: {
@@ -2826,16 +2826,16 @@
         () => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
       );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["tao-progress__container", { "tao-progress__container--over": showOverPercent.value }]),
             style: vue.normalizeStyle({ minWidth: `${minW.value}px`, maxWidth: `${maxW.value}px` })
           }, [
-            _ctx.$slots.left ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+            _ctx.$slots.left ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, [
               vue.renderSlot(_ctx.$slots, "left", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_3$l, [
-              showOverPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, vue.toDisplayString(__props.progress) + "%", 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_3$m, [
+              showOverPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k, vue.toDisplayString(__props.progress) + "%", 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: "tao-progress__track",
                 style: vue.normalizeStyle({ height: `${__props.height}px` })
@@ -2846,23 +2846,23 @@
                 }, null, 6)
               ], 4)
             ]),
-            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$f, [
+            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$g, [
               vue.renderSlot(_ctx.$slots, "right", {}, void 0, true),
-              showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$c, vue.toDisplayString(endPercentLabel.value), 1)) : vue.createCommentVNode("", true)
+              showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$d, vue.toDisplayString(endPercentLabel.value), 1)) : vue.createCommentVNode("", true)
             ])) : vue.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__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSlider" },
     __name: "TaoSlider",
     props: {
@@ -3079,24 +3079,24 @@
             onKeydown: onShadowKeydown,
             onPointerdown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 40, _hoisted_2$o)), [
+          }, null, 40, _hoisted_2$q)), [
             [vue.vModelText, shadowModel.value]
-          ]) : __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k, [
+          ]) : __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$l, [
             vue.renderSlot(_ctx.$slots, "pre-value", {}, void 0, true),
             vue.createTextVNode(vue.toDisplayString(__props.modelValue), 1),
             vue.renderSlot(_ctx.$slots, "post-value", {}, void 0, true)
           ])) : vue.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 _hoisted_5$e = ["accept", "multiple"];
-  const _hoisted_6$b = {
+  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$c = {
     key: 0,
     class: "tao-file-drop__list"
   };
@@ -3104,7 +3104,7 @@
   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__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFileDrop" },
     __name: "TaoFileDrop",
     props: {
@@ -3235,8 +3235,8 @@
       });
       vue.onBeforeUnmount(() => stopFocusLoss == null ? void 0 : stopFocusLoss());
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
-          vue.createElementVNode("div", _hoisted_2$n, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+          vue.createElementVNode("div", _hoisted_2$p, [
             __props.showClear && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
               type: "button",
@@ -3244,12 +3244,12 @@
               "aria-label": __props.clearLabel,
               onClick: requestClear
             }, [
-              vue.createElementVNode("span", _hoisted_4$i, [
+              vue.createElementVNode("span", _hoisted_4$j, [
                 vue.renderSlot(_ctx.$slots, "clear-icon", {}, () => [
                   _cache[1] || (_cache[1] = vue.createTextVNode("✕", -1))
                 ], true)
               ])
-            ], 8, _hoisted_3$j)) : vue.createCommentVNode("", true),
+            ], 8, _hoisted_3$k)) : vue.createCommentVNode("", true),
             vue.createElementVNode("label", {
               class: vue.normalizeClass(["tao-file-drop__zone", [`tao-file-drop__zone--${__props.size}`, { "tao-file-drop__zone--dragging": isDragging.value }]]),
               onDragover: handleDragOver,
@@ -3269,10 +3269,10 @@
                 onChange: handleFileSelect,
                 onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
                 }, ["stop"]))
-              }, null, 40, _hoisted_5$e)
+              }, null, 40, _hoisted_5$f)
             ], 34)
           ]),
-          __props.list && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_6$b, [
+          __props.list && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_6$c, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modelValue, (file, index) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: fileKey(file, index),
@@ -3299,15 +3299,15 @@
       };
     }
   });
-  const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-4b36e2a3"]]);
-  const _hoisted_1$p = ["aria-expanded", "aria-label"];
-  const _hoisted_2$m = {
+  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$i = ["onClick", "onMouseenter"];
-  const _hoisted_4$h = { key: 1 };
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$j = ["onClick", "onMouseenter"];
+  const _hoisted_4$i = { key: 1 };
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDropdownMenu" },
     __name: "TaoDropdownMenu",
     props: {
@@ -3444,12 +3444,12 @@
             "aria-label": _ctx.$slots.button ? void 0 : __props.menuLabel,
             onClick: toggleMenu
           }, [
-            _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$m, [
+            _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$o, [
               vue.renderSlot(_ctx.$slots, "icon", {}, () => [
                 _cache[0] || (_cache[0] = vue.createTextVNode("⋮", -1))
               ], true)
             ]))
-          ], 8, _hoisted_1$p),
+          ], 8, _hoisted_1$r),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -3474,8 +3474,8 @@
                     id: action.id,
                     ico: action.ico,
                     text: action.name
-                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$h, vue.toDisplayString(action.name), 1))
-                ], 42, _hoisted_3$i);
+                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$i, vue.toDisplayString(action.name), 1))
+                ], 42, _hoisted_3$j);
               }), 128))
             ], 36)) : vue.createCommentVNode("", true)
           ]))
@@ -3483,10 +3483,10 @@
       };
     }
   });
-  const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-4750fe54"]]);
-  const _hoisted_1$o = ["aria-invalid", "aria-describedby"];
-  const _hoisted_2$l = ["id", "value", "placeholder", "type", "inputmode", "pattern", "maxlength", "onInput", "onPaste", "onKeydown", "onFocus"];
-  const _sfc_main$p = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoPinCode" },
     __name: "TaoPinCode",
     props: {
@@ -3695,14 +3695,14 @@
               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-44474500"]]);
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-44474500"]]);
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoLink" },
     __name: "TaoLink",
     props: {
@@ -3744,8 +3744,8 @@
       };
     }
   });
-  const _hoisted_1$n = ["for"];
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$p = ["for"];
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFormField" },
     __name: "TaoFormField",
     props: {
@@ -3795,7 +3795,7 @@
             class: "tao-form-field__label",
             for: vue.unref(id),
             onClick: onLabelClick
-          }, vue.toDisplayString(__props.label), 9, _hoisted_1$n)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(__props.label), 9, _hoisted_1$p)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           __props.error ? (vue.openBlock(), vue.createElementBlock("p", {
             key: 1,
@@ -3810,12 +3810,12 @@
       };
     }
   });
-  const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-edd0be31"]]);
-  const _hoisted_1$m = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-  const _hoisted_2$k = { class: "tao-select__value" };
-  const _hoisted_3$h = ["aria-activedescendant"];
-  const _hoisted_4$g = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
-  const _sfc_main$m = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
     ...{ name: "TaoSelect" },
     __name: "TaoSelect",
     props: {
@@ -4033,14 +4033,14 @@
             onClick: toggle,
             onKeydown: onTriggerKeydown
           }, [
-            vue.createElementVNode("span", _hoisted_2$k, vue.toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+            vue.createElementVNode("span", _hoisted_2$m, vue.toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["tao-select__chevron", { "tao-select__chevron--custom": _ctx.$slots.chevron }]),
               "aria-hidden": "true"
             }, [
               vue.renderSlot(_ctx.$slots, "chevron", {}, void 0, true)
             ], 2)
-          ], 42, _hoisted_1$m),
+          ], 42, _hoisted_1$o),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -4076,9 +4076,9 @@
                     }, ["prevent"])),
                     onClick: ($event) => selectOption(option),
                     onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
-                  }, vue.toDisplayString(option.label), 43, _hoisted_4$g);
+                  }, vue.toDisplayString(option.label), 43, _hoisted_4$h);
                 }), 128))
-              ], 40, _hoisted_3$h),
+              ], 40, _hoisted_3$i),
               selected.value ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
                 type: "button",
@@ -4097,14 +4097,14 @@
       };
     }
   });
-  const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-d9b336d8"]]);
-  const _hoisted_1$l = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
-  const _hoisted_2$j = {
+  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__ */ vue.defineComponent({
+  const _hoisted_3$h = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCombobox" },
     __name: "TaoCombobox",
     props: {
@@ -4525,7 +4525,7 @@
               onFocus,
               onBlur,
               onKeydown: onInputKeydown
-            }, null, 40, _hoisted_1$l),
+            }, null, 40, _hoisted_1$n),
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["tao-combobox__chevron", { "tao-combobox__chevron--custom": _ctx.$slots.chevron }]),
               "aria-hidden": "true"
@@ -4548,7 +4548,7 @@
                 class: "tao-combobox__list",
                 role: "listbox"
               }, [
-                !rows.value.length ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$j, [
+                !rows.value.length ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$l, [
                   vue.renderSlot(_ctx.$slots, "empty", {}, () => [
                     vue.createTextVNode(vue.toDisplayString(__props.emptyText), 1)
                   ], true)
@@ -4578,7 +4578,7 @@
                     ], true, 0) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(row.option.label), 1)
                     ], 64))
-                  ], 42, _hoisted_3$g);
+                  ], 42, _hoisted_3$h);
                 }), 128))
               ], 512),
               selected.value ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -4598,7 +4598,7 @@
       };
     }
   });
-  const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-131d254d"]]);
+  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")}`;
@@ -4741,15 +4741,15 @@
       };
     });
   }
-  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"];
@@ -4765,7 +4765,7 @@
   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__ */ vue.defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDate" },
     __name: "TaoDate",
     props: {
@@ -4994,8 +4994,8 @@
             onClick: toggle,
             onKeydown: onTriggerKeydown
           }, [
-            vue.createElementVNode("span", _hoisted_2$i, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
-            vue.createElementVNode("span", _hoisted_3$f, [
+            vue.createElementVNode("span", _hoisted_2$k, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
+            vue.createElementVNode("span", _hoisted_3$g, [
               vue.renderSlot(_ctx.$slots, "icon", {}, () => [
                 _cache[4] || (_cache[4] = vue.createElementVNode("svg", {
                   viewBox: "0 0 16 16",
@@ -5023,7 +5023,7 @@
                 ], -1))
               ], true)
             ])
-          ], 42, _hoisted_1$k),
+          ], 42, _hoisted_1$m),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -5037,7 +5037,7 @@
               style: vue.normalizeStyle(panelStyle.value),
               onKeydown: onPanelKeydown
             }, [
-              vue.createElementVNode("div", _hoisted_5$d, [
+              vue.createElementVNode("div", _hoisted_5$e, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -5063,7 +5063,7 @@
                       ], -1))
                     ], true)
                   ])
-                ], 8, _hoisted_6$a),
+                ], 8, _hoisted_6$b),
                 vue.createElementVNode("p", _hoisted_8$8, vue.toDisplayString(monthLabel.value), 1),
                 vue.createElementVNode("button", {
                   type: "button",
@@ -5141,22 +5141,22 @@
                   ], true)
                 ])) : vue.createCommentVNode("", true)
               ])
-            ], 44, _hoisted_4$f)) : vue.createCommentVNode("", true)
+            ], 44, _hoisted_4$g)) : vue.createCommentVNode("", true)
           ]))
         ], 2);
       };
     }
   });
-  const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-ebd437a8"]]);
-  const _hoisted_1$j = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-  const _hoisted_2$h = { class: "tao-date-range__value" };
-  const _hoisted_3$e = {
+  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"];
@@ -5168,7 +5168,7 @@
   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__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDateRange" },
     __name: "TaoDateRange",
     props: {
@@ -5451,8 +5451,8 @@
             onClick: toggle,
             onKeydown: onTriggerKeydown
           }, [
-            vue.createElementVNode("span", _hoisted_2$h, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
-            vue.createElementVNode("span", _hoisted_3$e, [
+            vue.createElementVNode("span", _hoisted_2$j, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
+            vue.createElementVNode("span", _hoisted_3$f, [
               vue.renderSlot(_ctx.$slots, "icon", {}, () => [
                 _cache[3] || (_cache[3] = vue.createElementVNode("svg", {
                   viewBox: "0 0 16 16",
@@ -5480,7 +5480,7 @@
                 ], -1))
               ], true)
             ])
-          ], 42, _hoisted_1$j),
+          ], 42, _hoisted_1$l),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -5494,7 +5494,7 @@
               style: vue.normalizeStyle(panelStyle.value),
               onKeydown: onPanelKeydown
             }, [
-              vue.createElementVNode("div", _hoisted_5$c, [
+              vue.createElementVNode("div", _hoisted_5$d, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -5520,7 +5520,7 @@
                       ], -1))
                     ], true)
                   ])
-                ], 8, _hoisted_6$9),
+                ], 8, _hoisted_6$a),
                 vue.createElementVNode("p", _hoisted_8$7, vue.toDisplayString(monthLabel.value), 1),
                 vue.createElementVNode("button", {
                   type: "button",
@@ -5607,24 +5607,24 @@
                   ], true)
                 ])) : vue.createCommentVNode("", true)
               ])
-            ], 44, _hoisted_4$e)) : vue.createCommentVNode("", true)
+            ], 44, _hoisted_4$f)) : vue.createCommentVNode("", true)
           ]))
         ], 2);
       };
     }
   });
-  const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-aa589793"]]);
-  const _hoisted_1$i = ["for"];
-  const _hoisted_2$g = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
-  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__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSwitch" },
     __name: "TaoSwitch",
     props: {
@@ -5665,33 +5665,33 @@
             "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] = vue.createElementVNode("span", {
             class: "tao-switch__track",
             "aria-hidden": "true"
           }, [
             vue.createElementVNode("span", { class: "tao-switch__thumb" })
           ], -1)),
-          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d, vue.toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$i);
+        ], 10, _hoisted_1$k);
       };
     }
   });
-  const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-17ce5000"]]);
+  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", "aria-invalid", "aria-describedby"];
-  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__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoRadio" },
     __name: "TaoRadio",
     props: {
@@ -5744,25 +5744,25 @@
             "aria-invalid": !vue.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] = vue.createElementVNode("span", {
             class: "tao-radio__dot",
             "aria-hidden": "true"
           }, null, -1)),
-          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$c, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, [
             vue.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-e79d1fb6"]]);
-  const _hoisted_1$g = ["id", "disabled", "aria-describedby", "aria-invalid", "aria-labelledby"];
-  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__ */ vue.defineComponent({
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoRadioGroup" },
     __name: "TaoRadioGroup",
     props: {
@@ -5804,20 +5804,20 @@
           "aria-invalid": invalid.value || void 0,
           "aria-labelledby": labelledBy.value
         }, [
-          __props.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$e, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
+          __props.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$g, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
           vue.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-6f6fa977"]]);
+  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", "aria-labelledby", "id"];
-  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__ */ vue.defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSegmented" },
     __name: "TaoSegmented",
     props: {
@@ -5928,7 +5928,7 @@
           "aria-labelledby": __props.legend ? void 0 : vue.unref(field) ? `${vue.unref(field).id}-label` : void 0,
           id: (_a = vue.unref(field)) == null ? void 0 : _a.id
         }, [
-          __props.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$d, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
+          __props.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$f, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             ref_key: "trackRef",
             ref: trackRef,
@@ -5941,24 +5941,24 @@
             }, null, 4),
             vue.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-af757a32"]]);
-  const _hoisted_1$e = ["for"];
-  const _hoisted_2$c = ["id", "name", "value", "checked", "disabled", "aria-label"];
-  const _hoisted_3$b = { class: "tao-segmented-option__face" };
-  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"
   };
@@ -5966,7 +5966,7 @@
     key: 3,
     class: "tao-segmented-option__count"
   };
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSegmentedOption" },
     __name: "TaoSegmentedOption",
     props: {
@@ -6040,38 +6040,38 @@
             disabled: isDisabled.value,
             "aria-label": __props.ariaLabel,
             onChange
-          }, null, 40, _hoisted_2$c),
-          vue.createElementVNode("span", _hoisted_3$b, [
-            __props.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, [
+          }, null, 40, _hoisted_2$e),
+          vue.createElementVNode("span", _hoisted_3$c, [
+            __props.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$c, [
               vue.renderSlot(_ctx.$slots, "icon", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.icon), 1)
               ], true)
             ])) : vue.createCommentVNode("", true),
-            hasLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, [
+            hasLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, [
               vue.renderSlot(_ctx.$slots, "default", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.label), 1)
               ], true)
-            ])) : __props.ariaLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$8, vue.toDisplayString(__props.ariaLabel), 1)) : vue.createCommentVNode("", true),
+            ])) : __props.ariaLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$9, vue.toDisplayString(__props.ariaLabel), 1)) : vue.createCommentVNode("", true),
             countLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$7, vue.toDisplayString(countLabel.value), 1)) : vue.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__ */ vue.defineComponent({
+  const _hoisted_5$b = ["aria-label"];
+  const _hoisted_6$8 = { "aria-hidden": "true" };
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoAlert" },
     __name: "TaoAlert",
     props: {
@@ -6092,9 +6092,9 @@
           role: tone.value === "error" ? "alert" : "status",
           "aria-live": live.value
         }, [
-          vue.createElementVNode("div", _hoisted_2$b, [
-            __props.title ? (vue.openBlock(), vue.createElementBlock("strong", _hoisted_3$a, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$a, [
+          vue.createElementVNode("div", _hoisted_2$d, [
+            __props.title ? (vue.openBlock(), vue.createElementBlock("strong", _hoisted_3$b, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$b, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ]),
@@ -6105,30 +6105,30 @@
             "aria-label": __props.closeLabel,
             onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
           }, [
-            vue.createElementVNode("span", _hoisted_6$7, [
+            vue.createElementVNode("span", _hoisted_6$8, [
               vue.renderSlot(_ctx.$slots, "close-icon", {}, () => [
                 _cache[1] || (_cache[1] = vue.createTextVNode("×", -1))
               ], true)
             ])
-          ], 8, _hoisted_5$a)) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$d);
+          ], 8, _hoisted_5$b)) : vue.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__ */ vue.defineComponent({
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTable" },
     __name: "TaoTable",
     props: {
@@ -6209,7 +6209,7 @@
               "tao-table--sticky": __props.sticky
             }])
           }, [
-            __props.caption ? (vue.openBlock(), vue.createElementBlock("caption", _hoisted_1$c, vue.toDisplayString(__props.caption), 1)) : vue.createCommentVNode("", true),
+            __props.caption ? (vue.openBlock(), vue.createElementBlock("caption", _hoisted_1$e, vue.toDisplayString(__props.caption), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("thead", null, [
               vue.createElementVNode("tr", null, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (column) => {
@@ -6233,13 +6233,13 @@
                         }]),
                         "aria-hidden": "true"
                       }, null, 2)
-                    ], 8, _hoisted_3$9)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, vue.toDisplayString(column.label), 1))
-                  ], 12, _hoisted_2$a);
+                    ], 8, _hoisted_3$a)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$a, vue.toDisplayString(column.label), 1))
+                  ], 12, _hoisted_2$c);
                 }), 128))
               ])
             ]),
             vue.createElementVNode("tbody", null, [
-              isEmpty.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$9, [
+              isEmpty.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$a, [
                 vue.createElementVNode("td", {
                   class: "tao-table__empty",
                   colspan: colCount.value
@@ -6247,7 +6247,7 @@
                   vue.renderSlot(_ctx.$slots, "empty", {}, () => [
                     vue.createTextVNode(vue.toDisplayString(__props.emptyText), 1)
                   ], true)
-                ], 8, _hoisted_6$6)
+                ], 8, _hoisted_6$7)
               ])) : vue.createCommentVNode("", true),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.rows, (row, index) => {
                 return vue.openBlock(), vue.createElementBlock("tr", {
@@ -6289,7 +6289,7 @@
       };
     }
   });
-  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 [];
@@ -6314,15 +6314,15 @@
     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",
@@ -6331,7 +6331,7 @@
   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__ */ vue.defineComponent({
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoPagination" },
     __name: "TaoPagination",
     props: {
@@ -6384,7 +6384,7 @@
           class: vue.normalizeClass(["tao-pagination", `tao-pagination--${__props.size}`]),
           "aria-label": __props.ariaLabel
         }, [
-          __props.showTotal ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$9, [
+          __props.showTotal ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$b, [
             vue.renderSlot(_ctx.$slots, "total", {
               from: from.value,
               to: to.value,
@@ -6397,7 +6397,7 @@
               ], 64))
             ], true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3$8, [
+          vue.createElementVNode("div", _hoisted_3$9, [
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-pagination__btn",
@@ -6405,12 +6405,12 @@
               disabled: __props.disabled || current.value <= 1,
               onClick: _cache[0] || (_cache[0] = ($event) => goTo(current.value - 1))
             }, [
-              vue.createElementVNode("span", _hoisted_5$8, [
+              vue.createElementVNode("span", _hoisted_5$9, [
                 vue.renderSlot(_ctx.$slots, "prev-icon", {}, () => [
                   _cache[2] || (_cache[2] = vue.createTextVNode("‹", -1))
                 ], true)
               ])
-            ], 8, _hoisted_4$8),
+            ], 8, _hoisted_4$9),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                 key: item.type === "page" ? item.page : item.id
@@ -6422,7 +6422,7 @@
                   "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" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, "…")) : (vue.openBlock(), vue.createElementBlock("button", {
+                }, " … ", 8, _hoisted_6$6)) : item.type === "ellipsis" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, "…")) : (vue.openBlock(), vue.createElementBlock("button", {
                   key: 2,
                   type: "button",
                   class: vue.normalizeClass(["tao-pagination__btn", { "tao-pagination__btn--current": item.page === current.value }]),
@@ -6447,29 +6447,29 @@
               ])
             ], 8, _hoisted_9$1)
           ])
-        ], 10, _hoisted_1$b);
+        ], 10, _hoisted_1$d);
       };
     }
   });
-  const TaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-37f3d381"]]);
-  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__ */ vue.defineComponent({
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoEmpty" },
     __name: "TaoEmpty",
     props: {
@@ -6477,22 +6477,189 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
-          _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+          _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
             vue.renderSlot(_ctx.$slots, "icon", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          __props.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$7, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$7, [
+          __props.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$8, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$8, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
+          _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
             vue.renderSlot(_ctx.$slots, "action", {}, void 0, true)
           ])) : vue.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__ */ vue.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 = vue.computed(() => props.size);
+      vue.provide(taoListKey, { size });
+      const listStyle = vue.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 vue.openBlock(), vue.createElementBlock("ul", {
+          class: vue.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: vue.normalizeStyle(listStyle.value),
+          "aria-label": __props.ariaLabel || void 0
+        }, [
+          __props.empty ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$9, [
+            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+              _cache[0] || (_cache[0] = vue.createTextVNode("Ничего нет", -1))
+            ], true)
+          ])) : vue.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__ */ vue.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 = vue.useSlots();
+      const list = vue.inject(taoListKey, null);
+      const sizeClass = vue.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 = vue.computed(() => Boolean(slots.action));
+      const hasPrefix = vue.computed(() => Boolean(slots.prefix));
+      const hasSuffix = vue.computed(() => Boolean(slots.suffix));
+      const hasDescription = vue.computed(() => Boolean(props.description || slots.description));
+      function onHitClick(event) {
+        if (props.disabled || !props.clickable) {
+          return;
+        }
+        emit("click", event);
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("li", {
+          class: vue.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
+        }, [
+          (vue.openBlock(), vue.createBlock(vue.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: vue.withCtx(() => [
+              hasPrefix.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$8, [
+                vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+              ])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("span", _hoisted_3$7, [
+                vue.createElementVNode("span", _hoisted_4$7, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                    vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+                  ], true)
+                ]),
+                hasDescription.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, [
+                  vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                    vue.createTextVNode(vue.toDisplayString(__props.description), 1)
+                  ], true)
+                ])) : vue.createCommentVNode("", true)
+              ]),
+              hasSuffix.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, [
+                vue.renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["type", "disabled", "aria-current"])),
+          hasAction.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "tao-list-item__action",
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+            }, ["stop"])),
+            onKeydown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            vue.renderSlot(_ctx.$slots, "action", {}, void 0, true)
+          ], 32)) : vue.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
@@ -6844,7 +7011,7 @@
                 class: "tao-breadcrumb__item"
               }, [
                 index > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$4, "/")) : vue.createCommentVNode("", true),
-                index === __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, vue.toDisplayString(item.label), 1)) : item.to ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+                index === __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, vue.toDisplayString(item.label), 1)) : item.to ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
                   key: 2,
                   class: "tao-breadcrumb__link",
                   to: item.to
@@ -8513,7 +8680,7 @@
     TaoSpoilerGroup,
     TaoCopy,
     TaoContainer,
-    _sfc_main$G,
+    _sfc_main$I,
     TaoSpace,
     TaoSplit,
     TaoIcon,
@@ -8531,7 +8698,7 @@
     TaoFileDrop,
     TaoDropdownMenu,
     TaoPinCode,
-    _sfc_main$o,
+    _sfc_main$q,
     TaoFormField,
     TaoSelect,
     TaoCombobox,
@@ -8546,6 +8713,8 @@
     TaoTable,
     TaoPagination,
     TaoEmpty,
+    TaoList,
+    TaoListItem,
     TaoSkeleton,
     TaoDrawer,
     TaoAvatar,
@@ -8585,14 +8754,16 @@
   exports2.TaoEmpty = TaoEmpty;
   exports2.TaoFieldset = TaoFieldset;
   exports2.TaoFileDrop = TaoFileDrop;
-  exports2.TaoFlex = _sfc_main$G;
+  exports2.TaoFlex = _sfc_main$I;
   exports2.TaoFormField = TaoFormField;
   exports2.TaoIcon = TaoIcon;
   exports2.TaoImage = TaoImage;
   exports2.TaoInput = TaoInput;
   exports2.TaoInputGroup = TaoInputGroup;
   exports2.TaoInputNumber = TaoInputNumber;
-  exports2.TaoLink = _sfc_main$o;
+  exports2.TaoLink = _sfc_main$q;
+  exports2.TaoList = TaoList;
+  exports2.TaoListItem = TaoListItem;
   exports2.TaoLoader = TaoLoader;
   exports2.TaoModal = TaoModal;
   exports2.TaoPagination = TaoPagination;