@1337exp/taoui 1.6.1 → 1.8.0

package/dist/index.mjs

@@ -1,15 +1,15 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, renderSlot, computed, normalizeStyle, inject, useId, ref, unref, watch, createTextVNode, onBeforeUnmount, createBlock, Teleport, createVNode, Transition, withCtx, withModifiers, nextTick, Fragment, renderList, onMounted, provide, resolveDynamicComponent, useCssVars, useSlots, reactive, onBeforeMount, withDirectives, vModelText, getCurrentInstance, mergeProps, TransitionGroup, onUpdated, createApp } from "vue";
-const _hoisted_1$N = ["type", "disabled"];
-const _hoisted_2$G = {
+const _hoisted_1$P = ["type", "disabled"];
+const _hoisted_2$I = {
   key: 0,
   class: "tao-button__loader"
 };
-const _hoisted_3$A = {
+const _hoisted_3$B = {
   key: 1,
   class: "tao-button__icon"
 };
-const _hoisted_4$u = { class: "tao-button__content" };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _hoisted_4$v = { class: "tao-button__content" };
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoButton" },
   __name: "TaoButton",
   props: {
@@ -48,12 +48,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled || __props.loading,
         onClick: handleClick
       }, [
-        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$G)) : createCommentVNode("", true),
-        __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$A, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_4$u, [
+        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$I)) : createCommentVNode("", true),
+        __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$B, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_4$v, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
-      ], 10, _hoisted_1$N);
+      ], 10, _hoisted_1$P);
     };
   }
 });
@@ -64,8 +64,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-c3034f66"]]);
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-c3034f66"]]);
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoBlock" },
   __name: "TaoBlock",
   props: {
@@ -97,24 +97,24 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-feb87e36"]]);
+const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__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__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInput" },
   __name: "TaoInput",
   props: {
@@ -150,12 +150,12 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       emit("focus", event);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
+      return openBlock(), createElementBlock("div", _hoisted_1$O, [
         __props.label && !unref(field) ? (openBlock(), createElementBlock("label", {
           key: 0,
           class: "tao-input__label",
           for: controlId.value
-        }, toDisplayString(__props.label), 9, _hoisted_2$F)) : createCommentVNode("", true),
+        }, toDisplayString(__props.label), 9, _hoisted_2$H)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["tao-input-shell", {
             "tao-input-shell--focused": focused.value,
@@ -165,7 +165,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             "tao-input-shell--suffix": _ctx.$slots.suffix
           }])
         }, [
-          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$z, [
+          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$A, [
             renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
           ])) : createCommentVNode("", true),
           createElementVNode("input", {
@@ -180,27 +180,27 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             onInput: handleInput,
             onBlur: handleBlur,
             onFocus: handleFocus
-          }, null, 42, _hoisted_4$t),
-          _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$l, [
+          }, null, 42, _hoisted_4$u),
+          _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$m, [
             renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 2),
-        __props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$g, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
+        __props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$h, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-b522e041"]]);
-const _hoisted_1$L = {
+const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-b522e041"]]);
+const _hoisted_1$N = {
   key: 0,
   class: "tao-input-group__addon tao-input-group__addon--before"
 };
-const _hoisted_2$E = { class: "tao-input-group__field" };
-const _hoisted_3$y = {
+const _hoisted_2$G = { class: "tao-input-group__field" };
+const _hoisted_3$z = {
   key: 1,
   class: "tao-input-group__addon tao-input-group__addon--after"
 };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputGroup" },
   __name: "TaoInputGroup",
   setup(__props) {
@@ -222,30 +222,30 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         onFocusin: onFocusIn,
         onFocusout: onFocusOut
       }, [
-        _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
+        _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
           renderSlot(_ctx.$slots, "before", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$E, [
+        createElementVNode("div", _hoisted_2$G, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
+        _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
           renderSlot(_ctx.$slots, "after", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
-const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-f06bb3b1"]]);
-const _hoisted_1$K = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
-const _hoisted_2$D = {
+const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__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__ */ 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$V = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputNumber" },
   __name: "TaoInputNumber",
   props: {
@@ -396,8 +396,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 40, _hoisted_1$K),
-        __props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
+        }, null, 40, _hoisted_1$M),
+        __props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$F, [
           createElementVNode("button", {
             type: "button",
             class: "tao-input-number__step",
@@ -406,12 +406,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled || atMax.value,
             onClick: _cache[0] || (_cache[0] = ($event) => bump(1))
           }, [
-            createElementVNode("span", _hoisted_4$s, [
+            createElementVNode("span", _hoisted_4$t, [
               renderSlot(_ctx.$slots, "increment-icon", {}, () => [
                 _cache[2] || (_cache[2] = createTextVNode("+", -1))
               ], true)
             ])
-          ], 8, _hoisted_3$x),
+          ], 8, _hoisted_3$y),
           createElementVNode("button", {
             type: "button",
             class: "tao-input-number__step",
@@ -420,24 +420,24 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled || atMin.value,
             onClick: _cache[1] || (_cache[1] = ($event) => bump(-1))
           }, [
-            createElementVNode("span", _hoisted_6$f, [
+            createElementVNode("span", _hoisted_6$g, [
               renderSlot(_ctx.$slots, "decrement-icon", {}, () => [
                 _cache[3] || (_cache[3] = createTextVNode("−", -1))
               ], true)
             ])
-          ], 8, _hoisted_5$k)
+          ], 8, _hoisted_5$l)
         ])) : 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__ */ defineComponent({
+const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__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$U = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoQuantity" },
   __name: "TaoQuantity",
   props: {
@@ -574,12 +574,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           disabled: minusDisabled.value,
           onClick: onDec
         }, [
-          createElementVNode("span", _hoisted_2$C, [
+          createElementVNode("span", _hoisted_2$E, [
             renderSlot(_ctx.$slots, "decrement-icon", {}, () => [
               _cache[0] || (_cache[0] = createTextVNode("−", -1))
             ], true)
           ])
-        ], 8, _hoisted_1$J),
+        ], 8, _hoisted_1$L),
         createElementVNode("input", {
           id: controlId.value,
           class: "tao-quantity__input",
@@ -599,7 +599,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 40, _hoisted_3$w),
+        }, null, 40, _hoisted_3$x),
         createElementVNode("button", {
           type: "button",
           class: "tao-quantity__btn tao-quantity__btn--inc",
@@ -607,35 +607,35 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           disabled: plusDisabled.value,
           onClick: onInc
         }, [
-          createElementVNode("span", _hoisted_5$j, [
+          createElementVNode("span", _hoisted_5$k, [
             renderSlot(_ctx.$slots, "increment-icon", {}, () => [
               _cache[1] || (_cache[1] = createTextVNode("+", -1))
             ], true)
           ])
-        ], 8, _hoisted_4$r)
+        ], 8, _hoisted_4$s)
       ], 2);
     };
   }
 });
-const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-c9c7c8b4"]]);
-const _hoisted_1$I = {
+const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__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"
 };
@@ -647,7 +647,7 @@ const _hoisted_8$b = {
   key: 4,
   class: "tao-card__footer"
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCard" },
   __name: "TaoCard",
   props: {
@@ -679,14 +679,14 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         }]),
         style: normalizeStyle(radiusStyle.value)
       }, [
-        _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
+        _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1$K, [
           renderSlot(_ctx.$slots, "cover", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "tao-card__content",
           style: normalizeStyle(paddingStyle.value)
         }, [
-          _ctx.$slots.headerTitle ? (openBlock(), createElementBlock("h2", _hoisted_2$B, [
+          _ctx.$slots.headerTitle ? (openBlock(), createElementBlock("h2", _hoisted_2$D, [
             renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
           ])) : createCommentVNode("", true),
           _ctx.$slots.header || _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("div", {
@@ -696,15 +696,15 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, [
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ]),
-            _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
+            _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$w, [
               renderSlot(_ctx.$slots, "headerSecondary", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
-          _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$q, [
-            _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$i, [
+          _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$r, [
+            _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$j, [
               renderSlot(_ctx.$slots, "title", {}, void 0, true)
             ])) : createCommentVNode("", true),
-            _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$e, [
+            _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$f, [
               renderSlot(_ctx.$slots, "sub", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
@@ -719,7 +719,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-2ff3d055"]]);
+const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__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(
@@ -773,21 +773,21 @@ function unlockBodyScroll() {
     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__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoModal" },
   __name: "TaoModal",
   props: {
@@ -892,13 +892,13 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                 "aria-labelledby": __props.title ? unref(titleId) : void 0,
                 tabindex: "-1"
               }, [
-                __props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
+                __props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$C, [
                   renderSlot(_ctx.$slots, "header", {}, () => [
                     __props.title ? (openBlock(), createElementBlock("h2", {
                       key: 0,
                       id: unref(titleId),
                       class: "tao-modal__title"
-                    }, toDisplayString(__props.title), 9, _hoisted_3$u)) : (openBlock(), createElementBlock("span", _hoisted_4$p))
+                    }, toDisplayString(__props.title), 9, _hoisted_3$v)) : (openBlock(), createElementBlock("span", _hoisted_4$q))
                   ], true),
                   __props.closable ? (openBlock(), createElementBlock("button", {
                     key: 0,
@@ -907,12 +907,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                     "aria-label": __props.closeLabel,
                     onClick: close
                   }, [
-                    createElementVNode("span", _hoisted_6$d, [
+                    createElementVNode("span", _hoisted_6$e, [
                       renderSlot(_ctx.$slots, "close-icon", {}, () => [
                         _cache[0] || (_cache[0] = createTextVNode("×", -1))
                       ], true)
                     ])
-                  ], 8, _hoisted_5$h)) : createCommentVNode("", true)
+                  ], 8, _hoisted_5$i)) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
                 createElementVNode("div", _hoisted_7$b, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -920,7 +920,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                 _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$a, [
                   renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                 ])) : createCommentVNode("", true)
-              ], 8, _hoisted_1$H)
+              ], 8, _hoisted_1$J)
             ], 32)) : createCommentVNode("", true)
           ]),
           _: 3
@@ -929,11 +929,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__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$R = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTabs" },
   __name: "TaoTabs",
   props: {
@@ -997,7 +997,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         createElementVNode("div", {
           class: "tao-tabs__list",
           role: "tablist",
@@ -1022,7 +1022,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               }, void 0, true, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(tab.label), 1)
               ], 64))
-            ], 8, _hoisted_2$z);
+            ], 8, _hoisted_2$B);
           }), 128))
         ], 32),
         createElementVNode("div", {
@@ -1032,12 +1032,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           "aria-labelledby": tabId(__props.modelValue)
         }, [
           renderSlot(_ctx.$slots, "default", { activeTab: __props.modelValue }, void 0, true)
-        ], 8, _hoisted_3$t)
+        ], 8, _hoisted_3$u)
       ]);
     };
   }
 });
-const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-bf16735e"]]);
+const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-bf16735e"]]);
 function listenFocusLoss(onLoss) {
   function onVisibilityChange() {
     if (document.hidden) {
@@ -1053,7 +1053,7 @@ function listenFocusLoss(onLoss) {
     window.removeEventListener("pagehide", onLoss);
   };
 }
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTooltip" },
   __name: "TaoTooltip",
   props: {
@@ -1215,9 +1215,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-926dfa73"]]);
-const _hoisted_1$F = { class: "tao-popover" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-926dfa73"]]);
+const _hoisted_1$H = { class: "tao-popover" };
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPopover" },
   __name: "TaoPopover",
   props: {
@@ -1386,7 +1386,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       unbindDismiss();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -1415,17 +1415,17 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-afd791a7"]]);
+const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__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__ */ defineComponent({
+const _hoisted_4$p = ["id"];
+const _hoisted_5$h = { class: "tao-spoiler__content-inner" };
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpoiler" },
   __name: "TaoSpoiler",
   props: {
@@ -1480,7 +1480,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$G, [
         createElementVNode("button", {
           type: "button",
           class: "tao-spoiler__header",
@@ -1491,12 +1491,12 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           createElementVNode("span", {
             class: normalizeClass(["tao-spoiler__icon", { "tao-spoiler__icon--open": isOpen.value }])
           }, "▶", 2),
-          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$s, [
+          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$t, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(__props.title), 1)
             ], true)
           ])) : createCommentVNode("", true)
-        ], 8, _hoisted_2$y),
+        ], 8, _hoisted_2$A),
         createVNode(Transition, {
           name: "tao-spoiler-slide",
           onBeforeEnter,
@@ -1510,10 +1510,10 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
               id: unref(panelId),
               class: "tao-spoiler__content"
             }, [
-              createElementVNode("div", _hoisted_5$g, [
+              createElementVNode("div", _hoisted_5$h, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ])
-            ], 8, _hoisted_4$o)) : createCommentVNode("", true)
+            ], 8, _hoisted_4$p)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -1521,9 +1521,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-ccb052cf"]]);
-const _hoisted_1$D = { class: "tao-spoiler-group" };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-ccb052cf"]]);
+const _hoisted_1$F = { class: "tao-spoiler-group" };
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpoilerGroup" },
   __name: "TaoSpoilerGroup",
   props: {
@@ -1548,15 +1548,15 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       setOpen
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
   }
 });
-const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-118970dd"]]);
-const _hoisted_1$C = ["aria-label"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-118970dd"]]);
+const _hoisted_1$E = ["aria-label"];
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCopy" },
   __name: "TaoCopy",
   props: {
@@ -1691,7 +1691,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 "stroke-width": "2"
               })
             ], -1)
-          ])], 10, _hoisted_1$C)
+          ])], 10, _hoisted_1$E)
         ], true),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           copied.value && __props.tip && __props.successMessage ? (openBlock(), createElementBlock("div", {
@@ -1707,8 +1707,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-38d3381d"]]);
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-38d3381d"]]);
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoContainer" },
   __name: "TaoContainer",
   props: {
@@ -1725,8 +1725,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-4c0deb90"]]);
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-4c0deb90"]]);
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFlex" },
   __name: "TaoFlex",
   props: {
@@ -1757,7 +1757,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpace" },
   __name: "TaoSpace",
   props: {
@@ -1777,15 +1777,66 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-698ca712"]]);
-const _hoisted_1$B = { class: "tao-split__pane tao-split__pane--start" };
-const _hoisted_2$x = ["aria-orientation", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-disabled", "tabindex"];
-const _hoisted_3$r = { class: "tao-split__pane tao-split__pane--end" };
-const _hoisted_4$n = {
+const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-698ca712"]]);
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoGrid" },
+  __name: "TaoGrid",
+  props: {
+    min: { default: "220px" },
+    cols: { default: 0 },
+    gap: { default: "var(--tao-space-4)" }
+  },
+  setup(__props) {
+    const props = __props;
+    const isFixed = computed(() => props.cols > 0);
+    const gridStyle = computed(() => ({
+      "--tao-grid-min": props.min,
+      "--tao-grid-cols": isFixed.value ? String(props.cols) : void 0,
+      "--tao-grid-gap": props.gap
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tao-grid", { "tao-grid--fixed": isFixed.value }]),
+        style: normalizeStyle(gridStyle.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 6);
+    };
+  }
+});
+const TaoGrid = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-bd5bc452"]]);
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoGridItem" },
+  __name: "TaoGridItem",
+  props: {
+    col: { default: 1 },
+    row: { default: 1 }
+  },
+  setup(__props) {
+    const props = __props;
+    const itemStyle = computed(() => ({
+      "--tao-grid-col": String(Math.max(1, props.col)),
+      "--tao-grid-row": String(Math.max(1, props.row))
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "tao-grid-item",
+        style: normalizeStyle(itemStyle.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const TaoGridItem = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-43bd1e34"]]);
+const _hoisted_1$D = { class: "tao-split__pane tao-split__pane--start" };
+const _hoisted_2$z = ["aria-orientation", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-disabled", "tabindex"];
+const _hoisted_3$s = { class: "tao-split__pane tao-split__pane--end" };
+const _hoisted_4$o = {
   key: 0,
   class: "tao-split__shield"
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSplit" },
   __name: "TaoSplit",
   props: {
@@ -2070,7 +2121,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         ]]),
         style: normalizeStyle({ "--tao-split-start": `${startPx.value}px` })
       }, [
-        createElementVNode("div", _hoisted_1$B, [
+        createElementVNode("div", _hoisted_1$D, [
           renderSlot(_ctx.$slots, "start", {}, void 0, true)
         ]),
         createElementVNode("div", {
@@ -2093,18 +2144,18 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           onKeydown,
           onDragstart: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["prevent"]))
-        }, null, 40, _hoisted_2$x),
-        createElementVNode("div", _hoisted_3$r, [
+        }, null, 40, _hoisted_2$z),
+        createElementVNode("div", _hoisted_3$s, [
           renderSlot(_ctx.$slots, "end", {}, void 0, true)
         ]),
-        isDragging.value ? (openBlock(), createElementBlock("div", _hoisted_4$n)) : createCommentVNode("", true)
+        isDragging.value ? (openBlock(), createElementBlock("div", _hoisted_4$o)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const TaoSplit = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-f44196dc"]]);
-const _hoisted_1$A = { class: "tao-icon" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const TaoSplit = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-f44196dc"]]);
+const _hoisted_1$C = { class: "tao-icon" };
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoIcon" },
   __name: "TaoIcon",
   props: {
@@ -2119,7 +2170,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     }));
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$A, [
+      return openBlock(), createElementBlock("span", _hoisted_1$C, [
         renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
         createElementVNode("i", {
           class: normalizeClass(["tao-icon__value", [`icon-${props.name}`, { "tao-icon__value--invert": props.invert }]]),
@@ -2130,8 +2181,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-145b2cfc"]]);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-145b2cfc"]]);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoLoader" },
   __name: "TaoLoader",
   props: {
@@ -2192,11 +2243,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-75a40018"]]);
-const _hoisted_1$z = { class: "tao-image" };
-const _hoisted_2$w = ["src", "alt", "loading"];
-const _hoisted_3$q = { class: "tao-image__placeholder" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-75a40018"]]);
+const _hoisted_1$B = { class: "tao-image" };
+const _hoisted_2$y = ["src", "alt", "loading"];
+const _hoisted_3$r = { class: "tao-image__placeholder" };
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoImage" },
   __name: "TaoImage",
   props: {
@@ -2227,7 +2278,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       hasError.value = false;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         __props.src && !hasError.value ? (openBlock(), createElementBlock("img", {
           key: 0,
           class: normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
@@ -2238,26 +2289,26 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           draggable: "false",
           onLoad: handleLoad,
           onError: handleError
-        }, null, 42, _hoisted_2$w)) : createCommentVNode("", true),
+        }, null, 42, _hoisted_2$y)) : createCommentVNode("", true),
         !__props.src || hasError.value ? renderSlot(_ctx.$slots, "default", {}, () => [
-          createElementVNode("div", _hoisted_3$q, toDisplayString(__props.placeholderText), 1)
+          createElementVNode("div", _hoisted_3$r, toDisplayString(__props.placeholderText), 1)
         ], true, 1) : 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__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCheckbox" },
   __name: "TaoCheckbox",
   props: {
@@ -2327,25 +2378,25 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           "aria-invalid": invalid.value || void 0,
           "aria-describedby": describedBy.value,
           onChange: onInputChange
-        }, null, 40, _hoisted_2$v),
+        }, null, 40, _hoisted_2$x),
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$p, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$m, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$q, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])),
         renderSlot(_ctx.$slots, "post", { text: __props.label }, void 0, true)
-      ], 10, _hoisted_1$y);
+      ], 10, _hoisted_1$A);
     };
   }
 });
-const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-f6b0e565"]]);
-const _hoisted_1$x = {
+const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-f6b0e565"]]);
+const _hoisted_1$z = {
   key: 0,
   class: "tao-tag__prefix"
 };
-const _hoisted_2$u = { class: "tao-tag__text" };
-const _hoisted_3$o = ["aria-label"];
-const _hoisted_4$l = { "aria-hidden": "true" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _hoisted_2$w = { class: "tao-tag__text" };
+const _hoisted_3$p = ["aria-label"];
+const _hoisted_4$m = { "aria-hidden": "true" };
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTag" },
   __name: "TaoTag",
   props: {
@@ -2385,10 +2436,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         ]]),
         style: normalizeStyle(style.value)
       }, [
-        _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$x, [
+        _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$z, [
           renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_2$u, [
+        createElementVNode("span", _hoisted_2$w, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         __props.closable ? (openBlock(), createElementBlock("button", {
@@ -2398,27 +2449,27 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           "aria-label": __props.closeLabel,
           onClick: withModifiers(onClose, ["stop"])
         }, [
-          createElementVNode("span", _hoisted_4$l, [
+          createElementVNode("span", _hoisted_4$m, [
             renderSlot(_ctx.$slots, "close-icon", {}, () => [
               _cache[0] || (_cache[0] = createTextVNode("✕", -1))
             ], true)
           ])
-        ], 8, _hoisted_3$o)) : createCommentVNode("", true)
+        ], 8, _hoisted_3$p)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-f353f529"]]);
-const _hoisted_1$w = {
+const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-f353f529"]]);
+const _hoisted_1$y = {
   key: 1,
   class: "tao-divider-text"
 };
-const _hoisted_2$t = { class: "tao-divider-text__value" };
-const _hoisted_3$n = {
+const _hoisted_2$v = { class: "tao-divider-text__value" };
+const _hoisted_3$o = {
   key: 2,
   class: "tao-divider-line"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDivider" },
   __name: "TaoDivider",
   props: {
@@ -2432,23 +2483,23 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return __props.variant === "gap" ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
+      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-        createElementVNode("span", _hoisted_2$t, [
+        createElementVNode("span", _hoisted_2$v, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _cache[1] || (_cache[1] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-      ])) : (openBlock(), createElementBlock("div", _hoisted_3$n));
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3$o));
     };
   }
 });
-const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-8187a15d"]]);
-const _hoisted_1$v = {
+const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-8187a15d"]]);
+const _hoisted_1$x = {
   key: 0,
   class: "tao-fieldset__legend"
 };
-const _hoisted_2$s = { class: "tao-fieldset__body" };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _hoisted_2$u = { class: "tao-fieldset__body" };
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFieldset" },
   __name: "TaoFieldset",
   props: {
@@ -2460,20 +2511,20 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("fieldset", {
         class: normalizeClass(["tao-fieldset", `tao-fieldset--${__props.align}`])
       }, [
-        __props.legend || _ctx.$slots.legend ? (openBlock(), createElementBlock("legend", _hoisted_1$v, [
+        __props.legend || _ctx.$slots.legend ? (openBlock(), createElementBlock("legend", _hoisted_1$x, [
           renderSlot(_ctx.$slots, "legend", {}, () => [
             createTextVNode(toDisplayString(__props.legend), 1)
           ], true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$s, [
+        createElementVNode("div", _hoisted_2$u, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
       ], 2);
     };
   }
 });
-const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-34440ba5"]]);
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-34440ba5"]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoAnimatedBorder" },
   __name: "TaoAnimatedBorder",
   props: {
@@ -2497,18 +2548,18 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f1534571"]]);
-const _hoisted_1$u = {
+const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f1534571"]]);
+const _hoisted_1$w = {
   key: 0,
   class: "tao-textarea tao-textarea--dummy"
 };
-const _hoisted_2$r = {
+const _hoisted_2$t = {
   key: 1,
   class: "tao-textarea-wrap"
 };
-const _hoisted_3$m = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
-const _hoisted_4$k = ["id"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_3$n = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
+const _hoisted_4$l = ["id"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTextarea" },
   __name: "TaoTextarea",
   props: {
@@ -2605,7 +2656,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       nextTick(autoResize);
     });
     return (_ctx, _cache) => {
-      return __props.dummy ? (openBlock(), createElementBlock("span", _hoisted_1$u, toDisplayString(__props.modelValue), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$r, [
+      return __props.dummy ? (openBlock(), createElementBlock("span", _hoisted_1$w, toDisplayString(__props.modelValue), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$t, [
         createElementVNode("textarea", {
           id: controlId.value,
           ref_key: "textareaRef",
@@ -2634,21 +2685,21 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 42, _hoisted_3$m),
+        }, null, 42, _hoisted_3$n),
         __props.count ? (openBlock(), createElementBlock("span", {
           key: 0,
           id: counterId.value,
           class: normalizeClass(["tao-textarea__count", { "tao-textarea__count--limit": atLimit.value }])
-        }, toDisplayString(countLabel.value), 11, _hoisted_4$k)) : createCommentVNode("", true)
+        }, toDisplayString(countLabel.value), 11, _hoisted_4$l)) : createCommentVNode("", true)
       ]));
     };
   }
 });
-const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-2534c0c4"]]);
-const _hoisted_1$t = ["tabindex", "aria-label"];
-const _hoisted_2$q = { class: "tao-scroll-top__content" };
+const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-2534c0c4"]]);
+const _hoisted_1$v = ["tabindex", "aria-label"];
+const _hoisted_2$s = { class: "tao-scroll-top__content" };
 const RIPPLE_DURATION = 750;
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoScrollTop" },
   __name: "TaoScrollTop",
   props: {
@@ -2749,7 +2800,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             "aria-label": props.ariaLabel,
             onClick: withModifiers(onClick, ["prevent"])
           }, [
-            createElementVNode("div", _hoisted_2$q, [
+            createElementVNode("div", _hoisted_2$s, [
               createElementVNode("div", {
                 class: normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
                 style: normalizeStyle(rippleStyle)
@@ -2766,33 +2817,33 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 ], -1))
               ], true)
             ])
-          ], 14, _hoisted_1$t)) : createCommentVNode("", true)
+          ], 14, _hoisted_1$v)) : createCommentVNode("", true)
         ]),
         _: 3
       });
     };
   }
 });
-const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-59678649"]]);
-const _hoisted_1$s = { class: "tao-progress" };
-const _hoisted_2$p = {
+const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-59678649"]]);
+const _hoisted_1$u = { class: "tao-progress" };
+const _hoisted_2$r = {
   key: 0,
   class: "tao-progress__side"
 };
-const _hoisted_3$l = { class: "tao-progress__main" };
-const _hoisted_4$j = {
+const _hoisted_3$m = { class: "tao-progress__main" };
+const _hoisted_4$k = {
   key: 0,
   class: "tao-progress__percentage"
 };
-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__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoProgress" },
   __name: "TaoProgress",
   props: {
@@ -2823,16 +2874,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       () => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createElementVNode("div", {
           class: normalizeClass(["tao-progress__container", { "tao-progress__container--over": showOverPercent.value }]),
           style: normalizeStyle({ minWidth: `${minW.value}px`, maxWidth: `${maxW.value}px` })
         }, [
-          _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
+          _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
             renderSlot(_ctx.$slots, "left", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$l, [
-            showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$j, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3$m, [
+            showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$k, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
             createElementVNode("div", {
               class: "tao-progress__track",
               style: normalizeStyle({ height: `${__props.height}px` })
@@ -2843,23 +2894,23 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               }, null, 6)
             ], 4)
           ]),
-          _ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
+          _ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
             renderSlot(_ctx.$slots, "right", {}, void 0, true),
-            showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$c, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
+            showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$d, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ], 6)
       ]);
     };
   }
 });
-const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-54c13718"]]);
-const _hoisted_1$r = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
-const _hoisted_2$o = ["placeholder"];
-const _hoisted_3$k = {
+const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-54c13718"]]);
+const _hoisted_1$t = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
+const _hoisted_2$q = ["placeholder"];
+const _hoisted_3$l = {
   key: 1,
   class: "tao-slider__value"
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSlider" },
   __name: "TaoSlider",
   props: {
@@ -3076,24 +3127,24 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           onKeydown: onShadowKeydown,
           onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 40, _hoisted_2$o)), [
+        }, null, 40, _hoisted_2$q)), [
           [vModelText, shadowModel.value]
-        ]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
+        ]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
           renderSlot(_ctx.$slots, "pre-value", {}, void 0, true),
           createTextVNode(toDisplayString(__props.modelValue), 1),
           renderSlot(_ctx.$slots, "post-value", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$r);
+      ], 42, _hoisted_1$t);
     };
   }
 });
-const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-24a38782"]]);
-const _hoisted_1$q = { class: "tao-file-drop" };
-const _hoisted_2$n = { class: "tao-file-drop__row" };
-const _hoisted_3$j = ["aria-label"];
-const _hoisted_4$i = { "aria-hidden": "true" };
-const _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"
 };
@@ -3101,7 +3152,7 @@ const _hoisted_7$a = { class: "tao-file-drop__name" };
 const _hoisted_8$9 = { class: "tao-file-drop__meta" };
 const _hoisted_9$4 = ["aria-label", "onClick"];
 const _hoisted_10$4 = { "aria-hidden": "true" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFileDrop" },
   __name: "TaoFileDrop",
   props: {
@@ -3232,8 +3283,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     });
     onBeforeUnmount(() => stopFocusLoss == null ? void 0 : stopFocusLoss());
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("div", _hoisted_2$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+        createElementVNode("div", _hoisted_2$p, [
           __props.showClear && __props.modelValue.length ? (openBlock(), createElementBlock("button", {
             key: 0,
             type: "button",
@@ -3241,12 +3292,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             "aria-label": __props.clearLabel,
             onClick: requestClear
           }, [
-            createElementVNode("span", _hoisted_4$i, [
+            createElementVNode("span", _hoisted_4$j, [
               renderSlot(_ctx.$slots, "clear-icon", {}, () => [
                 _cache[1] || (_cache[1] = createTextVNode("✕", -1))
               ], true)
             ])
-          ], 8, _hoisted_3$j)) : createCommentVNode("", true),
+          ], 8, _hoisted_3$k)) : createCommentVNode("", true),
           createElementVNode("label", {
             class: normalizeClass(["tao-file-drop__zone", [`tao-file-drop__zone--${__props.size}`, { "tao-file-drop__zone--dragging": isDragging.value }]]),
             onDragover: handleDragOver,
@@ -3266,10 +3317,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               onChange: handleFileSelect,
               onClick: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
-            }, null, 40, _hoisted_5$e)
+            }, null, 40, _hoisted_5$f)
           ], 34)
         ]),
-        __props.list && __props.modelValue.length ? (openBlock(), createElementBlock("ul", _hoisted_6$b, [
+        __props.list && __props.modelValue.length ? (openBlock(), createElementBlock("ul", _hoisted_6$c, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (file, index) => {
             return openBlock(), createElementBlock("li", {
               key: fileKey(file, index),
@@ -3296,15 +3347,15 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _hoisted_3$j = ["onClick", "onMouseenter"];
+const _hoisted_4$i = { key: 1 };
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDropdownMenu" },
   __name: "TaoDropdownMenu",
   props: {
@@ -3441,12 +3492,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           "aria-label": _ctx.$slots.button ? void 0 : __props.menuLabel,
           onClick: toggleMenu
         }, [
-          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_2$m, [
+          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_2$o, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               _cache[0] || (_cache[0] = createTextVNode("⋮", -1))
             ], true)
           ]))
-        ], 8, _hoisted_1$p),
+        ], 8, _hoisted_1$r),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           isOpen.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -3471,8 +3522,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                   id: action.id,
                   ico: action.ico,
                   text: action.name
-                }, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_4$h, toDisplayString(action.name), 1))
-              ], 42, _hoisted_3$i);
+                }, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_4$i, toDisplayString(action.name), 1))
+              ], 42, _hoisted_3$j);
             }), 128))
           ], 36)) : createCommentVNode("", true)
         ]))
@@ -3480,10 +3531,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-cbfa7294"]]);
+const _hoisted_1$q = ["aria-invalid", "aria-describedby"];
+const _hoisted_2$n = ["id", "value", "placeholder", "type", "inputmode", "pattern", "maxlength", "onInput", "onPaste", "onKeydown", "onFocus"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPinCode" },
   __name: "TaoPinCode",
   props: {
@@ -3692,14 +3743,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             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__ */ defineComponent({
+const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-44474500"]]);
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoLink" },
   __name: "TaoLink",
   props: {
@@ -3741,8 +3792,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["for"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = ["for"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFormField" },
   __name: "TaoFormField",
   props: {
@@ -3792,7 +3843,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           class: "tao-form-field__label",
           for: unref(id),
           onClick: onLabelClick
-        }, toDisplayString(__props.label), 9, _hoisted_1$n)) : createCommentVNode("", true),
+        }, toDisplayString(__props.label), 9, _hoisted_1$p)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         __props.error ? (openBlock(), createElementBlock("p", {
           key: 1,
@@ -3807,12 +3858,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-edd0be31"]]);
+const _hoisted_1$o = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+const _hoisted_2$m = { class: "tao-select__value" };
+const _hoisted_3$i = ["aria-activedescendant"];
+const _hoisted_4$h = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSelect" },
   __name: "TaoSelect",
   props: {
@@ -4030,14 +4081,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           onClick: toggle,
           onKeydown: onTriggerKeydown
         }, [
-          createElementVNode("span", _hoisted_2$k, toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+          createElementVNode("span", _hoisted_2$m, toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
           createElementVNode("span", {
             class: normalizeClass(["tao-select__chevron", { "tao-select__chevron--custom": _ctx.$slots.chevron }]),
             "aria-hidden": "true"
           }, [
             renderSlot(_ctx.$slots, "chevron", {}, void 0, true)
           ], 2)
-        ], 42, _hoisted_1$m),
+        ], 42, _hoisted_1$o),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           open.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -4073,9 +4124,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   }, ["prevent"])),
                   onClick: ($event) => selectOption(option),
                   onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
-                }, toDisplayString(option.label), 43, _hoisted_4$g);
+                }, toDisplayString(option.label), 43, _hoisted_4$h);
               }), 128))
-            ], 40, _hoisted_3$h),
+            ], 40, _hoisted_3$i),
             selected.value ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -4094,14 +4145,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _hoisted_3$h = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCombobox" },
   __name: "TaoCombobox",
   props: {
@@ -4522,7 +4573,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             onFocus,
             onBlur,
             onKeydown: onInputKeydown
-          }, null, 40, _hoisted_1$l),
+          }, null, 40, _hoisted_1$n),
           createElementVNode("span", {
             class: normalizeClass(["tao-combobox__chevron", { "tao-combobox__chevron--custom": _ctx.$slots.chevron }]),
             "aria-hidden": "true"
@@ -4545,7 +4596,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               class: "tao-combobox__list",
               role: "listbox"
             }, [
-              !rows.value.length ? (openBlock(), createElementBlock("li", _hoisted_2$j, [
+              !rows.value.length ? (openBlock(), createElementBlock("li", _hoisted_2$l, [
                 renderSlot(_ctx.$slots, "empty", {}, () => [
                   createTextVNode(toDisplayString(__props.emptyText), 1)
                 ], true)
@@ -4575,7 +4626,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   ], true, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createTextVNode(toDisplayString(row.option.label), 1)
                   ], 64))
-                ], 42, _hoisted_3$g);
+                ], 42, _hoisted_3$h);
               }), 128))
             ], 512),
             selected.value ? (openBlock(), createElementBlock("button", {
@@ -4595,7 +4646,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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")}`;
@@ -4738,15 +4789,15 @@ function buildTaoDateGrid(year, month) {
     };
   });
 }
-const _hoisted_1$k = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-const _hoisted_2$i = { class: "tao-date__value" };
-const _hoisted_3$f = {
+const _hoisted_1$m = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+const _hoisted_2$k = { class: "tao-date__value" };
+const _hoisted_3$g = {
   class: "tao-date__icon",
   "aria-hidden": "true"
 };
-const _hoisted_4$f = ["aria-label"];
-const _hoisted_5$d = { class: "tao-date__header" };
-const _hoisted_6$a = ["aria-label"];
+const _hoisted_4$g = ["aria-label"];
+const _hoisted_5$e = { class: "tao-date__header" };
+const _hoisted_6$b = ["aria-label"];
 const _hoisted_7$9 = { "aria-hidden": "true" };
 const _hoisted_8$8 = { class: "tao-date__month" };
 const _hoisted_9$3 = ["aria-label"];
@@ -4762,7 +4813,7 @@ const _hoisted_12$1 = {
 const _hoisted_13$1 = ["aria-label", "aria-selected", "disabled", "onClick"];
 const _hoisted_14$1 = { class: "tao-date__footer" };
 const _hoisted_15 = ["disabled"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDate" },
   __name: "TaoDate",
   props: {
@@ -4991,8 +5042,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           onClick: toggle,
           onKeydown: onTriggerKeydown
         }, [
-          createElementVNode("span", _hoisted_2$i, toDisplayString(displayLabel.value || __props.placeholder), 1),
-          createElementVNode("span", _hoisted_3$f, [
+          createElementVNode("span", _hoisted_2$k, toDisplayString(displayLabel.value || __props.placeholder), 1),
+          createElementVNode("span", _hoisted_3$g, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               _cache[4] || (_cache[4] = createElementVNode("svg", {
                 viewBox: "0 0 16 16",
@@ -5020,7 +5071,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               ], -1))
             ], true)
           ])
-        ], 42, _hoisted_1$k),
+        ], 42, _hoisted_1$m),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           open.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -5034,7 +5085,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(panelStyle.value),
             onKeydown: onPanelKeydown
           }, [
-            createElementVNode("div", _hoisted_5$d, [
+            createElementVNode("div", _hoisted_5$e, [
               createElementVNode("button", {
                 type: "button",
                 class: "tao-date__nav",
@@ -5060,7 +5111,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     ], -1))
                   ], true)
                 ])
-              ], 8, _hoisted_6$a),
+              ], 8, _hoisted_6$b),
               createElementVNode("p", _hoisted_8$8, toDisplayString(monthLabel.value), 1),
               createElementVNode("button", {
                 type: "button",
@@ -5138,22 +5189,22 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 ], true)
               ])) : createCommentVNode("", true)
             ])
-          ], 44, _hoisted_4$f)) : createCommentVNode("", true)
+          ], 44, _hoisted_4$g)) : createCommentVNode("", true)
         ]))
       ], 2);
     };
   }
 });
-const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-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"];
@@ -5165,7 +5216,7 @@ const _hoisted_11$1 = {
 const _hoisted_12 = ["aria-label", "aria-selected", "disabled", "onMouseenter", "onClick"];
 const _hoisted_13 = { class: "tao-date__footer" };
 const _hoisted_14 = ["disabled"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDateRange" },
   __name: "TaoDateRange",
   props: {
@@ -5448,8 +5499,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           onClick: toggle,
           onKeydown: onTriggerKeydown
         }, [
-          createElementVNode("span", _hoisted_2$h, toDisplayString(displayLabel.value || __props.placeholder), 1),
-          createElementVNode("span", _hoisted_3$e, [
+          createElementVNode("span", _hoisted_2$j, toDisplayString(displayLabel.value || __props.placeholder), 1),
+          createElementVNode("span", _hoisted_3$f, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               _cache[3] || (_cache[3] = createElementVNode("svg", {
                 viewBox: "0 0 16 16",
@@ -5477,7 +5528,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               ], -1))
             ], true)
           ])
-        ], 42, _hoisted_1$j),
+        ], 42, _hoisted_1$l),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           open.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -5491,7 +5542,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(panelStyle.value),
             onKeydown: onPanelKeydown
           }, [
-            createElementVNode("div", _hoisted_5$c, [
+            createElementVNode("div", _hoisted_5$d, [
               createElementVNode("button", {
                 type: "button",
                 class: "tao-date__nav",
@@ -5517,7 +5568,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     ], -1))
                   ], true)
                 ])
-              ], 8, _hoisted_6$9),
+              ], 8, _hoisted_6$a),
               createElementVNode("p", _hoisted_8$7, toDisplayString(monthLabel.value), 1),
               createElementVNode("button", {
                 type: "button",
@@ -5604,24 +5655,24 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ], true)
               ])) : createCommentVNode("", true)
             ])
-          ], 44, _hoisted_4$e)) : createCommentVNode("", true)
+          ], 44, _hoisted_4$f)) : createCommentVNode("", true)
         ]))
       ], 2);
     };
   }
 });
-const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-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__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSwitch" },
   __name: "TaoSwitch",
   props: {
@@ -5662,33 +5713,33 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           "aria-invalid": invalid.value || void 0,
           "aria-describedby": describedBy.value,
           onChange: toggle
-        }, null, 40, _hoisted_2$g),
+        }, null, 40, _hoisted_2$i),
         _cache[0] || (_cache[0] = createElementVNode("span", {
           class: "tao-switch__track",
           "aria-hidden": "true"
         }, [
           createElementVNode("span", { class: "tao-switch__thumb" })
         ], -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$d, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$e, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$k);
     };
   }
 });
-const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-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__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoRadio" },
   __name: "TaoRadio",
   props: {
@@ -5741,25 +5792,25 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           "aria-invalid": !unref(group) && invalid.value || void 0,
           "aria-describedby": describedBy.value,
           onChange
-        }, null, 40, _hoisted_2$f),
+        }, null, 40, _hoisted_2$h),
         _cache[0] || (_cache[0] = createElementVNode("span", {
           class: "tao-radio__dot",
           "aria-hidden": "true"
         }, null, -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$c, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$d, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]))
-      ], 10, _hoisted_1$h);
+      ], 10, _hoisted_1$j);
     };
   }
 });
-const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-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__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoRadioGroup" },
   __name: "TaoRadioGroup",
   props: {
@@ -5801,20 +5852,20 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         "aria-invalid": invalid.value || void 0,
         "aria-labelledby": labelledBy.value
       }, [
-        __props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$e, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
+        __props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$g, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$i);
     };
   }
 });
-const TaoRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-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__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSegmented" },
   __name: "TaoSegmented",
   props: {
@@ -5925,7 +5976,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         "aria-labelledby": __props.legend ? void 0 : unref(field) ? `${unref(field).id}-label` : void 0,
         id: (_a = unref(field)) == null ? void 0 : _a.id
       }, [
-        __props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$d, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
+        __props.legend ? (openBlock(), createElementBlock("legend", _hoisted_2$f, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
         createElementVNode("div", {
           ref_key: "trackRef",
           ref: trackRef,
@@ -5938,24 +5989,24 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, null, 4),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 512)
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$h);
     };
   }
 });
-const TaoSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-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"
 };
@@ -5963,7 +6014,7 @@ const _hoisted_7$7 = {
   key: 3,
   class: "tao-segmented-option__count"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSegmentedOption" },
   __name: "TaoSegmentedOption",
   props: {
@@ -6037,38 +6088,38 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           disabled: isDisabled.value,
           "aria-label": __props.ariaLabel,
           onChange
-        }, null, 40, _hoisted_2$c),
-        createElementVNode("span", _hoisted_3$b, [
-          __props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
+        }, null, 40, _hoisted_2$e),
+        createElementVNode("span", _hoisted_3$c, [
+          __props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$c, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               createTextVNode(toDisplayString(__props.icon), 1)
             ], true)
           ])) : createCommentVNode("", true),
-          hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_5$b, [
+          hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_5$c, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(__props.label), 1)
             ], true)
-          ])) : __props.ariaLabel ? (openBlock(), createElementBlock("span", _hoisted_6$8, toDisplayString(__props.ariaLabel), 1)) : createCommentVNode("", true),
+          ])) : __props.ariaLabel ? (openBlock(), createElementBlock("span", _hoisted_6$9, toDisplayString(__props.ariaLabel), 1)) : createCommentVNode("", true),
           countLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7$7, toDisplayString(countLabel.value), 1)) : createCommentVNode("", true)
         ])
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$g);
     };
   }
 });
-const TaoSegmentedOption = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1a9357a1"]]);
-const _hoisted_1$d = ["role", "aria-live"];
-const _hoisted_2$b = { class: "tao-alert__body" };
-const _hoisted_3$a = {
+const TaoSegmentedOption = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-1a9357a1"]]);
+const _hoisted_1$f = ["role", "aria-live"];
+const _hoisted_2$d = { class: "tao-alert__body" };
+const _hoisted_3$b = {
   key: 0,
   class: "tao-alert__title"
 };
-const _hoisted_4$a = {
+const _hoisted_4$b = {
   key: 1,
   class: "tao-alert__message"
 };
-const _hoisted_5$a = ["aria-label"];
-const _hoisted_6$7 = { "aria-hidden": "true" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_5$b = ["aria-label"];
+const _hoisted_6$8 = { "aria-hidden": "true" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoAlert" },
   __name: "TaoAlert",
   props: {
@@ -6089,9 +6140,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         role: tone.value === "error" ? "alert" : "status",
         "aria-live": live.value
       }, [
-        createElementVNode("div", _hoisted_2$b, [
-          __props.title ? (openBlock(), createElementBlock("strong", _hoisted_3$a, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$a, [
+        createElementVNode("div", _hoisted_2$d, [
+          __props.title ? (openBlock(), createElementBlock("strong", _hoisted_3$b, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$b, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ]),
@@ -6102,30 +6153,30 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           "aria-label": __props.closeLabel,
           onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
         }, [
-          createElementVNode("span", _hoisted_6$7, [
+          createElementVNode("span", _hoisted_6$8, [
             renderSlot(_ctx.$slots, "close-icon", {}, () => [
               _cache[1] || (_cache[1] = createTextVNode("×", -1))
             ], true)
           ])
-        ], 8, _hoisted_5$a)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$d);
+        ], 8, _hoisted_5$b)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$f);
     };
   }
 });
-const TaoAlert = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1a1dbef3"]]);
-const _hoisted_1$c = { key: 0 };
-const _hoisted_2$a = ["aria-sort"];
-const _hoisted_3$9 = ["onClick"];
-const _hoisted_4$9 = { key: 1 };
-const _hoisted_5$9 = { key: 0 };
-const _hoisted_6$6 = ["colspan"];
+const TaoAlert = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1a1dbef3"]]);
+const _hoisted_1$e = { key: 0 };
+const _hoisted_2$c = ["aria-sort"];
+const _hoisted_3$a = ["onClick"];
+const _hoisted_4$a = { key: 1 };
+const _hoisted_5$a = { key: 0 };
+const _hoisted_6$7 = ["colspan"];
 const _hoisted_7$6 = ["onClick"];
 const _hoisted_8$6 = {
   key: 0,
   class: "tao-table__loading",
   "aria-busy": "true"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTable" },
   __name: "TaoTable",
   props: {
@@ -6206,7 +6257,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             "tao-table--sticky": __props.sticky
           }])
         }, [
-          __props.caption ? (openBlock(), createElementBlock("caption", _hoisted_1$c, toDisplayString(__props.caption), 1)) : createCommentVNode("", true),
+          __props.caption ? (openBlock(), createElementBlock("caption", _hoisted_1$e, toDisplayString(__props.caption), 1)) : createCommentVNode("", true),
           createElementVNode("thead", null, [
             createElementVNode("tr", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
@@ -6230,13 +6281,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       }]),
                       "aria-hidden": "true"
                     }, null, 2)
-                  ], 8, _hoisted_3$9)) : (openBlock(), createElementBlock("span", _hoisted_4$9, toDisplayString(column.label), 1))
-                ], 12, _hoisted_2$a);
+                  ], 8, _hoisted_3$a)) : (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(column.label), 1))
+                ], 12, _hoisted_2$c);
               }), 128))
             ])
           ]),
           createElementVNode("tbody", null, [
-            isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_5$9, [
+            isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_5$a, [
               createElementVNode("td", {
                 class: "tao-table__empty",
                 colspan: colCount.value
@@ -6244,7 +6295,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "empty", {}, () => [
                   createTextVNode(toDisplayString(__props.emptyText), 1)
                 ], true)
-              ], 8, _hoisted_6$6)
+              ], 8, _hoisted_6$7)
             ])) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, index) => {
               return openBlock(), createElementBlock("tr", {
@@ -6286,7 +6337,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTable = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-5ce586b8"]]);
+const TaoTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5ce586b8"]]);
 function buildPaginationItems(page, pageCount, siblingCount = 1) {
   if (pageCount <= 0) {
     return [];
@@ -6311,15 +6362,15 @@ function buildPaginationItems(page, pageCount, siblingCount = 1) {
   items.push({ type: "page", page: pageCount });
   return items;
 }
-const _hoisted_1$b = ["aria-label"];
-const _hoisted_2$9 = {
+const _hoisted_1$d = ["aria-label"];
+const _hoisted_2$b = {
   key: 0,
   class: "tao-pagination__total"
 };
-const _hoisted_3$8 = { class: "tao-pagination__pages" };
-const _hoisted_4$8 = ["aria-label", "disabled"];
-const _hoisted_5$8 = { "aria-hidden": "true" };
-const _hoisted_6$5 = ["aria-label", "disabled", "onClick"];
+const _hoisted_3$9 = { class: "tao-pagination__pages" };
+const _hoisted_4$9 = ["aria-label", "disabled"];
+const _hoisted_5$9 = { "aria-hidden": "true" };
+const _hoisted_6$6 = ["aria-label", "disabled", "onClick"];
 const _hoisted_7$5 = {
   key: 1,
   class: "tao-pagination__ellipsis",
@@ -6328,7 +6379,7 @@ const _hoisted_7$5 = {
 const _hoisted_8$5 = ["aria-current", "aria-label", "disabled", "onClick"];
 const _hoisted_9$1 = ["aria-label", "disabled"];
 const _hoisted_10$1 = { "aria-hidden": "true" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPagination" },
   __name: "TaoPagination",
   props: {
@@ -6381,7 +6432,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["tao-pagination", `tao-pagination--${__props.size}`]),
         "aria-label": __props.ariaLabel
       }, [
-        __props.showTotal ? (openBlock(), createElementBlock("p", _hoisted_2$9, [
+        __props.showTotal ? (openBlock(), createElementBlock("p", _hoisted_2$b, [
           renderSlot(_ctx.$slots, "total", {
             from: from.value,
             to: to.value,
@@ -6394,7 +6445,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ], 64))
           ], true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$8, [
+        createElementVNode("div", _hoisted_3$9, [
           createElementVNode("button", {
             type: "button",
             class: "tao-pagination__btn",
@@ -6402,12 +6453,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled || current.value <= 1,
             onClick: _cache[0] || (_cache[0] = ($event) => goTo(current.value - 1))
           }, [
-            createElementVNode("span", _hoisted_5$8, [
+            createElementVNode("span", _hoisted_5$9, [
               renderSlot(_ctx.$slots, "prev-icon", {}, () => [
                 _cache[2] || (_cache[2] = createTextVNode("‹", -1))
               ], true)
             ])
-          ], 8, _hoisted_4$8),
+          ], 8, _hoisted_4$9),
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
             return openBlock(), createElementBlock(Fragment, {
               key: item.type === "page" ? item.page : item.id
@@ -6419,7 +6470,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 "aria-label": item.id === "left" ? __props.jumpPrevLabel.replace("{n}", String(__props.jump)) : __props.jumpNextLabel.replace("{n}", String(__props.jump)),
                 disabled: __props.disabled,
                 onClick: ($event) => goTo(item.id === "left" ? current.value - __props.jump : current.value + __props.jump)
-              }, " … ", 8, _hoisted_6$5)) : item.type === "ellipsis" ? (openBlock(), createElementBlock("span", _hoisted_7$5, "…")) : (openBlock(), createElementBlock("button", {
+              }, " … ", 8, _hoisted_6$6)) : item.type === "ellipsis" ? (openBlock(), createElementBlock("span", _hoisted_7$5, "…")) : (openBlock(), createElementBlock("button", {
                 key: 2,
                 type: "button",
                 class: normalizeClass(["tao-pagination__btn", { "tao-pagination__btn--current": item.page === current.value }]),
@@ -6444,29 +6495,29 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ])
           ], 8, _hoisted_9$1)
         ])
-      ], 10, _hoisted_1$b);
+      ], 10, _hoisted_1$d);
     };
   }
 });
-const TaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-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__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoEmpty" },
   __name: "TaoEmpty",
   props: {
@@ -6474,22 +6525,189 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
           renderSlot(_ctx.$slots, "icon", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        __props.title ? (openBlock(), createElementBlock("p", _hoisted_3$7, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$7, [
+        __props.title ? (openBlock(), createElementBlock("p", _hoisted_3$8, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$8, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
           renderSlot(_ctx.$slots, "action", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TaoEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-8056884d"]]);
+const TaoEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-8056884d"]]);
+const taoListKey = Symbol("taoList");
+const _hoisted_1$b = ["aria-label"];
+const _hoisted_2$9 = {
+  key: 0,
+  class: "tao-list__empty"
+};
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoList" },
+  __name: "TaoList",
+  props: {
+    size: { default: "medium" },
+    bordered: { type: Boolean, default: true },
+    divided: { type: Boolean, default: true },
+    maxHeight: {},
+    empty: { type: Boolean, default: false },
+    ariaLabel: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const size = computed(() => props.size);
+    provide(taoListKey, { size });
+    const listStyle = computed(() => {
+      if (props.maxHeight === void 0 || props.maxHeight === "") {
+        return void 0;
+      }
+      const value = typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight;
+      return { maxHeight: value };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        class: normalizeClass(["tao-list", [
+          `tao-list--${size.value}`,
+          {
+            "tao-list--bordered": __props.bordered,
+            "tao-list--divided": __props.divided,
+            "tao-list--plain": !__props.bordered,
+            "tao-list--empty": __props.empty,
+            "tao-list--scroll": Boolean(__props.maxHeight)
+          }
+        ]]),
+        style: normalizeStyle(listStyle.value),
+        "aria-label": __props.ariaLabel || void 0
+      }, [
+        __props.empty ? (openBlock(), createElementBlock("li", _hoisted_2$9, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            _cache[0] || (_cache[0] = createTextVNode("Ничего нет", -1))
+          ], true)
+        ])) : renderSlot(_ctx.$slots, "default", {}, void 0, true, 1)
+      ], 14, _hoisted_1$b);
+    };
+  }
+});
+const TaoList = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-798c83a3"]]);
+const _hoisted_1$a = ["aria-current", "aria-disabled"];
+const _hoisted_2$8 = {
+  key: 0,
+  class: "tao-list-item__prefix"
+};
+const _hoisted_3$7 = { class: "tao-list-item__text" };
+const _hoisted_4$7 = { class: "tao-list-item__title" };
+const _hoisted_5$7 = {
+  key: 0,
+  class: "tao-list-item__description"
+};
+const _hoisted_6$5 = {
+  key: 1,
+  class: "tao-list-item__suffix"
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoListItem" },
+  __name: "TaoListItem",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    selected: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    active: { type: Boolean, default: false },
+    clickable: { type: Boolean, default: false },
+    size: {},
+    actionAlways: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const list = inject(taoListKey, null);
+    const sizeClass = computed(() => {
+      const size = props.size ?? (list == null ? void 0 : list.size.value) ?? "medium";
+      if (size === "small") {
+        return "s";
+      }
+      if (size === "large") {
+        return "l";
+      }
+      return "m";
+    });
+    const hasAction = computed(() => Boolean(slots.action));
+    const hasPrefix = computed(() => Boolean(slots.prefix));
+    const hasSuffix = computed(() => Boolean(slots.suffix));
+    const hasDescription = computed(() => Boolean(props.description || slots.description));
+    function onHitClick(event) {
+      if (props.disabled || !props.clickable) {
+        return;
+      }
+      emit("click", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass(["tao-list-item", [
+          `tao-list-item--${sizeClass.value}`,
+          {
+            "tao-list-item--selected": __props.selected,
+            "tao-list-item--disabled": __props.disabled,
+            "tao-list-item--active": __props.active,
+            "tao-list-item--clickable": __props.clickable,
+            "tao-list-item--has-action": hasAction.value,
+            "tao-list-item--action-always": __props.actionAlways
+          }
+        ]]),
+        "aria-current": !__props.clickable && __props.selected ? "true" : void 0,
+        "aria-disabled": __props.disabled || void 0
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(__props.clickable ? "button" : "div"), {
+          class: "tao-list-item__hit",
+          type: __props.clickable ? "button" : void 0,
+          disabled: __props.clickable ? __props.disabled : void 0,
+          "aria-current": __props.clickable && __props.selected ? "true" : void 0,
+          onClick: onHitClick
+        }, {
+          default: withCtx(() => [
+            hasPrefix.value ? (openBlock(), createElementBlock("span", _hoisted_2$8, [
+              renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("span", _hoisted_3$7, [
+              createElementVNode("span", _hoisted_4$7, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  createTextVNode(toDisplayString(__props.title), 1)
+                ], true)
+              ]),
+              hasDescription.value ? (openBlock(), createElementBlock("span", _hoisted_5$7, [
+                renderSlot(_ctx.$slots, "description", {}, () => [
+                  createTextVNode(toDisplayString(__props.description), 1)
+                ], true)
+              ])) : createCommentVNode("", true)
+            ]),
+            hasSuffix.value ? (openBlock(), createElementBlock("span", _hoisted_6$5, [
+              renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["type", "disabled", "aria-current"])),
+        hasAction.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "tao-list-item__action",
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"])),
+          onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          renderSlot(_ctx.$slots, "action", {}, void 0, true)
+        ], 32)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$a);
+    };
+  }
+});
+const TaoListItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-878b7727"]]);
 const _hoisted_1$9 = {
   class: "tao-skeleton-group",
   "aria-hidden": true
@@ -6841,7 +7059,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               class: "tao-breadcrumb__item"
             }, [
               index > 0 ? (openBlock(), createElementBlock("span", _hoisted_3$4, "/")) : createCommentVNode("", true),
-              index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(item.label), 1)) : item.to ? (openBlock(), createBlock(_sfc_main$o, {
+              index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(item.label), 1)) : item.to ? (openBlock(), createBlock(_sfc_main$q, {
                 key: 2,
                 class: "tao-breadcrumb__link",
                 to: item.to
@@ -8510,8 +8728,10 @@ const components = [
   TaoSpoilerGroup,
   TaoCopy,
   TaoContainer,
-  _sfc_main$G,
+  _sfc_main$K,
   TaoSpace,
+  TaoGrid,
+  TaoGridItem,
   TaoSplit,
   TaoIcon,
   TaoLoader,
@@ -8528,7 +8748,7 @@ const components = [
   TaoFileDrop,
   TaoDropdownMenu,
   TaoPinCode,
-  _sfc_main$o,
+  _sfc_main$q,
   TaoFormField,
   TaoSelect,
   TaoCombobox,
@@ -8543,6 +8763,8 @@ const components = [
   TaoTable,
   TaoPagination,
   TaoEmpty,
+  TaoList,
+  TaoListItem,
   TaoSkeleton,
   TaoDrawer,
   TaoAvatar,
@@ -8583,14 +8805,18 @@ export {
   TaoEmpty,
   TaoFieldset,
   TaoFileDrop,
-  _sfc_main$G as TaoFlex,
+  _sfc_main$K as TaoFlex,
   TaoFormField,
+  TaoGrid,
+  TaoGridItem,
   TaoIcon,
   TaoImage,
   TaoInput,
   TaoInputGroup,
   TaoInputNumber,
-  _sfc_main$o as TaoLink,
+  _sfc_main$q as TaoLink,
+  TaoList,
+  TaoListItem,
   TaoLoader,
   TaoModal,
   TaoPagination,