@1337exp/taoui 1.3.5 → 1.5.0

package/dist/index.cjs

@@ -2,23 +2,24 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.TaoUI = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";
-  const _hoisted_1$J = ["type", "disabled"];
-  const _hoisted_2$C = {
+  const _hoisted_1$M = ["type", "disabled"];
+  const _hoisted_2$F = {
     key: 0,
     class: "tao-button__loader"
   };
-  const _hoisted_3$w = {
+  const _hoisted_3$y = {
     key: 1,
     class: "tao-button__icon"
   };
-  const _hoisted_4$q = { class: "tao-button__content" };
-  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$r = { class: "tao-button__content" };
+  const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoButton" },
     __name: "TaoButton",
     props: {
       type: { default: "button" },
       size: { default: "medium" },
       variant: { default: "primary" },
+      tone: { default: "" },
       disabled: { type: Boolean, default: false },
       loading: { type: Boolean, default: false },
       block: { type: Boolean, default: false },
@@ -42,19 +43,20 @@
               "tao-button--disabled": __props.disabled,
               "tao-button--loading": __props.loading,
               "tao-button--block": __props.block,
-              "tao-button--icon": !!__props.icon
+              "tao-button--icon": !!__props.icon,
+              [`tao-button--tone-${__props.tone}`]: !!__props.tone
             }
           ]]),
           type: __props.type,
           disabled: __props.disabled || __props.loading,
           onClick: handleClick
         }, [
-          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$C)) : vue.createCommentVNode("", true),
-          __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_4$q, [
+          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F)) : vue.createCommentVNode("", true),
+          __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$y, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_4$r, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
-        ], 10, _hoisted_1$J);
+        ], 10, _hoisted_1$M);
       };
     }
   });
@@ -65,8 +67,8 @@
     }
     return target;
   };
-  const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-085cd74d"]]);
-  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+  const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-c3034f66"]]);
+  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoBlock" },
     __name: "TaoBlock",
     props: {
@@ -98,24 +100,24 @@
       };
     }
   });
-  const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-feb87e36"]]);
+  const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-feb87e36"]]);
   const formFieldKey = Symbol("taoFormField");
-  const _hoisted_1$I = { class: "tao-input-wrapper" };
-  const _hoisted_2$B = ["for"];
-  const _hoisted_3$v = {
+  const _hoisted_1$L = { class: "tao-input-wrapper" };
+  const _hoisted_2$E = ["for"];
+  const _hoisted_3$x = {
     key: 0,
     class: "tao-input__affix tao-input__affix--prefix"
   };
-  const _hoisted_4$p = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
-  const _hoisted_5$h = {
+  const _hoisted_4$q = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
+  const _hoisted_5$i = {
     key: 1,
     class: "tao-input__affix tao-input__affix--suffix"
   };
-  const _hoisted_6$d = {
+  const _hoisted_6$e = {
     key: 1,
     class: "tao-input__error"
   };
-  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInput" },
     __name: "TaoInput",
     props: {
@@ -151,12 +153,12 @@
         emit("focus", event);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
           __props.label && !vue.unref(field) ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             class: "tao-input__label",
             for: controlId.value
-          }, vue.toDisplayString(__props.label), 9, _hoisted_2$B)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(__props.label), 9, _hoisted_2$E)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["tao-input-shell", {
               "tao-input-shell--focused": focused.value,
@@ -166,7 +168,7 @@
               "tao-input-shell--suffix": _ctx.$slots.suffix
             }])
           }, [
-            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, [
+            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$x, [
               vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             vue.createElementVNode("input", {
@@ -181,27 +183,27 @@
               onInput: handleInput,
               onBlur: handleBlur,
               onFocus: handleFocus
-            }, null, 42, _hoisted_4$p),
-            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$h, [
+            }, null, 42, _hoisted_4$q),
+            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$i, [
               vue.renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 2),
-          __props.error && __props.errorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$d, vue.toDisplayString(__props.errorMessage), 1)) : vue.createCommentVNode("", true)
+          __props.error && __props.errorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$e, vue.toDisplayString(__props.errorMessage), 1)) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-b522e041"]]);
-  const _hoisted_1$H = {
+  const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-b522e041"]]);
+  const _hoisted_1$K = {
     key: 0,
     class: "tao-input-group__addon tao-input-group__addon--before"
   };
-  const _hoisted_2$A = { class: "tao-input-group__field" };
-  const _hoisted_3$u = {
+  const _hoisted_2$D = { class: "tao-input-group__field" };
+  const _hoisted_3$w = {
     key: 1,
     class: "tao-input-group__addon tao-input-group__addon--after"
   };
-  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInputGroup" },
     __name: "TaoInputGroup",
     setup(__props) {
@@ -223,28 +225,28 @@
           onFocusin: onFocusIn,
           onFocusout: onFocusOut
         }, [
-          _ctx.$slots.before ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+          _ctx.$slots.before ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
             vue.renderSlot(_ctx.$slots, "before", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$A, [
+          vue.createElementVNode("div", _hoisted_2$D, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
-          _ctx.$slots.after ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
+          _ctx.$slots.after ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, [
             vue.renderSlot(_ctx.$slots, "after", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ], 34);
       };
     }
   });
-  const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-f06bb3b1"]]);
-  const _hoisted_1$G = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
-  const _hoisted_2$z = {
+  const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-f06bb3b1"]]);
+  const _hoisted_1$J = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+  const _hoisted_2$C = {
     key: 0,
     class: "tao-input-number__steppers"
   };
-  const _hoisted_3$t = ["disabled"];
-  const _hoisted_4$o = ["disabled"];
-  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$v = ["disabled"];
+  const _hoisted_4$p = ["disabled"];
+  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInputNumber" },
     __name: "TaoInputNumber",
     props: {
@@ -393,8 +395,8 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 40, _hoisted_1$G),
-          __props.controls ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+          }, null, 40, _hoisted_1$J),
+          __props.controls ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, [
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-input-number__step",
@@ -402,7 +404,7 @@
               tabindex: "-1",
               disabled: __props.disabled || atMax.value,
               onClick: _cache[0] || (_cache[0] = ($event) => bump(1))
-            }, " + ", 8, _hoisted_3$t),
+            }, " + ", 8, _hoisted_3$v),
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-input-number__step",
@@ -410,17 +412,17 @@
               tabindex: "-1",
               disabled: __props.disabled || atMin.value,
               onClick: _cache[1] || (_cache[1] = ($event) => bump(-1))
-            }, " − ", 8, _hoisted_4$o)
+            }, " − ", 8, _hoisted_4$p)
           ])) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-55b65a4d"]]);
-  const _hoisted_1$F = ["aria-label", "disabled"];
-  const _hoisted_2$y = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
-  const _hoisted_3$s = ["disabled"];
-  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+  const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-55b65a4d"]]);
+  const _hoisted_1$I = ["aria-label", "disabled"];
+  const _hoisted_2$B = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+  const _hoisted_3$u = ["disabled"];
+  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoQuantity" },
     __name: "TaoQuantity",
     props: {
@@ -553,7 +555,7 @@
             "aria-label": minusLabel.value,
             disabled: minusDisabled.value,
             onClick: onDec
-          }, " − ", 8, _hoisted_1$F),
+          }, " − ", 8, _hoisted_1$I),
           vue.createElementVNode("input", {
             id: controlId.value,
             class: "tao-quantity__input",
@@ -573,41 +575,41 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 40, _hoisted_2$y),
+          }, null, 40, _hoisted_2$B),
           vue.createElementVNode("button", {
             type: "button",
             class: "tao-quantity__btn tao-quantity__btn--inc",
             "aria-label": "Увеличить",
             disabled: plusDisabled.value,
             onClick: onInc
-          }, " + ", 8, _hoisted_3$s)
+          }, " + ", 8, _hoisted_3$u)
         ], 2);
       };
     }
   });
-  const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-df6baf04"]]);
-  const _hoisted_1$E = {
+  const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-df6baf04"]]);
+  const _hoisted_1$H = {
     key: 0,
     class: "tao-card__cover"
   };
-  const _hoisted_2$x = {
+  const _hoisted_2$A = {
     key: 0,
     class: "tao-card__header-title"
   };
-  const _hoisted_3$r = { key: 0 };
-  const _hoisted_4$n = {
+  const _hoisted_3$t = { key: 0 };
+  const _hoisted_4$o = {
     key: 2,
     class: "tao-card__title-block"
   };
-  const _hoisted_5$g = {
+  const _hoisted_5$h = {
     key: 0,
     class: "tao-card__title"
   };
-  const _hoisted_6$c = {
+  const _hoisted_6$d = {
     key: 1,
     class: "tao-card__sub"
   };
-  const _hoisted_7$8 = {
+  const _hoisted_7$9 = {
     key: 3,
     class: "tao-card__body"
   };
@@ -615,7 +617,7 @@
     key: 4,
     class: "tao-card__footer"
   };
-  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCard" },
     __name: "TaoCard",
     props: {
@@ -647,14 +649,14 @@
           }]),
           style: vue.normalizeStyle(radiusStyle.value)
         }, [
-          _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+          _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
             vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: "tao-card__content",
             style: vue.normalizeStyle(paddingStyle.value)
           }, [
-            _ctx.$slots.headerTitle ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$x, [
+            _ctx.$slots.headerTitle ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$A, [
               vue.renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             _ctx.$slots.header || _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -664,19 +666,19 @@
               vue.createElementVNode("span", null, [
                 vue.renderSlot(_ctx.$slots, "header", {}, void 0, true)
               ]),
-              _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$r, [
+              _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$t, [
                 vue.renderSlot(_ctx.$slots, "headerSecondary", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ], 2)) : vue.createCommentVNode("", true),
-            _ctx.$slots.title || _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
-              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$g, [
+            _ctx.$slots.title || _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o, [
+              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$h, [
                 vue.renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ])) : vue.createCommentVNode("", true),
-              _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$c, [
+              _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$d, [
                 vue.renderSlot(_ctx.$slots, "sub", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$8, [
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$7, [
@@ -687,7 +689,7 @@
       };
     }
   });
-  const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-2ff3d055"]]);
+  const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__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(
@@ -716,19 +718,19 @@
       first.focus();
     }
   }
-  const _hoisted_1$D = ["aria-labelledby"];
-  const _hoisted_2$w = {
+  const _hoisted_1$G = ["aria-labelledby"];
+  const _hoisted_2$z = {
     key: 0,
     class: "tao-modal__header"
   };
-  const _hoisted_3$q = ["id"];
-  const _hoisted_4$m = { key: 1 };
-  const _hoisted_5$f = { class: "tao-modal__content" };
-  const _hoisted_6$b = {
+  const _hoisted_3$s = ["id"];
+  const _hoisted_4$n = { key: 1 };
+  const _hoisted_5$g = { class: "tao-modal__content" };
+  const _hoisted_6$c = {
     key: 1,
     class: "tao-modal__footer"
   };
-  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoModal" },
     __name: "TaoModal",
     props: {
@@ -828,13 +830,13 @@
                   "aria-labelledby": __props.title ? vue.unref(titleId) : void 0,
                   tabindex: "-1"
                 }, [
-                  __props.title || _ctx.$slots.header || __props.closable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
+                  __props.title || _ctx.$slots.header || __props.closable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
                     vue.renderSlot(_ctx.$slots, "header", {}, () => [
                       __props.title ? (vue.openBlock(), vue.createElementBlock("h2", {
                         key: 0,
                         id: vue.unref(titleId),
                         class: "tao-modal__title"
-                      }, vue.toDisplayString(__props.title), 9, _hoisted_3$q)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m))
+                      }, vue.toDisplayString(__props.title), 9, _hoisted_3$s)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$n))
                     ], true),
                     __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                       key: 0,
@@ -844,13 +846,13 @@
                       onClick: close
                     }, " × ")) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", _hoisted_5$f, [
+                  vue.createElementVNode("div", _hoisted_5$g, [
                     vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                   ]),
-                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$b, [
+                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$c, [
                     vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                   ])) : vue.createCommentVNode("", true)
-                ], 8, _hoisted_1$D)
+                ], 8, _hoisted_1$G)
               ], 32)) : vue.createCommentVNode("", true)
             ]),
             _: 3
@@ -859,11 +861,11 @@
       };
     }
   });
-  const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-0cffe849"]]);
-  const _hoisted_1$C = { class: "tao-tabs" };
-  const _hoisted_2$v = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
-  const _hoisted_3$p = ["id", "aria-labelledby"];
-  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+  const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-0cffe849"]]);
+  const _hoisted_1$F = { class: "tao-tabs" };
+  const _hoisted_2$y = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
+  const _hoisted_3$r = ["id", "aria-labelledby"];
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTabs" },
     __name: "TaoTabs",
     props: {
@@ -927,7 +929,7 @@
         }
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
           vue.createElementVNode("div", {
             class: "tao-tabs__list",
             role: "tablist",
@@ -952,7 +954,7 @@
                 }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   vue.createTextVNode(vue.toDisplayString(tab.label), 1)
                 ], 64))
-              ], 8, _hoisted_2$v);
+              ], 8, _hoisted_2$y);
             }), 128))
           ], 32),
           vue.createElementVNode("div", {
@@ -962,12 +964,12 @@
             "aria-labelledby": tabId(__props.modelValue)
           }, [
             vue.renderSlot(_ctx.$slots, "default", { activeTab: __props.modelValue }, void 0, true)
-          ], 8, _hoisted_3$p)
+          ], 8, _hoisted_3$r)
         ]);
       };
     }
   });
-  const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-bf16735e"]]);
+  const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-bf16735e"]]);
   function listenFocusLoss(onLoss) {
     function onVisibilityChange() {
       if (document.hidden) {
@@ -983,7 +985,7 @@
       window.removeEventListener("pagehide", onLoss);
     };
   }
-  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTooltip" },
     __name: "TaoTooltip",
     props: {
@@ -991,41 +993,163 @@
       position: { default: "top" }
     },
     setup(__props) {
+      const props = __props;
+      const wrapperRef = vue.ref(null);
+      const tooltipRef = vue.ref(null);
       const showTooltip = vue.ref(false);
+      const placed = vue.ref(props.position);
+      const panelStyle = vue.ref({ visibility: "hidden" });
+      const arrowStyle = vue.ref({});
+      const opposite = {
+        top: "bottom",
+        bottom: "top",
+        left: "right",
+        right: "left"
+      };
       function hide() {
         showTooltip.value = false;
       }
+      function show() {
+        showTooltip.value = true;
+      }
+      function updatePosition() {
+        const trigger = wrapperRef.value;
+        const tip = tooltipRef.value;
+        if (!trigger || !tip) {
+          return;
+        }
+        const rect = trigger.getBoundingClientRect();
+        const width = tip.offsetWidth;
+        const height = tip.offsetHeight;
+        const gap = 8;
+        const pad = 8;
+        const viewW = window.innerWidth;
+        const viewH = window.innerHeight;
+        const space = {
+          bottom: viewH - rect.bottom - gap - pad,
+          top: rect.top - gap - pad,
+          right: viewW - rect.right - gap - pad,
+          left: rect.left - gap - pad
+        };
+        let side = props.position;
+        const need = side === "top" || side === "bottom" ? height : width;
+        if (space[side] < need && space[opposite[side]] > space[side]) {
+          side = opposite[side];
+        }
+        const cx = rect.left + rect.width / 2;
+        const cy = rect.top + rect.height / 2;
+        let top = 0;
+        let left = 0;
+        if (side === "bottom") {
+          top = rect.bottom + gap;
+          left = cx - width / 2;
+        } else if (side === "top") {
+          top = rect.top - height - gap;
+          left = cx - width / 2;
+        } else if (side === "right") {
+          top = cy - height / 2;
+          left = rect.right + gap;
+        } else {
+          top = cy - height / 2;
+          left = rect.left - width - gap;
+        }
+        if (left + width > viewW - pad) {
+          left = viewW - pad - width;
+        }
+        if (left < pad) {
+          left = pad;
+        }
+        if (top + height > viewH - pad) {
+          top = viewH - pad - height;
+        }
+        if (top < pad) {
+          top = pad;
+        }
+        const arrowPad = 10;
+        if (side === "top" || side === "bottom") {
+          const x = Math.min(width - arrowPad, Math.max(arrowPad, cx - left));
+          arrowStyle.value = { left: `${x}px`, top: "" };
+        } else {
+          const y = Math.min(height - arrowPad, Math.max(arrowPad, cy - top));
+          arrowStyle.value = { top: `${y}px`, left: "" };
+        }
+        placed.value = side;
+        panelStyle.value = { top: `${top}px`, left: `${left}px`, visibility: "visible" };
+      }
+      function onViewportChange() {
+        if (showTooltip.value) {
+          updatePosition();
+        }
+      }
+      vue.watch(showTooltip, async (isOpen) => {
+        if (isOpen) {
+          await vue.nextTick();
+          updatePosition();
+          requestAnimationFrame(() => updatePosition());
+          window.addEventListener("resize", onViewportChange);
+          window.addEventListener("scroll", onViewportChange, true);
+          return;
+        }
+        window.removeEventListener("resize", onViewportChange);
+        window.removeEventListener("scroll", onViewportChange, true);
+      });
+      vue.watch(
+        () => props.position,
+        () => {
+          if (showTooltip.value) {
+            updatePosition();
+          }
+        }
+      );
       let stopFocusLoss;
       vue.onMounted(() => {
         stopFocusLoss = listenFocusLoss(hide);
       });
-      vue.onBeforeUnmount(() => stopFocusLoss == null ? void 0 : stopFocusLoss());
+      vue.onBeforeUnmount(() => {
+        stopFocusLoss == null ? void 0 : stopFocusLoss();
+        window.removeEventListener("resize", onViewportChange);
+        window.removeEventListener("scroll", onViewportChange, true);
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
           class: "tao-tooltip-wrapper",
-          onMouseenter: _cache[0] || (_cache[0] = ($event) => showTooltip.value = true),
-          onMouseleave: _cache[1] || (_cache[1] = ($event) => showTooltip.value = false),
-          onFocusin: _cache[2] || (_cache[2] = ($event) => showTooltip.value = true),
-          onFocusout: _cache[3] || (_cache[3] = ($event) => showTooltip.value = false)
+          onMouseenter: show,
+          onMouseleave: hide,
+          onFocusin: show,
+          onFocusout: hide
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          vue.createVNode(vue.Transition, { name: "tao-tooltip-fade" }, {
-            default: vue.withCtx(() => [
-              showTooltip.value ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: vue.normalizeClass(["tao-tooltip", [`tao-tooltip--${__props.position}`]]),
-                role: "tooltip"
-              }, vue.toDisplayString(__props.content), 3)) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ], 32);
+          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+            vue.createVNode(vue.Transition, { name: "tao-tooltip-fade" }, {
+              default: vue.withCtx(() => [
+                showTooltip.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  ref_key: "tooltipRef",
+                  ref: tooltipRef,
+                  class: vue.normalizeClass(["tao-tooltip", `tao-tooltip--${placed.value}`]),
+                  role: "tooltip",
+                  style: vue.normalizeStyle(panelStyle.value)
+                }, [
+                  vue.createTextVNode(vue.toDisplayString(__props.content) + " ", 1),
+                  vue.createElementVNode("span", {
+                    class: "tao-tooltip__arrow",
+                    style: vue.normalizeStyle(arrowStyle.value),
+                    "aria-hidden": "true"
+                  }, null, 4)
+                ], 6)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            })
+          ]))
+        ], 544);
       };
     }
   });
-  const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-fa4a9dac"]]);
-  const _hoisted_1$B = { class: "tao-popover" };
-  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-926dfa73"]]);
+  const _hoisted_1$E = { class: "tao-popover" };
+  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoPopover" },
     __name: "TaoPopover",
     props: {
@@ -1183,7 +1307,7 @@
         window.removeEventListener("scroll", onViewportChange, true);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
           vue.createElementVNode("div", {
             ref_key: "triggerRef",
             ref: triggerRef,
@@ -1212,17 +1336,17 @@
       };
     }
   });
-  const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-e4ead301"]]);
+  const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-e4ead301"]]);
   const spoilerGroupKey = Symbol("taoSpoilerGroup");
-  const _hoisted_1$A = { class: "tao-spoiler" };
-  const _hoisted_2$u = ["aria-expanded", "aria-controls"];
-  const _hoisted_3$o = {
+  const _hoisted_1$D = { class: "tao-spoiler" };
+  const _hoisted_2$x = ["aria-expanded", "aria-controls"];
+  const _hoisted_3$q = {
     key: 0,
     class: "tao-spoiler__title"
   };
-  const _hoisted_4$l = ["id"];
-  const _hoisted_5$e = { class: "tao-spoiler__content-inner" };
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$m = ["id"];
+  const _hoisted_5$f = { class: "tao-spoiler__content-inner" };
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSpoiler" },
     __name: "TaoSpoiler",
     props: {
@@ -1277,7 +1401,7 @@
         });
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
           vue.createElementVNode("button", {
             type: "button",
             class: "tao-spoiler__header",
@@ -1288,12 +1412,12 @@
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["tao-spoiler__icon", { "tao-spoiler__icon--open": isOpen.value }])
             }, "▶", 2),
-            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, [
+            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$q, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.title), 1)
               ], true)
             ])) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$u),
+          ], 8, _hoisted_2$x),
           vue.createVNode(vue.Transition, {
             name: "tao-spoiler-slide",
             onBeforeEnter,
@@ -1307,10 +1431,10 @@
                 id: vue.unref(panelId),
                 class: "tao-spoiler__content"
               }, [
-                vue.createElementVNode("div", _hoisted_5$e, [
+                vue.createElementVNode("div", _hoisted_5$f, [
                   vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ])
-              ], 8, _hoisted_4$l)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_4$m)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -1318,9 +1442,9 @@
       };
     }
   });
-  const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ccb052cf"]]);
-  const _hoisted_1$z = { class: "tao-spoiler-group" };
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-ccb052cf"]]);
+  const _hoisted_1$C = { class: "tao-spoiler-group" };
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSpoilerGroup" },
     __name: "TaoSpoilerGroup",
     props: {
@@ -1340,15 +1464,15 @@
         setOpen
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]);
       };
     }
   });
-  const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-6b172e89"]]);
-  const _hoisted_1$y = ["aria-label"];
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-6b172e89"]]);
+  const _hoisted_1$B = ["aria-label"];
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCopy" },
     __name: "TaoCopy",
     props: {
@@ -1482,7 +1606,7 @@
                   "stroke-width": "2"
                 })
               ], -1)
-            ])], 10, _hoisted_1$y)
+            ])], 10, _hoisted_1$B)
           ], true),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             copied.value && __props.tip && __props.successMessage ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -1498,8 +1622,8 @@
       };
     }
   });
-  const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-1953c07e"]]);
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+  const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1953c07e"]]);
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoContainer" },
     __name: "TaoContainer",
     props: {
@@ -1516,8 +1640,8 @@
       };
     }
   });
-  const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-4c0deb90"]]);
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-4c0deb90"]]);
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFlex" },
     __name: "TaoFlex",
     props: {
@@ -1548,7 +1672,7 @@
       };
     }
   });
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSpace" },
     __name: "TaoSpace",
     props: {
@@ -1568,9 +1692,9 @@
       };
     }
   });
-  const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-698ca712"]]);
-  const _hoisted_1$x = { class: "tao-icon" };
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-698ca712"]]);
+  const _hoisted_1$A = { class: "tao-icon" };
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoIcon" },
     __name: "TaoIcon",
     props: {
@@ -1585,7 +1709,7 @@
       }));
       const props = __props;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$x, [
+        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$A, [
           vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
           vue.createElementVNode("i", {
             class: vue.normalizeClass(["tao-icon__value", [`icon-${props.name}`, { "tao-icon__value--invert": props.invert }]]),
@@ -1596,8 +1720,8 @@
       };
     }
   });
-  const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-145b2cfc"]]);
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-145b2cfc"]]);
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoLoader" },
     __name: "TaoLoader",
     props: {
@@ -1658,10 +1782,10 @@
       };
     }
   });
-  const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-75a40018"]]);
-  const _hoisted_1$w = { class: "tao-image" };
-  const _hoisted_2$t = ["src", "alt", "loading"];
-  const _sfc_main$z = /* @__PURE__ */ vue.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 _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoImage" },
     __name: "TaoImage",
     props: {
@@ -1687,7 +1811,7 @@
         isLoaded.value = false;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
           __props.src ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             class: vue.normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
@@ -1698,25 +1822,25 @@
             draggable: "false",
             onLoad: handleLoad,
             onError: handleError
-          }, null, 42, _hoisted_2$t)) : vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          }, null, 42, _hoisted_2$w)) : vue.renderSlot(_ctx.$slots, "default", {}, () => [
             _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "tao-image__placeholder" }, "No image available", -1))
           ], true, 1)
         ]);
       };
     }
   });
-  const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-522fe4da"]]);
-  const _hoisted_1$v = ["for"];
-  const _hoisted_2$s = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
-  const _hoisted_3$n = {
+  const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-522fe4da"]]);
+  const _hoisted_1$y = ["for"];
+  const _hoisted_2$v = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
+  const _hoisted_3$p = {
     key: 0,
     class: "tao-checkbox__label"
   };
-  const _hoisted_4$k = {
+  const _hoisted_4$l = {
     key: 1,
     class: "tao-checkbox__label"
   };
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCheckbox" },
     __name: "TaoCheckbox",
     props: {
@@ -1786,18 +1910,24 @@
             "aria-invalid": invalid.value || void 0,
             "aria-describedby": describedBy.value,
             onChange: onInputChange
-          }, null, 40, _hoisted_2$s),
+          }, null, 40, _hoisted_2$v),
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
-          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$l, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])),
           vue.renderSlot(_ctx.$slots, "post", { text: __props.label }, void 0, true)
-        ], 10, _hoisted_1$v);
+        ], 10, _hoisted_1$y);
       };
     }
   });
-  const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f6b0e565"]]);
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-f6b0e565"]]);
+  const _hoisted_1$x = {
+    key: 0,
+    class: "tao-tag__prefix"
+  };
+  const _hoisted_2$u = { class: "tao-tag__text" };
+  const _hoisted_3$o = ["aria-label"];
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTag" },
     __name: "TaoTag",
     props: {
@@ -1805,37 +1935,66 @@
       color: {},
       background: {},
       borderColor: {},
-      pointer: { type: Boolean, default: false }
+      pointer: { type: Boolean, default: false },
+      closable: { type: Boolean, default: false },
+      closeLabel: { default: "Убрать" },
+      flat: { type: Boolean, default: false }
     },
-    setup(__props) {
+    emits: ["close"],
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
+      const slots = vue.useSlots();
       const tone = vue.computed(() => props.type === "error" ? "danger" : props.type);
       const style = vue.computed(() => ({
         color: props.color || "",
         background: props.background || "",
-        "border-color": props.borderColor || ""
+        "border-color": props.flat ? "transparent" : props.borderColor || ""
       }));
+      function onClose(event) {
+        emit("close", event);
+      }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["tao-tag", [props.pointer && "tao-tag--pointer", tone.value ? `tao-tag--${tone.value}` : ""]]),
+        return vue.openBlock(), vue.createElementBlock("span", {
+          class: vue.normalizeClass(["tao-tag", [
+            tone.value ? `tao-tag--${tone.value}` : "",
+            {
+              "tao-tag--pointer": __props.pointer,
+              "tao-tag--closable": __props.closable,
+              "tao-tag--prefix": Boolean(vue.unref(slots).prefix),
+              "tao-tag--flat": __props.flat
+            }
+          ]]),
           style: vue.normalizeStyle(style.value)
         }, [
-          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$x, [
+            vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_2$u, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 1,
+            type: "button",
+            class: "tao-tag__close",
+            "aria-label": __props.closeLabel,
+            onClick: vue.withModifiers(onClose, ["stop"])
+          }, " ✕ ", 8, _hoisted_3$o)) : vue.createCommentVNode("", true)
         ], 6);
       };
     }
   });
-  const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-290c0f6a"]]);
-  const _hoisted_1$u = {
+  const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-5bd7ca79"]]);
+  const _hoisted_1$w = {
     key: 1,
     class: "tao-divider-text"
   };
-  const _hoisted_2$r = { class: "tao-divider-text__value" };
-  const _hoisted_3$m = {
+  const _hoisted_2$t = { class: "tao-divider-text__value" };
+  const _hoisted_3$n = {
     key: 2,
     class: "tao-divider-line"
   };
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDivider" },
     __name: "TaoDivider",
     props: {
@@ -1849,23 +2008,23 @@
         return __props.variant === "gap" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-        }, null, 2)) : __props.variant === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+        }, null, 2)) : __props.variant === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-          vue.createElementVNode("span", _hoisted_2$r, [
+          vue.createElementVNode("span", _hoisted_2$t, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
           _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m));
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$n));
       };
     }
   });
-  const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-8187a15d"]]);
-  const _hoisted_1$t = {
+  const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-8187a15d"]]);
+  const _hoisted_1$v = {
     key: 0,
     class: "tao-fieldset__legend"
   };
-  const _hoisted_2$q = { class: "tao-fieldset__body" };
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_2$s = { class: "tao-fieldset__body" };
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFieldset" },
     __name: "TaoFieldset",
     props: {
@@ -1877,20 +2036,20 @@
         return vue.openBlock(), vue.createElementBlock("fieldset", {
           class: vue.normalizeClass(["tao-fieldset", `tao-fieldset--${__props.align}`])
         }, [
-          __props.legend || _ctx.$slots.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_1$t, [
+          __props.legend || _ctx.$slots.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_1$v, [
             vue.renderSlot(_ctx.$slots, "legend", {}, () => [
               vue.createTextVNode(vue.toDisplayString(__props.legend), 1)
             ], true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$q, [
+          vue.createElementVNode("div", _hoisted_2$s, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
         ], 2);
       };
     }
   });
-  const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-34440ba5"]]);
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-34440ba5"]]);
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoAnimatedBorder" },
     __name: "TaoAnimatedBorder",
     props: {
@@ -1914,18 +2073,18 @@
       };
     }
   });
-  const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-f1534571"]]);
-  const _hoisted_1$s = {
+  const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f1534571"]]);
+  const _hoisted_1$u = {
     key: 0,
     class: "tao-textarea tao-textarea--dummy"
   };
-  const _hoisted_2$p = {
+  const _hoisted_2$r = {
     key: 1,
     class: "tao-textarea-wrap"
   };
-  const _hoisted_3$l = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
-  const _hoisted_4$j = ["id"];
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$m = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
+  const _hoisted_4$k = ["id"];
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTextarea" },
     __name: "TaoTextarea",
     props: {
@@ -2022,7 +2181,7 @@
         vue.nextTick(autoResize);
       });
       return (_ctx, _cache) => {
-        return __props.dummy ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$s, vue.toDisplayString(__props.modelValue), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+        return __props.dummy ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$u, vue.toDisplayString(__props.modelValue), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, [
           vue.createElementVNode("textarea", {
             id: controlId.value,
             ref_key: "textareaRef",
@@ -2051,21 +2210,21 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 42, _hoisted_3$l),
+          }, null, 42, _hoisted_3$m),
           __props.count ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             id: counterId.value,
             class: vue.normalizeClass(["tao-textarea__count", { "tao-textarea__count--limit": atLimit.value }])
-          }, vue.toDisplayString(countLabel.value), 11, _hoisted_4$j)) : vue.createCommentVNode("", true)
+          }, vue.toDisplayString(countLabel.value), 11, _hoisted_4$k)) : vue.createCommentVNode("", true)
         ]));
       };
     }
   });
-  const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-2534c0c4"]]);
-  const _hoisted_1$r = ["tabindex"];
-  const _hoisted_2$o = { class: "tao-scroll-top__content" };
+  const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-2534c0c4"]]);
+  const _hoisted_1$t = ["tabindex"];
+  const _hoisted_2$q = { class: "tao-scroll-top__content" };
   const RIPPLE_DURATION = 750;
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoScrollTop" },
     __name: "TaoScrollTop",
     props: {
@@ -2165,7 +2324,7 @@
               "aria-label": "Наверх",
               onClick: vue.withModifiers(onClick, ["prevent"])
             }, [
-              vue.createElementVNode("div", _hoisted_2$o, [
+              vue.createElementVNode("div", _hoisted_2$q, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
                   style: vue.normalizeStyle(rippleStyle)
@@ -2182,33 +2341,33 @@
                   ], -1))
                 ], true)
               ])
-            ], 14, _hoisted_1$r)) : vue.createCommentVNode("", true)
+            ], 14, _hoisted_1$t)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         });
       };
     }
   });
-  const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-ce902f42"]]);
-  const _hoisted_1$q = { class: "tao-progress" };
-  const _hoisted_2$n = {
+  const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-ce902f42"]]);
+  const _hoisted_1$s = { class: "tao-progress" };
+  const _hoisted_2$p = {
     key: 0,
     class: "tao-progress__side"
   };
-  const _hoisted_3$k = { class: "tao-progress__main" };
-  const _hoisted_4$i = {
+  const _hoisted_3$l = { class: "tao-progress__main" };
+  const _hoisted_4$j = {
     key: 0,
     class: "tao-progress__percentage"
   };
-  const _hoisted_5$d = {
+  const _hoisted_5$e = {
     key: 1,
     class: "tao-progress__side"
   };
-  const _hoisted_6$a = {
+  const _hoisted_6$b = {
     key: 0,
     class: "tao-progress__percentage"
   };
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoProgress" },
     __name: "TaoProgress",
     props: {
@@ -2239,16 +2398,16 @@
         () => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
       );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["tao-progress__container", { "tao-progress__container--over": showOverPercent.value }]),
             style: vue.normalizeStyle({ minWidth: `${minW.value}px`, maxWidth: `${maxW.value}px` })
           }, [
-            _ctx.$slots.left ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [
+            _ctx.$slots.left ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
               vue.renderSlot(_ctx.$slots, "left", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_3$k, [
-              showOverPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$i, vue.toDisplayString(__props.progress) + "%", 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_3$l, [
+              showOverPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, vue.toDisplayString(__props.progress) + "%", 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: "tao-progress__track",
                 style: vue.normalizeStyle({ height: `${__props.height}px` })
@@ -2259,23 +2418,23 @@
                 }, null, 6)
               ], 4)
             ]),
-            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
+            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$e, [
               vue.renderSlot(_ctx.$slots, "right", {}, void 0, true),
-              showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$a, vue.toDisplayString(endPercentLabel.value), 1)) : vue.createCommentVNode("", true)
+              showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$b, vue.toDisplayString(endPercentLabel.value), 1)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
           ], 6)
         ]);
       };
     }
   });
-  const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-54c13718"]]);
-  const _hoisted_1$p = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
-  const _hoisted_2$m = ["placeholder"];
-  const _hoisted_3$j = {
+  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 = {
     key: 1,
     class: "tao-slider__value"
   };
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSlider" },
     __name: "TaoSlider",
     props: {
@@ -2492,29 +2651,29 @@
             onKeydown: onShadowKeydown,
             onPointerdown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 40, _hoisted_2$m)), [
+          }, null, 40, _hoisted_2$o)), [
             [vue.vModelText, shadowModel.value]
-          ]) : __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
+          ]) : __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k, [
             vue.renderSlot(_ctx.$slots, "pre-value", {}, void 0, true),
             vue.createTextVNode(vue.toDisplayString(__props.modelValue), 1),
             vue.renderSlot(_ctx.$slots, "post-value", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
-        ], 42, _hoisted_1$p);
+        ], 42, _hoisted_1$r);
       };
     }
   });
-  const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-24a38782"]]);
-  const _hoisted_1$o = { class: "tao-file-drop" };
-  const _hoisted_2$l = { class: "tao-file-drop__row" };
-  const _hoisted_3$i = ["accept", "multiple"];
-  const _hoisted_4$h = {
+  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 = ["accept", "multiple"];
+  const _hoisted_4$i = {
     key: 0,
     class: "tao-file-drop__list"
   };
-  const _hoisted_5$c = { class: "tao-file-drop__name" };
-  const _hoisted_6$9 = { class: "tao-file-drop__meta" };
-  const _hoisted_7$7 = ["aria-label", "onClick"];
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_5$d = { class: "tao-file-drop__name" };
+  const _hoisted_6$a = { class: "tao-file-drop__meta" };
+  const _hoisted_7$8 = ["aria-label", "onClick"];
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFileDrop" },
     __name: "TaoFileDrop",
     props: {
@@ -2613,8 +2772,8 @@
       });
       vue.onBeforeUnmount(() => stopFocusLoss == null ? void 0 : stopFocusLoss());
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
-          vue.createElementVNode("div", _hoisted_2$l, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+          vue.createElementVNode("div", _hoisted_2$n, [
             __props.showClear && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
               type: "button",
@@ -2641,23 +2800,23 @@
                 onChange: handleFileSelect,
                 onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
                 }, ["stop"]))
-              }, null, 40, _hoisted_3$i)
+              }, null, 40, _hoisted_3$j)
             ], 34)
           ]),
-          __props.list && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_4$h, [
+          __props.list && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_4$i, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modelValue, (file, index) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: fileKey(file, index),
                 class: "tao-file-drop__file"
               }, [
-                vue.createElementVNode("span", _hoisted_5$c, vue.toDisplayString(file.name), 1),
-                vue.createElementVNode("span", _hoisted_6$9, vue.toDisplayString(formatSize(file.size)), 1),
+                vue.createElementVNode("span", _hoisted_5$d, vue.toDisplayString(file.name), 1),
+                vue.createElementVNode("span", _hoisted_6$a, vue.toDisplayString(formatSize(file.size)), 1),
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-file-drop__remove",
                   "aria-label": `Убрать «${file.name}»`,
                   onClick: ($event) => removeAt(index)
-                }, " ✕ ", 8, _hoisted_7$7)
+                }, " ✕ ", 8, _hoisted_7$8)
               ]);
             }), 128))
           ])) : vue.createCommentVNode("", true)
@@ -2665,15 +2824,15 @@
       };
     }
   });
-  const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f97c4e91"]]);
-  const _hoisted_1$n = ["aria-expanded"];
-  const _hoisted_2$k = {
+  const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-f97c4e91"]]);
+  const _hoisted_1$p = ["aria-expanded"];
+  const _hoisted_2$m = {
     key: 1,
     "aria-label": "Меню"
   };
-  const _hoisted_3$h = ["onClick", "onMouseenter"];
-  const _hoisted_4$g = { key: 1 };
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$i = ["onClick", "onMouseenter"];
+  const _hoisted_4$h = { key: 1 };
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDropdownMenu" },
     __name: "TaoDropdownMenu",
     props: {
@@ -2808,8 +2967,8 @@
             "aria-expanded": isOpen.value,
             onClick: toggleMenu
           }, [
-            _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$k, "⋮"))
-          ], 8, _hoisted_1$n),
+            _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$m, "⋮"))
+          ], 8, _hoisted_1$p),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -2834,8 +2993,8 @@
                     id: action.id,
                     ico: action.ico,
                     text: action.name
-                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, vue.toDisplayString(action.name), 1))
-                ], 42, _hoisted_3$h);
+                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$h, vue.toDisplayString(action.name), 1))
+                ], 42, _hoisted_3$i);
               }), 128))
             ], 36)) : vue.createCommentVNode("", true)
           ]))
@@ -2843,10 +3002,10 @@
       };
     }
   });
-  const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-420a7e63"]]);
-  const _hoisted_1$m = ["aria-invalid", "aria-describedby"];
-  const _hoisted_2$j = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-420a7e63"]]);
+  const _hoisted_1$o = ["aria-invalid", "aria-describedby"];
+  const _hoisted_2$l = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoPinCode" },
     __name: "TaoPinCode",
     props: {
@@ -3013,14 +3172,14 @@
               onKeydown: ($event) => onKeydown($event, index),
               onFocus: ($event) => onFocus(index),
               onBlur
-            }, null, 42, _hoisted_2$j);
+            }, null, 42, _hoisted_2$l);
           }), 128))
-        ], 8, _hoisted_1$m);
+        ], 8, _hoisted_1$o);
       };
     }
   });
-  const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-c3182673"]]);
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c3182673"]]);
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoLink" },
     __name: "TaoLink",
     props: {
@@ -3062,8 +3221,8 @@
       };
     }
   });
-  const _hoisted_1$l = ["for"];
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$n = ["for"];
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFormField" },
     __name: "TaoFormField",
     props: {
@@ -3099,7 +3258,7 @@
             key: 0,
             class: "tao-form-field__label",
             for: vue.unref(id)
-          }, vue.toDisplayString(__props.label), 9, _hoisted_1$l)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(__props.label), 9, _hoisted_1$n)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           __props.error ? (vue.openBlock(), vue.createElementBlock("p", {
             key: 1,
@@ -3114,12 +3273,12 @@
       };
     }
   });
-  const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-11324f0c"]]);
-  const _hoisted_1$k = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-  const _hoisted_2$i = { class: "tao-select__value" };
-  const _hoisted_3$g = ["aria-activedescendant"];
-  const _hoisted_4$f = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-11324f0c"]]);
+  const _hoisted_1$m = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+  const _hoisted_2$k = { class: "tao-select__value" };
+  const _hoisted_3$h = ["aria-activedescendant"];
+  const _hoisted_4$g = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSelect" },
     __name: "TaoSelect",
     props: {
@@ -3332,12 +3491,12 @@
             onClick: toggle,
             onKeydown: onTriggerKeydown
           }, [
-            vue.createElementVNode("span", _hoisted_2$i, vue.toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+            vue.createElementVNode("span", _hoisted_2$k, vue.toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
             _cache[2] || (_cache[2] = vue.createElementVNode("span", {
               class: "tao-select__chevron",
               "aria-hidden": "true"
             }, null, -1))
-          ], 42, _hoisted_1$k),
+          ], 42, _hoisted_1$m),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -3373,9 +3532,9 @@
                     }, ["prevent"])),
                     onClick: ($event) => selectOption(option),
                     onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
-                  }, vue.toDisplayString(option.label), 43, _hoisted_4$f);
+                  }, vue.toDisplayString(option.label), 43, _hoisted_4$g);
                 }), 128))
-              ], 40, _hoisted_3$g),
+              ], 40, _hoisted_3$h),
               selected.value ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
                 type: "button",
@@ -3390,14 +3549,14 @@
       };
     }
   });
-  const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-42551757"]]);
-  const _hoisted_1$j = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
-  const _hoisted_2$h = {
+  const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-42551757"]]);
+  const _hoisted_1$l = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
+  const _hoisted_2$j = {
     key: 0,
     class: "tao-combobox__empty"
   };
-  const _hoisted_3$f = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$g = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCombobox" },
     __name: "TaoCombobox",
     props: {
@@ -3805,7 +3964,7 @@
               onFocus,
               onBlur,
               onKeydown: onInputKeydown
-            }, null, 40, _hoisted_1$j),
+            }, null, 40, _hoisted_1$l),
             _cache[1] || (_cache[1] = vue.createElementVNode("span", {
               class: "tao-combobox__chevron",
               "aria-hidden": "true"
@@ -3826,7 +3985,7 @@
                 class: "tao-combobox__list",
                 role: "listbox"
               }, [
-                !rows.value.length ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$h, "Ничего не найдено")) : vue.createCommentVNode("", true),
+                !rows.value.length ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$j, "Ничего не найдено")) : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(rows.value, (row, index) => {
                   return vue.openBlock(), vue.createElementBlock("li", {
                     id: `${listId}-row-${index}`,
@@ -3850,7 +4009,7 @@
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(row.option.label), 1)
                     ], 64))
-                  ], 42, _hoisted_3$f);
+                  ], 42, _hoisted_3$g);
                 }), 128))
               ], 512),
               selected.value ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -3865,7 +4024,7 @@
       };
     }
   });
-  const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-60be67d0"]]);
+  const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-60be67d0"]]);
   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")}`;
@@ -3993,23 +4152,23 @@
       };
     });
   }
-  const _hoisted_1$i = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-  const _hoisted_2$g = { class: "tao-date__value" };
-  const _hoisted_3$e = ["aria-label"];
-  const _hoisted_4$e = { class: "tao-date__header" };
-  const _hoisted_5$b = { class: "tao-date__month" };
-  const _hoisted_6$8 = {
+  const _hoisted_1$k = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+  const _hoisted_2$i = { class: "tao-date__value" };
+  const _hoisted_3$f = ["aria-label"];
+  const _hoisted_4$f = { class: "tao-date__header" };
+  const _hoisted_5$c = { class: "tao-date__month" };
+  const _hoisted_6$9 = {
     class: "tao-date__weekdays",
     "aria-hidden": "true"
   };
-  const _hoisted_7$6 = {
+  const _hoisted_7$7 = {
     class: "tao-date__grid",
     role: "grid"
   };
   const _hoisted_8$6 = ["aria-label", "aria-selected", "disabled", "onClick"];
   const _hoisted_9$2 = { class: "tao-date__footer" };
   const _hoisted_10$1 = ["disabled"];
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDate" },
     __name: "TaoDate",
     props: {
@@ -4239,7 +4398,7 @@
             onClick: toggle,
             onKeydown: onTriggerKeydown
           }, [
-            vue.createElementVNode("span", _hoisted_2$g, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
+            vue.createElementVNode("span", _hoisted_2$i, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
             _cache[4] || (_cache[4] = vue.createElementVNode("svg", {
               class: "tao-date__icon",
               viewBox: "0 0 16 16",
@@ -4266,7 +4425,7 @@
                 "stroke-linecap": "round"
               })
             ], -1))
-          ], 42, _hoisted_1$i),
+          ], 42, _hoisted_1$k),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -4280,7 +4439,7 @@
               style: vue.normalizeStyle(panelStyle.value),
               onKeydown: onPanelKeydown
             }, [
-              vue.createElementVNode("div", _hoisted_4$e, [
+              vue.createElementVNode("div", _hoisted_4$f, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -4304,7 +4463,7 @@
                     })
                   ], -1)
                 ])]),
-                vue.createElementVNode("p", _hoisted_5$b, vue.toDisplayString(monthLabel.value), 1),
+                vue.createElementVNode("p", _hoisted_5$c, vue.toDisplayString(monthLabel.value), 1),
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -4329,12 +4488,12 @@
                   ], -1)
                 ])])
               ]),
-              vue.createElementVNode("div", _hoisted_6$8, [
+              vue.createElementVNode("div", _hoisted_6$9, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekdays.value, (day) => {
                   return vue.openBlock(), vue.createElementBlock("span", { key: day }, vue.toDisplayString(day), 1);
                 }), 128))
               ]),
-              vue.createElementVNode("div", _hoisted_7$6, [
+              vue.createElementVNode("div", _hoisted_7$7, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cells.value, (cell) => {
                   return vue.openBlock(), vue.createElementBlock("button", {
                     key: cell.iso,
@@ -4370,26 +4529,26 @@
                   onClick: clear
                 }, "Очистить")) : vue.createCommentVNode("", true)
               ])
-            ], 44, _hoisted_3$e)) : vue.createCommentVNode("", true)
+            ], 44, _hoisted_3$f)) : vue.createCommentVNode("", true)
           ]))
         ], 2);
       };
     }
   });
-  const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-f4a9cddd"]]);
-  const _hoisted_1$h = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-  const _hoisted_2$f = { class: "tao-date-range__value" };
-  const _hoisted_3$d = ["aria-label"];
-  const _hoisted_4$d = { class: "tao-date__header" };
-  const _hoisted_5$a = { class: "tao-date__month" };
-  const _hoisted_6$7 = {
+  const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-f4a9cddd"]]);
+  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 = ["aria-label"];
+  const _hoisted_4$e = { class: "tao-date__header" };
+  const _hoisted_5$b = { class: "tao-date__month" };
+  const _hoisted_6$8 = {
     class: "tao-date__weekdays",
     "aria-hidden": "true"
   };
-  const _hoisted_7$5 = ["aria-label", "aria-selected", "disabled", "onMouseenter", "onClick"];
+  const _hoisted_7$6 = ["aria-label", "aria-selected", "disabled", "onMouseenter", "onClick"];
   const _hoisted_8$5 = { class: "tao-date__footer" };
   const _hoisted_9$1 = ["disabled"];
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDateRange" },
     __name: "TaoDateRange",
     props: {
@@ -4673,7 +4832,7 @@
             onClick: toggle,
             onKeydown: onTriggerKeydown
           }, [
-            vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
+            vue.createElementVNode("span", _hoisted_2$h, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
             _cache[3] || (_cache[3] = vue.createElementVNode("svg", {
               class: "tao-date-range__icon",
               viewBox: "0 0 16 16",
@@ -4700,7 +4859,7 @@
                 "stroke-linecap": "round"
               })
             ], -1))
-          ], 42, _hoisted_1$h),
+          ], 42, _hoisted_1$j),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -4714,7 +4873,7 @@
               style: vue.normalizeStyle(panelStyle.value),
               onKeydown: onPanelKeydown
             }, [
-              vue.createElementVNode("div", _hoisted_4$d, [
+              vue.createElementVNode("div", _hoisted_4$e, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -4738,7 +4897,7 @@
                     })
                   ], -1)
                 ])]),
-                vue.createElementVNode("p", _hoisted_5$a, vue.toDisplayString(monthLabel.value), 1),
+                vue.createElementVNode("p", _hoisted_5$b, vue.toDisplayString(monthLabel.value), 1),
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -4763,7 +4922,7 @@
                   ], -1)
                 ])])
               ]),
-              vue.createElementVNode("div", _hoisted_6$7, [
+              vue.createElementVNode("div", _hoisted_6$8, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekdays.value, (day) => {
                   return vue.openBlock(), vue.createElementBlock("span", { key: day }, vue.toDisplayString(day), 1);
                 }), 128))
@@ -4796,7 +4955,7 @@
                     }, ["prevent"])),
                     onMouseenter: ($event) => onDayEnter(cell.iso),
                     onClick: ($event) => selectDay(cell.iso)
-                  }, vue.toDisplayString(cell.day), 43, _hoisted_7$5);
+                  }, vue.toDisplayString(cell.day), 43, _hoisted_7$6);
                 }), 128))
               ], 32),
               vue.createElementVNode("div", _hoisted_8$5, [
@@ -4813,24 +4972,24 @@
                   onClick: clear
                 }, "Очистить")) : vue.createCommentVNode("", true)
               ])
-            ], 44, _hoisted_3$d)) : vue.createCommentVNode("", true)
+            ], 44, _hoisted_3$e)) : vue.createCommentVNode("", true)
           ]))
         ], 2);
       };
     }
   });
-  const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3d067081"]]);
-  const _hoisted_1$g = ["for"];
-  const _hoisted_2$e = ["id", "checked", "disabled", "aria-checked"];
-  const _hoisted_3$c = {
+  const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3d067081"]]);
+  const _hoisted_1$i = ["for"];
+  const _hoisted_2$g = ["id", "checked", "disabled", "aria-checked"];
+  const _hoisted_3$d = {
     key: 0,
     class: "tao-switch__label"
   };
-  const _hoisted_4$c = {
+  const _hoisted_4$d = {
     key: 1,
     class: "tao-switch__label"
   };
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSwitch" },
     __name: "TaoSwitch",
     props: {
@@ -4867,33 +5026,33 @@
             disabled: __props.disabled,
             "aria-checked": __props.modelValue,
             onChange: toggle
-          }, null, 40, _hoisted_2$e),
+          }, null, 40, _hoisted_2$g),
           _cache[0] || (_cache[0] = vue.createElementVNode("span", {
             class: "tao-switch__track",
             "aria-hidden": "true"
           }, [
             vue.createElementVNode("span", { class: "tao-switch__thumb" })
           ], -1)),
-          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$c, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d, vue.toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$g);
+        ], 10, _hoisted_1$i);
       };
     }
   });
-  const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-db2bca61"]]);
+  const TaoSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-db2bca61"]]);
   const radioGroupKey = Symbol("taoRadioGroup");
-  const _hoisted_1$f = ["for"];
-  const _hoisted_2$d = ["id", "name", "value", "checked", "disabled"];
-  const _hoisted_3$b = {
+  const _hoisted_1$h = ["for"];
+  const _hoisted_2$f = ["id", "name", "value", "checked", "disabled"];
+  const _hoisted_3$c = {
     key: 0,
     class: "tao-radio__label"
   };
-  const _hoisted_4$b = {
+  const _hoisted_4$c = {
     key: 1,
     class: "tao-radio__label"
   };
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoRadio" },
     __name: "TaoRadio",
     props: {
@@ -4940,25 +5099,25 @@
             checked: isChecked.value,
             disabled: isDisabled.value,
             onChange
-          }, null, 40, _hoisted_2$d),
+          }, null, 40, _hoisted_2$f),
           _cache[0] || (_cache[0] = vue.createElementVNode("span", {
             class: "tao-radio__dot",
             "aria-hidden": "true"
           }, null, -1)),
-          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$c, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]))
-        ], 10, _hoisted_1$f);
+        ], 10, _hoisted_1$h);
       };
     }
   });
-  const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c9c84481"]]);
-  const _hoisted_1$e = ["disabled"];
-  const _hoisted_2$c = {
+  const TaoRadio = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c9c84481"]]);
+  const _hoisted_1$g = ["disabled"];
+  const _hoisted_2$e = {
     key: 0,
     class: "tao-radio-group__legend"
   };
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoRadioGroup" },
     __name: "TaoRadioGroup",
     props: {
@@ -4991,13 +5150,258 @@
           class: vue.normalizeClass(["tao-radio-group", `tao-radio-group--${__props.direction}`]),
           disabled: __props.disabled
         }, [
-          __props.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$c, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
+          __props.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$e, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 10, _hoisted_1$g);
+      };
+    }
+  });
+  const TaoRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a0b1cb1f"]]);
+  const segmentedKey = Symbol("taoSegmented");
+  const _hoisted_1$f = ["disabled", "aria-describedby", "aria-invalid"];
+  const _hoisted_2$d = {
+    key: 0,
+    class: "tao-segmented__legend"
+  };
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoSegmented" },
+    __name: "TaoSegmented",
+    props: {
+      modelValue: { type: [String, Number, Boolean] },
+      name: {},
+      legend: {},
+      disabled: { type: Boolean, default: false },
+      size: { default: "medium" },
+      block: { type: Boolean, default: false }
+    },
+    emits: ["update:modelValue", "change"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const field = vue.inject(formFieldKey, null);
+      const autoName = vue.useId();
+      const groupName = vue.computed(() => props.name || autoName);
+      const model = vue.computed(() => props.modelValue);
+      const groupDisabled = vue.computed(() => props.disabled);
+      const groupSize = vue.computed(() => props.size);
+      const invalid = vue.computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+      const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
+      const trackRef = vue.ref(null);
+      const thumbStyle = vue.ref({ opacity: "0" });
+      let resizeObserver = null;
+      let mutationObserver = null;
+      function setValue(value) {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+      function updateThumb() {
+        const track = trackRef.value;
+        if (!track) {
+          return;
+        }
+        const selected = track.querySelector(".tao-segmented-option--checked");
+        if (!selected) {
+          if (thumbStyle.value.opacity !== "0") {
+            thumbStyle.value = { opacity: "0" };
+          }
+          return;
+        }
+        const trackBox = track.getBoundingClientRect();
+        const optionBox = selected.getBoundingClientRect();
+        const next = {
+          width: `${optionBox.width}px`,
+          height: `${optionBox.height}px`,
+          transform: `translate(${optionBox.left - trackBox.left - track.clientLeft}px, ${optionBox.top - trackBox.top - track.clientTop}px)`,
+          opacity: "1"
+        };
+        const prev = thumbStyle.value;
+        if (prev.width === next.width && prev.height === next.height && prev.transform === next.transform && prev.opacity === next.opacity) {
+          return;
+        }
+        thumbStyle.value = next;
+      }
+      vue.provide(segmentedKey, {
+        name: groupName,
+        model,
+        disabled: groupDisabled,
+        size: groupSize,
+        setValue
+      });
+      vue.onMounted(() => {
+        const track = trackRef.value;
+        void vue.nextTick(updateThumb);
+        if (!track) {
+          return;
+        }
+        if (typeof ResizeObserver !== "undefined") {
+          resizeObserver = new ResizeObserver(() => updateThumb());
+          resizeObserver.observe(track);
+        }
+        mutationObserver = new MutationObserver(() => updateThumb());
+        mutationObserver.observe(track, {
+          subtree: true,
+          childList: true,
+          attributes: true,
+          attributeFilter: ["class"]
+        });
+      });
+      vue.watch(
+        () => [props.modelValue, props.size, props.block, props.disabled],
+        () => {
+          void vue.nextTick(updateThumb);
+        }
+      );
+      vue.onBeforeUnmount(() => {
+        resizeObserver == null ? void 0 : resizeObserver.disconnect();
+        resizeObserver = null;
+        mutationObserver == null ? void 0 : mutationObserver.disconnect();
+        mutationObserver = null;
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("fieldset", {
+          class: vue.normalizeClass(["tao-segmented", [
+            `tao-segmented--${__props.size}`,
+            {
+              "tao-segmented--block": __props.block,
+              "tao-segmented--disabled": __props.disabled,
+              "tao-segmented--invalid": invalid.value
+            }
+          ]]),
+          disabled: __props.disabled,
+          "aria-describedby": describedBy.value,
+          "aria-invalid": invalid.value || void 0
+        }, [
+          __props.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_2$d, vue.toDisplayString(__props.legend), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", {
+            ref_key: "trackRef",
+            ref: trackRef,
+            class: "tao-segmented__track"
+          }, [
+            vue.createElementVNode("div", {
+              class: "tao-segmented__thumb",
+              style: vue.normalizeStyle(thumbStyle.value),
+              "aria-hidden": "true"
+            }, null, 4),
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 512)
+        ], 10, _hoisted_1$f);
+      };
+    }
+  });
+  const TaoSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-cb3c591b"]]);
+  const _hoisted_1$e = ["for"];
+  const _hoisted_2$c = ["id", "name", "value", "checked", "disabled", "aria-label"];
+  const _hoisted_3$b = { class: "tao-segmented-option__face" };
+  const _hoisted_4$b = {
+    key: 0,
+    class: "tao-segmented-option__icon",
+    "aria-hidden": "true"
+  };
+  const _hoisted_5$a = {
+    key: 1,
+    class: "tao-segmented-option__label"
+  };
+  const _hoisted_6$7 = {
+    key: 2,
+    class: "tao-segmented-option__sr"
+  };
+  const _hoisted_7$5 = {
+    key: 3,
+    class: "tao-segmented-option__count"
+  };
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoSegmentedOption" },
+    __name: "TaoSegmentedOption",
+    props: {
+      value: { type: [String, Number, Boolean] },
+      modelValue: { type: [String, Number, Boolean] },
+      name: {},
+      label: { default: "" },
+      icon: { default: "" },
+      count: {},
+      disabled: { type: Boolean, default: false },
+      ariaLabel: {}
+    },
+    emits: ["update:modelValue", "change"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const group = vue.inject(segmentedKey, null);
+      const slots = vue.useSlots();
+      const localId = vue.useId();
+      const isDisabled = vue.computed(() => props.disabled || Boolean(group == null ? void 0 : group.disabled.value));
+      const inputName = vue.computed(() => (group == null ? void 0 : group.name.value) ?? props.name);
+      const size = vue.computed(() => (group == null ? void 0 : group.size.value) ?? "medium");
+      const isChecked = vue.computed(() => {
+        const current = group ? group.model.value : props.modelValue;
+        return current === props.value;
+      });
+      const hasLabel = vue.computed(() => Boolean(props.label || slots.default));
+      const isIconOnly = vue.computed(() => Boolean((props.icon || slots.icon) && !hasLabel.value));
+      const countLabel = vue.computed(() => {
+        if (props.count === void 0 || props.count === null || props.count === "") {
+          return "";
+        }
+        if (typeof props.count === "number") {
+          if (props.count > 99) {
+            return "99+";
+          }
+          return String(props.count);
+        }
+        return String(props.count);
+      });
+      function onChange() {
+        if (isDisabled.value) {
+          return;
+        }
+        if (group) {
+          group.setValue(props.value);
+          return;
+        }
+        emit("update:modelValue", props.value);
+        emit("change", props.value);
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["tao-segmented-option", [
+            `tao-segmented-option--${size.value}`,
+            {
+              "tao-segmented-option--checked": isChecked.value,
+              "tao-segmented-option--disabled": props.disabled,
+              "tao-segmented-option--icon-only": isIconOnly.value
+            }
+          ]]),
+          for: vue.unref(localId)
+        }, [
+          vue.createElementVNode("input", {
+            id: vue.unref(localId),
+            class: "tao-segmented-option__input",
+            type: "radio",
+            name: inputName.value,
+            value: String(__props.value),
+            checked: isChecked.value,
+            disabled: isDisabled.value,
+            "aria-label": __props.ariaLabel,
+            onChange
+          }, null, 40, _hoisted_2$c),
+          vue.createElementVNode("span", _hoisted_3$b, [
+            __props.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, [
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.icon), 1)
+              ], true)
+            ])) : vue.createCommentVNode("", true),
+            hasLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$a, [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+              ], true)
+            ])) : __props.ariaLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$7, vue.toDisplayString(__props.ariaLabel), 1)) : vue.createCommentVNode("", true),
+            countLabel.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, vue.toDisplayString(countLabel.value), 1)) : vue.createCommentVNode("", true)
+          ])
         ], 10, _hoisted_1$e);
       };
     }
   });
-  const TaoRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-a0b1cb1f"]]);
+  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 = {
@@ -5716,7 +6120,7 @@
                 class: "tao-breadcrumb__item"
               }, [
                 index > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$4, "/")) : vue.createCommentVNode("", true),
-                index === __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, vue.toDisplayString(item.label), 1)) : item.to ? (vue.openBlock(), vue.createBlock(_sfc_main$m, {
+                index === __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, vue.toDisplayString(item.label), 1)) : item.to ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
                   key: 2,
                   class: "tao-breadcrumb__link",
                   to: item.to
@@ -7377,7 +7781,7 @@
     TaoSpoilerGroup,
     TaoCopy,
     TaoContainer,
-    _sfc_main$D,
+    _sfc_main$F,
     TaoSpace,
     TaoIcon,
     TaoLoader,
@@ -7394,7 +7798,7 @@
     TaoFileDrop,
     TaoDropdownMenu,
     TaoPinCode,
-    _sfc_main$m,
+    _sfc_main$o,
     TaoFormField,
     TaoSelect,
     TaoCombobox,
@@ -7403,6 +7807,8 @@
     TaoSwitch,
     TaoRadio,
     TaoRadioGroup,
+    TaoSegmented,
+    TaoSegmentedOption,
     TaoAlert,
     TaoTable,
     TaoPagination,
@@ -7446,14 +7852,14 @@
   exports2.TaoEmpty = TaoEmpty;
   exports2.TaoFieldset = TaoFieldset;
   exports2.TaoFileDrop = TaoFileDrop;
-  exports2.TaoFlex = _sfc_main$D;
+  exports2.TaoFlex = _sfc_main$F;
   exports2.TaoFormField = TaoFormField;
   exports2.TaoIcon = TaoIcon;
   exports2.TaoImage = TaoImage;
   exports2.TaoInput = TaoInput;
   exports2.TaoInputGroup = TaoInputGroup;
   exports2.TaoInputNumber = TaoInputNumber;
-  exports2.TaoLink = _sfc_main$m;
+  exports2.TaoLink = _sfc_main$o;
   exports2.TaoLoader = TaoLoader;
   exports2.TaoModal = TaoModal;
   exports2.TaoPagination = TaoPagination;
@@ -7464,6 +7870,8 @@
   exports2.TaoRadio = TaoRadio;
   exports2.TaoRadioGroup = TaoRadioGroup;
   exports2.TaoScrollTop = TaoScrollTop;
+  exports2.TaoSegmented = TaoSegmented;
+  exports2.TaoSegmentedOption = TaoSegmentedOption;
   exports2.TaoSelect = TaoSelect;
   exports2.TaoSkeleton = TaoSkeleton;
   exports2.TaoSlider = TaoSlider;