@1337exp/taoui 1.1.0 → 1.2.2

package/dist/index.cjs

@@ -2,17 +2,17 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.TaoUI = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";
-  const _hoisted_1$E = ["type", "disabled"];
-  const _hoisted_2$z = {
+  const _hoisted_1$F = ["type", "disabled"];
+  const _hoisted_2$A = {
     key: 0,
     class: "tao-button__loader"
   };
-  const _hoisted_3$r = {
+  const _hoisted_3$u = {
     key: 1,
     class: "tao-button__icon"
   };
-  const _hoisted_4$l = { class: "tao-button__content" };
-  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$o = { class: "tao-button__content" };
+  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoButton" },
     __name: "TaoButton",
     props: {
@@ -49,12 +49,12 @@
           disabled: __props.disabled || __props.loading,
           onClick: handleClick
         }, [
-          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$z)) : vue.createCommentVNode("", true),
-          __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$r, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_4$l, [
+          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$A)) : vue.createCommentVNode("", true),
+          __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$u, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_4$o, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
-        ], 10, _hoisted_1$E);
+        ], 10, _hoisted_1$F);
       };
     }
   });
@@ -65,8 +65,9 @@
     }
     return target;
   };
-  const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-5a0fd489"]]);
-  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+  const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-5a0fd489"]]);
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoBlock" },
     __name: "TaoBlock",
     props: {
       padding: { default: 16 },
@@ -97,24 +98,24 @@
       };
     }
   });
-  const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-4d014dd0"]]);
+  const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-feb87e36"]]);
   const formFieldKey = Symbol("taoFormField");
-  const _hoisted_1$D = { class: "tao-input-wrapper" };
-  const _hoisted_2$y = ["for"];
-  const _hoisted_3$q = {
+  const _hoisted_1$E = { class: "tao-input-wrapper" };
+  const _hoisted_2$z = ["for"];
+  const _hoisted_3$t = {
     key: 0,
     class: "tao-input__affix tao-input__affix--prefix"
   };
-  const _hoisted_4$k = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
-  const _hoisted_5$c = {
+  const _hoisted_4$n = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
+  const _hoisted_5$f = {
     key: 1,
     class: "tao-input__affix tao-input__affix--suffix"
   };
-  const _hoisted_6$9 = {
+  const _hoisted_6$b = {
     key: 1,
     class: "tao-input__error"
   };
-  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInput" },
     __name: "TaoInput",
     props: {
@@ -150,12 +151,12 @@
         emit("focus", event);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
-          __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+          __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$y)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(__props.label), 9, _hoisted_2$z)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["tao-input-shell", {
               "tao-input-shell--focused": focused.value,
@@ -165,7 +166,7 @@
               "tao-input-shell--suffix": _ctx.$slots.suffix
             }])
           }, [
-            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$q, [
+            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$t, [
               vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             vue.createElementVNode("input", {
@@ -180,27 +181,27 @@
               onInput: handleInput,
               onBlur: handleBlur,
               onFocus: handleFocus
-            }, null, 42, _hoisted_4$k),
-            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, [
+            }, null, 42, _hoisted_4$n),
+            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$f, [
               vue.renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 2),
-          __props.error && __props.errorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$9, vue.toDisplayString(__props.errorMessage), 1)) : vue.createCommentVNode("", true)
+          __props.error && __props.errorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$b, vue.toDisplayString(__props.errorMessage), 1)) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-49211edd"]]);
-  const _hoisted_1$C = {
+  const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-b522e041"]]);
+  const _hoisted_1$D = {
     key: 0,
     class: "tao-input-group__addon tao-input-group__addon--before"
   };
-  const _hoisted_2$x = { class: "tao-input-group__field" };
-  const _hoisted_3$p = {
+  const _hoisted_2$y = { class: "tao-input-group__field" };
+  const _hoisted_3$s = {
     key: 1,
     class: "tao-input-group__addon tao-input-group__addon--after"
   };
-  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInputGroup" },
     __name: "TaoInputGroup",
     setup(__props) {
@@ -222,28 +223,28 @@
           onFocusin: onFocusIn,
           onFocusout: onFocusOut
         }, [
-          _ctx.$slots.before ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+          _ctx.$slots.before ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
             vue.renderSlot(_ctx.$slots, "before", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$x, [
+          vue.createElementVNode("div", _hoisted_2$y, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
-          _ctx.$slots.after ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$p, [
+          _ctx.$slots.after ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
             vue.renderSlot(_ctx.$slots, "after", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ], 34);
       };
     }
   });
-  const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-f06bb3b1"]]);
-  const _hoisted_1$B = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
-  const _hoisted_2$w = {
+  const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-f06bb3b1"]]);
+  const _hoisted_1$C = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+  const _hoisted_2$x = {
     key: 0,
     class: "tao-input-number__steppers"
   };
-  const _hoisted_3$o = ["disabled"];
-  const _hoisted_4$j = ["disabled"];
-  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$r = ["disabled"];
+  const _hoisted_4$m = ["disabled"];
+  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInputNumber" },
     __name: "TaoInputNumber",
     props: {
@@ -392,8 +393,8 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 40, _hoisted_1$B),
-          __props.controls ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
+          }, null, 40, _hoisted_1$C),
+          __props.controls ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-input-number__step",
@@ -401,7 +402,7 @@
               tabindex: "-1",
               disabled: __props.disabled || atMax.value,
               onClick: _cache[0] || (_cache[0] = ($event) => bump(1))
-            }, " + ", 8, _hoisted_3$o),
+            }, " + ", 8, _hoisted_3$r),
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-input-number__step",
@@ -409,17 +410,17 @@
               tabindex: "-1",
               disabled: __props.disabled || atMin.value,
               onClick: _cache[1] || (_cache[1] = ($event) => bump(-1))
-            }, " − ", 8, _hoisted_4$j)
+            }, " − ", 8, _hoisted_4$m)
           ])) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-55b65a4d"]]);
-  const _hoisted_1$A = ["aria-label", "disabled"];
-  const _hoisted_2$v = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
-  const _hoisted_3$n = ["disabled"];
-  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-55b65a4d"]]);
+  const _hoisted_1$B = ["aria-label", "disabled"];
+  const _hoisted_2$w = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+  const _hoisted_3$q = ["disabled"];
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoQuantity" },
     __name: "TaoQuantity",
     props: {
@@ -552,7 +553,7 @@
             "aria-label": minusLabel.value,
             disabled: minusDisabled.value,
             onClick: onDec
-          }, " − ", 8, _hoisted_1$A),
+          }, " − ", 8, _hoisted_1$B),
           vue.createElementVNode("input", {
             id: controlId.value,
             class: "tao-quantity__input",
@@ -572,37 +573,37 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 40, _hoisted_2$v),
+          }, null, 40, _hoisted_2$w),
           vue.createElementVNode("button", {
             type: "button",
             class: "tao-quantity__btn tao-quantity__btn--inc",
             "aria-label": "Увеличить",
             disabled: plusDisabled.value,
             onClick: onInc
-          }, " + ", 8, _hoisted_3$n)
+          }, " + ", 8, _hoisted_3$q)
         ], 2);
       };
     }
   });
-  const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-df6baf04"]]);
-  const _hoisted_1$z = {
+  const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-df6baf04"]]);
+  const _hoisted_1$A = {
     key: 0,
     class: "tao-card__cover"
   };
-  const _hoisted_2$u = {
+  const _hoisted_2$v = {
     key: 0,
     class: "tao-card__header-title"
   };
-  const _hoisted_3$m = { key: 0 };
-  const _hoisted_4$i = {
+  const _hoisted_3$p = { key: 0 };
+  const _hoisted_4$l = {
     key: 2,
     class: "tao-card__title-block"
   };
-  const _hoisted_5$b = {
+  const _hoisted_5$e = {
     key: 0,
     class: "tao-card__title"
   };
-  const _hoisted_6$8 = {
+  const _hoisted_6$a = {
     key: 1,
     class: "tao-card__sub"
   };
@@ -614,7 +615,8 @@
     key: 4,
     class: "tao-card__footer"
   };
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoCard" },
     __name: "TaoCard",
     props: {
       padding: { default: 20 },
@@ -645,14 +647,14 @@
           }]),
           style: vue.normalizeStyle(radiusStyle.value)
         }, [
-          _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+          _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
             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$u, [
+            _ctx.$slots.headerTitle ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$v, [
               vue.renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             _ctx.$slots.header || _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -662,15 +664,15 @@
               vue.createElementVNode("span", null, [
                 vue.renderSlot(_ctx.$slots, "header", {}, void 0, true)
               ]),
-              _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, [
+              _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, [
                 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$i, [
-              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$b, [
+            _ctx.$slots.title || _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
+              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$e, [
                 vue.renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ])) : vue.createCommentVNode("", true),
-              _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [
+              _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$a, [
                 vue.renderSlot(_ctx.$slots, "sub", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
@@ -685,7 +687,7 @@
       };
     }
   });
-  const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-b752c7cb"]]);
+  const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__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(
@@ -714,18 +716,19 @@
       first.focus();
     }
   }
-  const _hoisted_1$y = ["aria-labelledby"];
-  const _hoisted_2$t = {
+  const _hoisted_1$z = ["aria-labelledby"];
+  const _hoisted_2$u = {
     key: 0,
     class: "tao-modal__header"
   };
-  const _hoisted_3$l = ["id"];
-  const _hoisted_4$h = { class: "tao-modal__content" };
-  const _hoisted_5$a = {
+  const _hoisted_3$o = ["id"];
+  const _hoisted_4$k = { key: 1 };
+  const _hoisted_5$d = { class: "tao-modal__content" };
+  const _hoisted_6$9 = {
     key: 1,
     class: "tao-modal__footer"
   };
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoModal" },
     __name: "TaoModal",
     props: {
@@ -825,12 +828,13 @@
                   "aria-labelledby": __props.title ? vue.unref(titleId) : void 0,
                   tabindex: "-1"
                 }, [
-                  __props.title || _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
+                  __props.title || _ctx.$slots.header || __props.closable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
                     vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                      vue.createElementVNode("h2", {
+                      __props.title ? (vue.openBlock(), vue.createElementBlock("h2", {
+                        key: 0,
                         id: vue.unref(titleId),
                         class: "tao-modal__title"
-                      }, vue.toDisplayString(__props.title), 9, _hoisted_3$l)
+                      }, vue.toDisplayString(__props.title), 9, _hoisted_3$o)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k))
                     ], true),
                     __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                       key: 0,
@@ -840,13 +844,13 @@
                       onClick: close
                     }, " × ")) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", _hoisted_4$h, [
+                  vue.createElementVNode("div", _hoisted_5$d, [
                     vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                   ]),
-                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [
+                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$9, [
                     vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                   ])) : vue.createCommentVNode("", true)
-                ], 8, _hoisted_1$y)
+                ], 8, _hoisted_1$z)
               ], 32)) : vue.createCommentVNode("", true)
             ]),
             _: 3
@@ -855,11 +859,11 @@
       };
     }
   });
-  const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-399d4fdf"]]);
-  const _hoisted_1$x = { class: "tao-tabs" };
-  const _hoisted_2$s = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
-  const _hoisted_3$k = ["id", "aria-labelledby"];
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-0cffe849"]]);
+  const _hoisted_1$y = { class: "tao-tabs" };
+  const _hoisted_2$t = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
+  const _hoisted_3$n = ["id", "aria-labelledby"];
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTabs" },
     __name: "TaoTabs",
     props: {
@@ -923,7 +927,7 @@
         }
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
           vue.createElementVNode("div", {
             class: "tao-tabs__list",
             role: "tablist",
@@ -948,7 +952,7 @@
                 }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   vue.createTextVNode(vue.toDisplayString(tab.label), 1)
                 ], 64))
-              ], 8, _hoisted_2$s);
+              ], 8, _hoisted_2$t);
             }), 128))
           ], 32),
           vue.createElementVNode("div", {
@@ -958,13 +962,14 @@
             "aria-labelledby": tabId(__props.modelValue)
           }, [
             vue.renderSlot(_ctx.$slots, "default", { activeTab: __props.modelValue }, void 0, true)
-          ], 8, _hoisted_3$k)
+          ], 8, _hoisted_3$n)
         ]);
       };
     }
   });
-  const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-bf16735e"]]);
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+  const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-bf16735e"]]);
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoTooltip" },
     __name: "TaoTooltip",
     props: {
       content: {},
@@ -995,28 +1000,37 @@
       };
     }
   });
-  const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-0f7a5b9b"]]);
-  const _hoisted_1$w = { class: "tao-spoiler" };
-  const _hoisted_2$r = {
+  const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-6f3b3c11"]]);
+  const _hoisted_1$x = { class: "tao-spoiler" };
+  const _hoisted_2$s = ["aria-expanded", "aria-controls"];
+  const _hoisted_3$m = {
     key: 0,
     class: "tao-spoiler__title"
   };
-  const _hoisted_3$j = {
-    key: 0,
-    class: "tao-spoiler__content"
-  };
-  const _hoisted_4$g = { class: "tao-spoiler__content-inner" };
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$j = ["id"];
+  const _hoisted_5$c = { class: "tao-spoiler__content-inner" };
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoSpoiler" },
     __name: "TaoSpoiler",
     props: {
       title: { default: "" },
-      defaultOpen: { type: Boolean, default: false }
+      defaultOpen: { type: Boolean, default: false },
+      modelValue: { type: Boolean, default: void 0 }
     },
-    setup(__props) {
+    emits: ["update:modelValue"],
+    setup(__props, { emit: __emit }) {
       const props = __props;
-      const isOpen = vue.ref(props.defaultOpen);
+      const emit = __emit;
+      const panelId = vue.useId();
+      const internal = vue.ref(props.defaultOpen);
+      const isControlled = vue.computed(() => props.modelValue !== void 0);
+      const isOpen = vue.computed(() => isControlled.value ? Boolean(props.modelValue) : internal.value);
       function toggle() {
-        isOpen.value = !isOpen.value;
+        const next = !isOpen.value;
+        if (!isControlled.value) {
+          internal.value = next;
+        }
+        emit("update:modelValue", next);
       }
       function onBeforeEnter(el) {
         el.style.height = "0";
@@ -1038,20 +1052,23 @@
         });
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
           vue.createElementVNode("button", {
+            type: "button",
             class: "tao-spoiler__header",
+            "aria-expanded": isOpen.value,
+            "aria-controls": vue.unref(panelId),
             onClick: toggle
           }, [
             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_2$r, [
+            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.title), 1)
               ], true)
             ])) : vue.createCommentVNode("", true)
-          ]),
+          ], 8, _hoisted_2$s),
           vue.createVNode(vue.Transition, {
             name: "tao-spoiler-slide",
             onBeforeEnter,
@@ -1060,11 +1077,15 @@
             onLeave
           }, {
             default: vue.withCtx(() => [
-              isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
-                vue.createElementVNode("div", _hoisted_4$g, [
+              isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                id: vue.unref(panelId),
+                class: "tao-spoiler__content"
+              }, [
+                vue.createElementVNode("div", _hoisted_5$c, [
                   vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ])
-              ])) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_4$j)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -1072,9 +1093,10 @@
       };
     }
   });
-  const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-061480fb"]]);
-  const _hoisted_1$v = { class: "tao-copy" };
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-c9f4d962"]]);
+  const _hoisted_1$w = { class: "tao-copy" };
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoCopy" },
     __name: "TaoCopy",
     props: {
       text: {},
@@ -1097,12 +1119,13 @@
         }
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
           vue.renderSlot(_ctx.$slots, "default", {
             copy,
             copied: copied.value
           }, () => [
             vue.createElementVNode("button", {
+              type: "button",
               class: vue.normalizeClass(["tao-copy__button", { "tao-copy__button--copied": copied.value }]),
               onClick: copy
             }, vue.toDisplayString(copied.value ? __props.successMessage : "Копировать"), 3)
@@ -1111,8 +1134,9 @@
       };
     }
   });
-  const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-810f1bc7"]]);
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-73a42ad9"]]);
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoContainer" },
     __name: "TaoContainer",
     props: {
       size: { default: "wide" },
@@ -1128,8 +1152,9 @@
       };
     }
   });
-  const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-81987648"]]);
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4c0deb90"]]);
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoFlex" },
     __name: "TaoFlex",
     props: {
       tag: { default: "div" },
@@ -1159,7 +1184,8 @@
       };
     }
   });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoSpace" },
     __name: "TaoSpace",
     props: {
       block: { type: Boolean, default: false },
@@ -1178,9 +1204,10 @@
       };
     }
   });
-  const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-4190f6ba"]]);
-  const _hoisted_1$u = { class: "tao-icon" };
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-698ca712"]]);
+  const _hoisted_1$v = { class: "tao-icon" };
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoIcon" },
     __name: "TaoIcon",
     props: {
       name: {},
@@ -1190,11 +1217,11 @@
     },
     setup(__props) {
       vue.useCssVars((_ctx) => ({
-        "v2b130076": props.margin
+        "a2e86200": props.margin
       }));
       const props = __props;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$u, [
+        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$v, [
           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 }]]),
@@ -1205,8 +1232,9 @@
       };
     }
   });
-  const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-b561364f"]]);
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-145b2cfc"]]);
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoLoader" },
     __name: "TaoLoader",
     props: {
       color: { default: "var(--tao-color-accent)" },
@@ -1215,10 +1243,10 @@
     },
     setup(__props) {
       vue.useCssVars((_ctx) => ({
-        "v052ed61b": positions.value.first,
-        "v05f388d2": positions.value.third,
-        "bdfc57e2": positions.value.fourth,
-        "v50ec8284": positions.value.animationDistance
+        "d349d504": positions.value.first,
+        "d1c06f96": positions.value.third,
+        "v355d810c": positions.value.fourth,
+        "v09447532": positions.value.animationDistance
       }));
       const props = __props;
       const normalizedSize = vue.computed(() => {
@@ -1266,10 +1294,11 @@
       };
     }
   });
-  const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-3a29f095"]]);
-  const _hoisted_1$t = { class: "tao-image" };
-  const _hoisted_2$q = ["src", "alt"];
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-75a40018"]]);
+  const _hoisted_1$u = { class: "tao-image" };
+  const _hoisted_2$r = ["src", "alt"];
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoImage" },
     __name: "TaoImage",
     props: {
       src: { default: "" },
@@ -1293,7 +1322,7 @@
         isLoaded.value = false;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
           __props.src ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             class: vue.normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
@@ -1302,47 +1331,54 @@
             draggable: "false",
             onLoad: handleLoad,
             onError: handleError
-          }, null, 42, _hoisted_2$q)) : vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          }, null, 42, _hoisted_2$r)) : 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$w, [["__scopeId", "data-v-8272e203"]]);
-  const _hoisted_1$s = ["checked", "disabled"];
-  const _hoisted_2$p = {
+  const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-9da4bb7d"]]);
+  const _hoisted_1$t = ["for"];
+  const _hoisted_2$q = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
+  const _hoisted_3$l = {
     key: 0,
     class: "tao-checkbox__label"
   };
-  const _hoisted_3$i = {
+  const _hoisted_4$i = {
     key: 1,
     class: "tao-checkbox__label"
   };
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoCheckbox" },
     __name: "TaoCheckbox",
     props: {
       value: { type: Boolean, default: void 0 },
       modelValue: { type: Boolean, default: void 0 },
       label: { default: "" },
-      disabled: { type: Boolean, default: false }
+      disabled: { type: Boolean, default: false },
+      error: { type: Boolean, default: false },
+      indeterminate: { 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 localId = vue.useId();
+      const controlId = vue.computed(() => (field == null ? void 0 : field.id) ?? localId);
+      const invalid = vue.computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
+      const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
       const isChecked = vue.computed({
         get: () => {
           if (props.modelValue !== void 0) {
             return props.modelValue;
           }
-          return props.value;
+          return Boolean(props.value);
         },
-        set: (value) => {
-          if (props.modelValue !== void 0) {
-            emit("update:modelValue", value);
-          }
-          emit("change", value);
+        set: (next) => {
+          emit("update:modelValue", next);
+          emit("change", next);
         }
       });
       function onInputChange(event) {
@@ -1352,33 +1388,50 @@
         const target = event.target;
         isChecked.value = target.checked;
       }
+      const inputRef = vue.ref(null);
+      vue.watch(
+        [inputRef, isChecked, () => props.indeterminate],
+        () => {
+          const el = inputRef.value;
+          if (!el) {
+            return;
+          }
+          el.checked = isChecked.value;
+          el.indeterminate = Boolean(props.indeterminate);
+        },
+        { flush: "post" }
+      );
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("label", {
-          class: vue.normalizeClass(["tao-checkbox", { "tao-checkbox--disabled": props.disabled }])
+          class: vue.normalizeClass(["tao-checkbox", { "tao-checkbox--disabled": __props.disabled }]),
+          for: controlId.value
         }, [
-          vue.renderSlot(_ctx.$slots, "pre", {
-            text: props.label
-          }, void 0, true),
+          vue.renderSlot(_ctx.$slots, "pre", { text: __props.label }, void 0, true),
           vue.createElementVNode("input", {
+            id: controlId.value,
+            ref_key: "inputRef",
+            ref: inputRef,
             class: "tao-checkbox__input tao-sr-only",
             type: "checkbox",
             checked: isChecked.value,
-            disabled: props.disabled,
+            disabled: __props.disabled,
+            "aria-checked": __props.indeterminate ? "mixed" : void 0,
+            "aria-invalid": invalid.value || void 0,
+            "aria-describedby": describedBy.value,
             onChange: onInputChange
-          }, null, 40, _hoisted_1$s),
+          }, null, 40, _hoisted_2$q),
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
-          props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$p, vue.toDisplayString(props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$i, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$l, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$i, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])),
-          vue.renderSlot(_ctx.$slots, "post", {
-            text: props.label
-          }, void 0, true)
-        ], 2);
+          vue.renderSlot(_ctx.$slots, "post", { text: __props.label }, void 0, true)
+        ], 10, _hoisted_1$t);
       };
     }
   });
-  const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-0bb22ce9"]]);
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f6b0e565"]]);
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoTag" },
     __name: "TaoTag",
     props: {
       type: { default: "" },
@@ -1389,6 +1442,7 @@
     },
     setup(__props) {
       const props = __props;
+      const tone = vue.computed(() => props.type === "error" ? "danger" : props.type);
       const style = vue.computed(() => ({
         color: props.color || "",
         background: props.background || "",
@@ -1396,7 +1450,7 @@
       }));
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["tao-tag", [props.pointer && "tao-tag--pointer", props.type ? `tao-tag--${props.type}` : ""]]),
+          class: vue.normalizeClass(["tao-tag", [props.pointer && "tao-tag--pointer", tone.value ? `tao-tag--${tone.value}` : ""]]),
           style: vue.normalizeStyle(style.value)
         }, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -1404,39 +1458,43 @@
       };
     }
   });
-  const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-3f6b9f30"]]);
-  const _hoisted_1$r = {
+  const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-290c0f6a"]]);
+  const _hoisted_1$s = {
     key: 1,
     class: "tao-divider-text"
   };
-  const _hoisted_2$o = { class: "tao-divider-text__value" };
-  const _hoisted_3$h = {
+  const _hoisted_2$p = { class: "tao-divider-text__value" };
+  const _hoisted_3$k = {
     key: 2,
     class: "tao-divider-line"
   };
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoDivider" },
     __name: "TaoDivider",
     props: {
       variant: { default: "line" },
       size: { default: "medium" }
     },
     setup(__props) {
+      const props = __props;
+      const gapSize = vue.computed(() => props.size === "big" ? "large" : props.size);
       return (_ctx, _cache) => {
         return __props.variant === "gap" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass(["tao-divider-gap", `tao-divider-gap--${__props.size}`])
-        }, null, 2)) : __props.variant === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
+          class: vue.normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
+        }, null, 2)) : __props.variant === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-          vue.createElementVNode("span", _hoisted_2$o, [
+          vue.createElementVNode("span", _hoisted_2$p, [
             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$h));
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k));
       };
     }
   });
-  const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-9db02640"]]);
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-8187a15d"]]);
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoAnimatedBorder" },
     __name: "TaoAnimatedBorder",
     props: {
       borderWidth: { default: 3 },
@@ -1459,13 +1517,19 @@
       };
     }
   });
-  const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-4ca22c09"]]);
-  const _hoisted_1$q = {
+  const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-f1534571"]]);
+  const _hoisted_1$r = {
     key: 0,
     class: "tao-textarea tao-textarea--dummy"
   };
-  const _hoisted_2$n = ["placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value"];
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_2$o = {
+    key: 1,
+    class: "tao-textarea-wrap"
+  };
+  const _hoisted_3$j = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
+  const _hoisted_4$h = ["id"];
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoTextarea" },
     __name: "TaoTextarea",
     props: {
       placeholder: { default: "" },
@@ -1484,12 +1548,34 @@
       autoFocus: { type: Boolean, default: false },
       borderInverse: { type: Boolean, default: false },
       textCenter: { type: Boolean, default: false },
-      submitOnEnter: { type: Boolean, default: false }
+      submitOnEnter: { type: Boolean, default: false },
+      error: { type: Boolean, default: false },
+      id: {},
+      count: { type: Boolean, default: false }
     },
     emits: ["update:modelValue", "change", "focus", "blur", "keydown"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const field = vue.inject(formFieldKey, null);
+      const localId = vue.useId();
+      const controlId = vue.computed(() => props.id || (field == null ? void 0 : field.id) || localId);
+      const invalid = vue.computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
+      const counterId = vue.computed(() => `${controlId.value}-count`);
+      const describedBy = vue.computed(() => {
+        const ids = [field == null ? void 0 : field.describedBy.value, props.count ? counterId.value : void 0].filter(Boolean);
+        return ids.length ? ids.join(" ") : void 0;
+      });
+      const currentLength = vue.computed(() => String(props.modelValue ?? "").length);
+      const countLabel = vue.computed(() => {
+        if (props.maxlength != null && props.maxlength > 0) {
+          return `${currentLength.value} / ${props.maxlength}`;
+        }
+        return String(currentLength.value);
+      });
+      const atLimit = vue.computed(
+        () => props.maxlength != null && props.maxlength > 0 && currentLength.value >= props.maxlength
+      );
       const textareaRef = vue.ref(null);
       function onInput(e) {
         const target = e.target;
@@ -1525,9 +1611,12 @@
         textarea.style.height = "auto";
         textarea.style.height = `${Math.min(textarea.scrollHeight, 500)}px`;
       }
-      vue.watch(() => props.modelValue, () => {
-        vue.nextTick(autoResize);
-      });
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          vue.nextTick(autoResize);
+        }
+      );
       vue.onMounted(() => {
         var _a;
         if (props.autoFocus) {
@@ -1536,40 +1625,51 @@
         vue.nextTick(autoResize);
       });
       return (_ctx, _cache) => {
-        return props.dummy ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$q, vue.toDisplayString(props.modelValue), 1)) : (vue.openBlock(), vue.createElementBlock("textarea", {
-          key: 1,
-          ref_key: "textareaRef",
-          ref: textareaRef,
-          class: vue.normalizeClass(["tao-textarea", {
-            "tao-textarea--inverse": props.borderInverse,
-            "tao-textarea--center": props.textCenter,
-            "tao-textarea--no-border": props.noBorder,
-            "tao-textarea--no-background": props.noBackground,
-            "tao-textarea--no-resize": !props.resize
-          }]),
-          placeholder: props.placeholder,
-          spellcheck: props.spellcheck,
-          autocomplete: props.autocomplete,
-          minlength: props.minlength,
-          maxlength: props.maxlength,
-          disabled: props.disabled,
-          rows: props.rows,
-          value: props.modelValue,
-          draggable: "false",
-          onInput,
-          onChange,
-          onFocus,
-          onBlur,
-          onKeydown
-        }, null, 42, _hoisted_2$n));
+        return __props.dummy ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$r, vue.toDisplayString(__props.modelValue), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
+          vue.createElementVNode("textarea", {
+            id: controlId.value,
+            ref_key: "textareaRef",
+            ref: textareaRef,
+            class: vue.normalizeClass(["tao-textarea", {
+              "tao-textarea--inverse": __props.borderInverse,
+              "tao-textarea--center": __props.textCenter,
+              "tao-textarea--no-border": __props.noBorder,
+              "tao-textarea--no-background": __props.noBackground,
+              "tao-textarea--no-resize": !__props.resize,
+              "tao-textarea--invalid": invalid.value
+            }]),
+            placeholder: __props.placeholder,
+            spellcheck: __props.spellcheck,
+            autocomplete: __props.autocomplete,
+            minlength: __props.minlength,
+            maxlength: __props.maxlength,
+            disabled: __props.disabled,
+            rows: __props.rows,
+            value: __props.modelValue,
+            "aria-invalid": invalid.value || void 0,
+            "aria-describedby": describedBy.value,
+            draggable: "false",
+            onInput,
+            onChange,
+            onFocus,
+            onBlur,
+            onKeydown
+          }, null, 42, _hoisted_3$j),
+          __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$h)) : vue.createCommentVNode("", true)
+        ]));
       };
     }
   });
-  const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-a56ad167"]]);
-  const _hoisted_1$p = ["tabindex"];
-  const _hoisted_2$m = { class: "tao-scroll-top__content" };
+  const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-2534c0c4"]]);
+  const _hoisted_1$q = ["tabindex"];
+  const _hoisted_2$n = { class: "tao-scroll-top__content" };
   const RIPPLE_DURATION = 750;
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoScrollTop" },
     __name: "TaoScrollTop",
     props: {
       size: { default: 40 },
@@ -1661,13 +1761,14 @@
           default: vue.withCtx(() => [
             isActive.value ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
+              type: "button",
               style: vue.normalizeStyle(mainStyle),
               tabindex: props.tabindex,
               class: vue.normalizeClass(["tao-scroll-top", { "tao-scroll-top--no-outline": !props.hasOutline }]),
-              "aria-label": "Scroll to top",
+              "aria-label": "Наверх",
               onClick: vue.withModifiers(onClick, ["prevent"])
             }, [
-              vue.createElementVNode("div", _hoisted_2$m, [
+              vue.createElementVNode("div", _hoisted_2$n, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
                   style: vue.normalizeStyle(rippleStyle)
@@ -1684,69 +1785,101 @@
                   ], -1))
                 ], true)
               ])
-            ], 14, _hoisted_1$p)) : vue.createCommentVNode("", true)
+            ], 14, _hoisted_1$q)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         });
       };
     }
   });
-  const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-a6b96e61"]]);
-  const _hoisted_1$o = { class: "tao-progress" };
-  const _hoisted_2$l = {
+  const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-ce902f42"]]);
+  const _hoisted_1$p = { class: "tao-progress" };
+  const _hoisted_2$m = {
     key: 0,
     class: "tao-progress__side"
   };
-  const _hoisted_3$g = { class: "tao-progress__side" };
-  const _hoisted_4$f = {
+  const _hoisted_3$i = { class: "tao-progress__main" };
+  const _hoisted_4$g = {
     key: 0,
     class: "tao-progress__percentage"
   };
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_5$b = {
+    key: 1,
+    class: "tao-progress__side"
+  };
+  const _hoisted_6$8 = {
+    key: 0,
+    class: "tao-progress__percentage"
+  };
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoProgress" },
     __name: "TaoProgress",
     props: {
-      min: { default: 200 },
-      max: { default: 400 },
+      minWidth: { default: void 0 },
+      maxWidth: { default: void 0 },
+      min: { default: void 0 },
+      max: { default: void 0 },
       progress: { default: 0 },
       height: { default: 8 },
-      showPercentage: { type: Boolean, default: false },
+      showPercentage: { type: [Boolean, String], default: true },
       animated: { type: Boolean, default: true }
     },
     setup(__props) {
+      const props = __props;
+      const slots = vue.useSlots();
+      const minW = vue.computed(() => props.minWidth ?? props.min ?? 200);
+      const maxW = vue.computed(() => props.maxWidth ?? props.max ?? 400);
+      const hasRight = vue.computed(() => Boolean(slots.right));
+      const percentPlace = vue.computed(() => {
+        if (!props.showPercentage) {
+          return null;
+        }
+        return props.showPercentage === "right" ? "right" : "top";
+      });
+      const showOverPercent = vue.computed(() => percentPlace.value === "top");
+      const showEndPercent = vue.computed(() => percentPlace.value === "right");
+      const endPercentLabel = vue.computed(
+        () => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
+      );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
           vue.createElementVNode("div", {
-            class: "tao-progress__container",
-            style: vue.normalizeStyle({ minWidth: `${__props.min}px`, maxWidth: `${__props.max}px` })
+            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$l, [
+            _ctx.$slots.left ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, [
               vue.renderSlot(_ctx.$slots, "left", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", {
-              class: "tao-progress__track",
-              style: vue.normalizeStyle({ height: `${__props.height}px` })
-            }, [
+            vue.createElementVNode("div", _hoisted_3$i, [
+              showOverPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, vue.toDisplayString(__props.progress) + "%", 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
-                class: vue.normalizeClass(["tao-progress__fill", { "tao-progress__fill--animated": __props.animated }]),
-                style: vue.normalizeStyle({ width: `${__props.progress}%` })
-              }, null, 6)
-            ], 4),
-            vue.createElementVNode("div", _hoisted_3$g, [
-              __props.showPercentage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$f, vue.toDisplayString(__props.progress) + "%", 1)) : vue.createCommentVNode("", true),
-              vue.renderSlot(_ctx.$slots, "right", {}, void 0, true)
-            ])
-          ], 4)
+                class: "tao-progress__track",
+                style: vue.normalizeStyle({ height: `${__props.height}px` })
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(["tao-progress__fill", { "tao-progress__fill--animated": __props.animated }]),
+                  style: vue.normalizeStyle({ width: `${__props.progress}%` })
+                }, null, 6)
+              ], 4)
+            ]),
+            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [
+              vue.renderSlot(_ctx.$slots, "right", {}, void 0, true),
+              showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$8, vue.toDisplayString(endPercentLabel.value), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true)
+          ], 6)
         ]);
       };
     }
   });
-  const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-3780642d"]]);
-  const _hoisted_1$n = ["placeholder"];
-  const _hoisted_2$k = {
+  const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-54c13718"]]);
+  const _hoisted_1$o = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
+  const _hoisted_2$l = ["placeholder"];
+  const _hoisted_3$h = {
     key: 1,
     class: "tao-slider__value"
   };
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoSlider" },
     __name: "TaoSlider",
     props: {
       min: { default: 0 },
@@ -1754,18 +1887,25 @@
       step: { default: 1 },
       showValue: { type: Boolean, default: false },
       placeholder: { default: "" },
-      modelValue: {}
+      modelValue: {},
+      disabled: { type: Boolean, default: false }
     },
     emits: ["update:modelValue"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const field = vue.inject(formFieldKey, null);
+      const localId = vue.useId();
+      const controlId = vue.computed(() => (field == null ? void 0 : field.id) ?? localId);
+      const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
       function packModelValue(value) {
         return typeof props.modelValue === "string" ? `${value}` : value;
       }
       function unpackModelValue() {
-        return typeof props.modelValue === "string" ? parseFloat(props.modelValue) : props.modelValue;
+        const raw = typeof props.modelValue === "string" ? parseFloat(props.modelValue) : props.modelValue;
+        return Number.isFinite(raw) ? raw : props.min;
       }
+      const current = vue.computed(() => unpackModelValue());
       const trackRef = vue.ref(null);
       const isDragging = vue.ref(false);
       const shadowInputRef = vue.ref(null);
@@ -1773,11 +1913,17 @@
       const showShadowModel = vue.ref(false);
       const progressPercent = vue.computed(() => {
         const range = props.max - props.min;
-        return (unpackModelValue() - props.min) / range * 100;
+        if (range <= 0) {
+          return 0;
+        }
+        return (current.value - props.min) / range * 100;
       });
       function clampValue(v) {
         return Math.min(Math.max(v, props.min), props.max);
       }
+      function commit(value) {
+        emit("update:modelValue", packModelValue(clampValue(value)));
+      }
       function calculateValue(event) {
         if (!trackRef.value) {
           return props.min;
@@ -1785,12 +1931,15 @@
         const rect = trackRef.value.getBoundingClientRect();
         const clientX = "touches" in event ? event.touches[0].clientX : event.clientX;
         const x = Math.min(Math.max(clientX - rect.left, 0), rect.width);
-        const ratio = x / rect.width;
-        const v = Math.round(props.min + ratio * (props.max - props.min));
+        const ratio = rect.width ? x / rect.width : 0;
+        const v = props.min + ratio * (props.max - props.min);
         return clampValue(Math.round((v - props.min) / props.step) * props.step + props.min);
       }
       function handleMove(event) {
-        emit("update:modelValue", packModelValue(calculateValue(event)));
+        if (props.disabled) {
+          return;
+        }
+        commit(calculateValue(event));
       }
       function onMouseUp(event) {
         const evBtn = "touches" in event ? void 0 : event.button;
@@ -1800,6 +1949,9 @@
         isDragging.value = false;
       }
       function onMouseDown(event) {
+        if (props.disabled) {
+          return;
+        }
         const evBtn = "touches" in event ? void 0 : event.button;
         if (typeof evBtn !== "undefined" && evBtn !== 0 || showShadowModel.value) {
           return;
@@ -1814,6 +1966,33 @@
         }
         handleMove(event);
       }
+      function onKeydown(event) {
+        if (props.disabled || showShadowModel.value) {
+          return;
+        }
+        const keys = {
+          ArrowLeft: -props.step,
+          ArrowDown: -props.step,
+          ArrowRight: props.step,
+          ArrowUp: props.step,
+          PageDown: -props.step * 10,
+          PageUp: props.step * 10
+        };
+        if (event.key in keys) {
+          event.preventDefault();
+          commit(current.value + keys[event.key]);
+          return;
+        }
+        if (event.key === "Home") {
+          event.preventDefault();
+          commit(props.min);
+          return;
+        }
+        if (event.key === "End") {
+          event.preventDefault();
+          commit(props.max);
+        }
+      }
       function onBlurShadowModel() {
         if (shadowModel.value) {
           const newValue = packModelValue(clampValue(parseFloat(shadowModel.value) || 0));
@@ -1829,14 +2008,15 @@
         }
       }
       function onContextMenu() {
-        if (props.showValue) {
-          shadowModel.value = `${props.modelValue}`;
-          showShadowModel.value = true;
-          requestAnimationFrame(() => {
-            var _a;
-            return (_a = shadowInputRef.value) == null ? void 0 : _a.focus();
-          });
+        if (props.disabled || !props.showValue) {
+          return;
         }
+        shadowModel.value = `${props.modelValue}`;
+        showShadowModel.value = true;
+        requestAnimationFrame(() => {
+          var _a;
+          return (_a = shadowInputRef.value) == null ? void 0 : _a.focus();
+        });
       }
       vue.onMounted(() => {
         window.addEventListener("mouseleave", onMouseUp);
@@ -1854,12 +2034,21 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
+          id: controlId.value,
           ref_key: "trackRef",
           ref: trackRef,
-          class: vue.normalizeClass(["tao-slider", { "tao-slider--show-value": __props.showValue }]),
+          class: vue.normalizeClass(["tao-slider", { "tao-slider--show-value": __props.showValue, "tao-slider--disabled": __props.disabled }]),
+          role: "slider",
+          tabindex: __props.disabled ? -1 : 0,
+          "aria-valuemin": __props.min,
+          "aria-valuemax": __props.max,
+          "aria-valuenow": current.value,
+          "aria-disabled": __props.disabled || void 0,
+          "aria-describedby": describedBy.value,
           onContextmenu: vue.withModifiers(onContextMenu, ["prevent"]),
           onMousedown: onMouseDown,
-          onTouchstart: onMouseDown
+          onTouchstart: onMouseDown,
+          onKeydown
         }, [
           _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "tao-slider__track" }, null, -1)),
           vue.createElementVNode("div", {
@@ -1883,21 +2072,22 @@
             onKeydown: onShadowKeydown,
             onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 40, _hoisted_1$n)), [
+          }, null, 40, _hoisted_2$l)), [
             [vue.vModelText, shadowModel.value]
-          ]) : __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, [
+          ]) : __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$h, [
             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)
-        ], 34);
+        ], 42, _hoisted_1$o);
       };
     }
   });
-  const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-9f531a81"]]);
-  const _hoisted_1$m = { class: "tao-file-drop" };
-  const _hoisted_2$j = ["accept", "multiple"];
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-241d1042"]]);
+  const _hoisted_1$n = { class: "tao-file-drop" };
+  const _hoisted_2$k = ["accept", "multiple"];
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoFileDrop" },
     __name: "TaoFileDrop",
     props: {
       modelValue: { default: () => [] },
@@ -1937,10 +2127,6 @@
       function requestClear() {
         emit("clear-request");
       }
-      function triggerFileInput() {
-        var _a;
-        (_a = fileInput.value) == null ? void 0 : _a.click();
-      }
       function processFiles(fileList) {
         const files = Array.from(fileList);
         const result = !props.multiple && files.length > 1 ? [files[0]] : files;
@@ -1953,46 +2139,48 @@
         }
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
           __props.showClear && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 0,
             type: "button",
             class: "tao-file-drop__clear",
+            "aria-label": "Очистить файлы",
             onClick: requestClear
           }, " ✕ ")) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", {
+          vue.createElementVNode("label", {
             class: vue.normalizeClass(["tao-file-drop__zone", [`tao-file-drop__zone--${__props.size}`, { "tao-file-drop__zone--dragging": isDragging.value }]]),
             onDragover: handleDragOver,
             onDragleave: handleDragLeave,
-            onDrop: handleDrop,
-            onClick: triggerFileInput
+            onDrop: handleDrop
           }, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              _cache[0] || (_cache[0] = vue.createTextVNode("Перетащите файл сюда или нажмите, чтобы выбрать", -1))
+              _cache[1] || (_cache[1] = vue.createTextVNode("Перетащите файл сюда или нажмите, чтобы выбрать", -1))
             ], true),
             vue.createElementVNode("input", {
               ref_key: "fileInput",
               ref: fileInput,
+              class: "tao-sr-only",
               type: "file",
-              hidden: "",
               accept: __props.accept,
               multiple: __props.multiple,
-              onChange: handleFileSelect
-            }, null, 40, _hoisted_2$j)
+              onChange: handleFileSelect,
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+              }, ["stop"]))
+            }, null, 40, _hoisted_2$k)
           ], 34)
         ]);
       };
     }
   });
-  const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-547ed4de"]]);
-  const _hoisted_1$l = ["aria-expanded"];
-  const _hoisted_2$i = {
+  const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3543419a"]]);
+  const _hoisted_1$m = ["aria-expanded"];
+  const _hoisted_2$j = {
     key: 1,
     "aria-label": "Меню"
   };
-  const _hoisted_3$f = ["onClick", "onMouseenter"];
-  const _hoisted_4$e = { key: 1 };
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$g = ["onClick", "onMouseenter"];
+  const _hoisted_4$f = { key: 1 };
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDropdownMenu" },
     __name: "TaoDropdownMenu",
     props: {
@@ -2127,8 +2315,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$i, "⋮"))
-          ], 8, _hoisted_1$l),
+            _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$j, "⋮"))
+          ], 8, _hoisted_1$m),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -2153,8 +2341,8 @@
                     id: action.id,
                     ico: action.ico,
                     text: action.name
-                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, vue.toDisplayString(action.name), 1))
-                ], 42, _hoisted_3$f);
+                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$f, vue.toDisplayString(action.name), 1))
+                ], 42, _hoisted_3$g);
               }), 128))
             ], 36)) : vue.createCommentVNode("", true)
           ]))
@@ -2162,133 +2350,185 @@
       };
     }
   });
-  const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3f30c1d7"]]);
-  const _hoisted_1$k = { class: "tao-pin-code" };
-  const _hoisted_2$h = ["value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-420a7e63"]]);
+  const _hoisted_1$l = ["aria-invalid", "aria-describedby"];
+  const _hoisted_2$i = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoPinCode" },
     __name: "TaoPinCode",
     props: {
       length: {},
       hidden: { type: Boolean, default: false },
       placeholder: { default: "" },
-      modelValue: {},
-      numbersOnly: { type: Boolean, default: false }
+      modelValue: { default: "" },
+      numbersOnly: { type: Boolean, default: false },
+      clearOn: { default: "focus" }
     },
-    emits: ["update:modelValue", "change", "active", "blur"],
+    emits: ["update:modelValue", "change", "complete", "active", "blur"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
-      let lastPinCode = NaN;
+      const field = vue.inject(formFieldKey, null);
+      const localId = vue.useId();
+      const controlId = vue.computed(() => (field == null ? void 0 : field.id) ?? localId);
+      const invalid = vue.computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+      const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
       const numbers = vue.ref([]);
       const inputRefs = vue.ref([]);
       const activeNumber = vue.ref(-1);
+      function acceptChar(ch) {
+        if (!ch) {
+          return "";
+        }
+        if (props.numbersOnly && !/^[0-9]$/.test(ch)) {
+          return "";
+        }
+        return ch;
+      }
+      function cellsFromModel(value) {
+        const raw = value ?? "";
+        return Array.from({ length: props.length }, (_, index) => acceptChar(raw[index] ?? ""));
+      }
+      function serialize() {
+        return numbers.value.join("");
+      }
       function emitChange() {
-        const s = numbers.value.map((e) => e ? e : "0").join("");
-        const curPinCode = parseFloat(s);
-        if (lastPinCode !== curPinCode) {
-          lastPinCode = curPinCode;
-          emit("change", curPinCode);
+        const next = serialize();
+        if (next !== (props.modelValue ?? "")) {
+          emit("update:modelValue", next);
+          emit("change", next);
         }
-        emit("update:modelValue", s);
       }
-      function emitBlur() {
-        activeNumber.value = -1;
-        emit("blur");
+      function firstEmptyIndex() {
+        const index = numbers.value.findIndex((cell) => !cell);
+        return index === -1 ? numbers.value.length : index;
+      }
+      function focusCell(index) {
+        var _a;
+        (_a = inputRefs.value[index]) == null ? void 0 : _a.focus();
       }
-      function init() {
-        numbers.value = [...Array(props.length)].map(() => "");
-        inputRefs.value = [];
-        activeNumber.value = -1;
+      function isFilled() {
+        return numbers.value.length === props.length && numbers.value.every((cell) => cell !== "");
       }
       function mutation(v, index) {
-        var _a, _b;
+        var _a;
+        const char = v.length > 1 ? v[v.length - 1] ?? "" : v;
+        const next = acceptChar(char);
+        if (props.numbersOnly && char && !next) {
+          return;
+        }
         numbers.value = [...numbers.value];
-        if (v.length > 1) {
-          v = v[v.length - 1] ?? "";
+        numbers.value[index] = next;
+        emitChange();
+        if (!next) {
+          return;
         }
-        if (props.numbersOnly && v && !/^[0-9]$/.test(v)) {
-          numbers.value[index] = numbers.value[index] ?? "";
+        if (isFilled()) {
+          (_a = inputRefs.value[index]) == null ? void 0 : _a.blur();
+          emit("complete", serialize());
           return;
         }
-        numbers.value[index] = v;
-        const getNextIdx = () => {
-          if (numbers.value.length >= index + 1) {
-            return numbers.value.findIndex((e) => e === "");
-          }
-          return index + 1;
-        };
-        const nextIndex = getNextIdx();
-        if (nextIndex !== -1 && !numbers.value[nextIndex]) {
-          const el = inputRefs.value[nextIndex];
-          if (el) {
-            el.focus();
-          } else {
-            (_a = inputRefs.value[index]) == null ? void 0 : _a.blur();
-            emitBlur();
-          }
-        } else {
-          (_b = inputRefs.value[index]) == null ? void 0 : _b.blur();
-          emitBlur();
+        const nextEmpty = numbers.value.findIndex((cell, cellIndex) => cellIndex > index && !cell);
+        const target = nextEmpty !== -1 ? nextEmpty : index + 1;
+        if (target < props.length) {
+          focusCell(target);
         }
-        emitChange();
       }
       function onFocus(index) {
-        numbers.value = [...numbers.value];
-        numbers.value[index] = "";
+        if (props.clearOn === "input") {
+          const firstEmpty = firstEmptyIndex();
+          if (firstEmpty < props.length && index > firstEmpty) {
+            focusCell(firstEmpty);
+            return;
+          }
+          activeNumber.value = index;
+          emit("active", inputRefs.value[index] ?? null, index);
+          requestAnimationFrame(() => {
+            var _a;
+            return (_a = inputRefs.value[index]) == null ? void 0 : _a.select();
+          });
+          return;
+        }
+        numbers.value = numbers.value.map((cell, cellIndex) => cellIndex >= index ? "" : cell);
         activeNumber.value = index;
         emitChange();
-        emit("active", inputRefs.value[index], index);
+        emit("active", inputRefs.value[index] ?? null, index);
       }
       function onChange(e, index) {
-        const v = e.target.value;
-        mutation(v, index);
+        mutation(e.target.value, index);
       }
       function onKeydown(event, index) {
         if (event.key !== "Backspace") {
           return;
         }
-        if (!numbers.value[index] && index > 0) {
+        if (numbers.value[index]) {
+          return;
+        }
+        if (index > 0) {
           event.preventDefault();
           numbers.value = [...numbers.value];
           numbers.value[index - 1] = "";
-          const prevEl = inputRefs.value[index - 1];
-          prevEl == null ? void 0 : prevEl.focus();
+          focusCell(index - 1);
           activeNumber.value = index - 1;
           emitChange();
         }
       }
-      vue.watch(() => props.modelValue, (v) => {
-        if (!v.length) {
-          init();
-          emitChange();
-        }
-      });
-      init();
+      function onBlur() {
+        requestAnimationFrame(() => {
+          const active = document.activeElement;
+          if (!inputRefs.value.includes(active)) {
+            activeNumber.value = -1;
+            emit("blur");
+          }
+        });
+      }
+      vue.watch(
+        () => [props.modelValue, props.length, props.numbersOnly],
+        () => {
+          const next = cellsFromModel(props.modelValue ?? "");
+          if (next.join("") !== numbers.value.join("") || next.length !== numbers.value.length) {
+            numbers.value = next;
+          }
+        },
+        { immediate: true }
+      );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "tao-pin-code",
+          role: "group",
+          "aria-invalid": invalid.value || void 0,
+          "aria-describedby": describedBy.value
+        }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(numbers.value, (num, index) => {
             return vue.openBlock(), vue.createElementBlock("input", {
+              id: index === 0 ? controlId.value : void 0,
               key: index,
               ref_for: true,
               ref: (el) => inputRefs.value[index] = el,
-              class: vue.normalizeClass(["tao-pin-code__value", { "tao-pin-code__value--active": activeNumber.value === index }]),
+              class: vue.normalizeClass(["tao-pin-code__value", {
+                "tao-pin-code__value--active": activeNumber.value === index,
+                "tao-pin-code__value--invalid": invalid.value
+              }]),
               value: num,
               placeholder: __props.placeholder,
               type: __props.hidden ? "password" : "text",
               inputmode: __props.numbersOnly ? "numeric" : "text",
               pattern: __props.numbersOnly ? "[0-9]" : void 0,
+              autocomplete: "one-time-code",
               maxlength: "1",
               onInput: ($event) => onChange($event, index),
               onKeydown: ($event) => onKeydown($event, index),
-              onFocus: ($event) => onFocus(index)
-            }, null, 42, _hoisted_2$h);
+              onFocus: ($event) => onFocus(index),
+              onBlur
+            }, null, 42, _hoisted_2$i);
           }), 128))
-        ]);
+        ], 8, _hoisted_1$l);
       };
     }
   });
-  const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b8c7bf2c"]]);
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-c3182673"]]);
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoLink" },
     __name: "TaoLink",
     props: {
       to: { default: void 0 },
@@ -2329,8 +2569,8 @@
       };
     }
   });
-  const _hoisted_1$j = ["for"];
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$k = ["for"];
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFormField" },
     __name: "TaoFormField",
     props: {
@@ -2366,7 +2606,7 @@
             key: 0,
             class: "tao-form-field__label",
             for: vue.unref(id)
-          }, vue.toDisplayString(__props.label), 9, _hoisted_1$j)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(__props.label), 9, _hoisted_1$k)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           __props.error ? (vue.openBlock(), vue.createElementBlock("p", {
             key: 1,
@@ -2381,12 +2621,12 @@
       };
     }
   });
-  const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-11324f0c"]]);
-  const _hoisted_1$i = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-  const _hoisted_2$g = { class: "tao-select__value" };
-  const _hoisted_3$e = ["aria-activedescendant"];
-  const _hoisted_4$d = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-11324f0c"]]);
+  const _hoisted_1$j = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+  const _hoisted_2$h = { class: "tao-select__value" };
+  const _hoisted_3$f = ["aria-activedescendant"];
+  const _hoisted_4$e = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSelect" },
     __name: "TaoSelect",
     props: {
@@ -2396,7 +2636,286 @@
       disabled: { type: Boolean, default: false },
       error: { type: Boolean, default: false }
     },
-    emits: ["update:modelValue", "change"],
+    emits: ["update:modelValue", "change"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const field = vue.inject(formFieldKey, null);
+      const localId = vue.useId();
+      const listId = `${localId}-list`;
+      const controlId = vue.computed(() => (field == null ? void 0 : field.id) ?? localId);
+      const invalid = vue.computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
+      const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
+      const open = vue.ref(false);
+      const activeIndex = vue.ref(-1);
+      const triggerRef = vue.ref(null);
+      const panelRef = vue.ref(null);
+      const listRef = vue.ref(null);
+      const listStyle = vue.ref({ top: "0px", left: "0px", width: "0px" });
+      const selected = vue.computed(() => props.options.find((option) => option.value === props.modelValue) ?? null);
+      const enabledIndexes = vue.computed(
+        () => props.options.map((option, index) => option.disabled ? -1 : index).filter((index) => index >= 0)
+      );
+      function updatePosition() {
+        const trigger = triggerRef.value;
+        const panel = panelRef.value;
+        if (!trigger || !panel) {
+          return;
+        }
+        const rect = trigger.getBoundingClientRect();
+        const panelHeight = panel.offsetHeight;
+        const gap = 4;
+        const spaceBelow = window.innerHeight - rect.bottom - gap;
+        const openUp = spaceBelow < panelHeight && rect.top > spaceBelow;
+        listStyle.value = {
+          top: `${openUp ? rect.top - panelHeight - gap : rect.bottom + gap}px`,
+          left: `${rect.left}px`,
+          width: `${rect.width}px`
+        };
+      }
+      async function setOpen(next) {
+        var _a;
+        if (props.disabled) {
+          return;
+        }
+        open.value = next;
+        if (!next) {
+          return;
+        }
+        const selectedIndex = props.options.findIndex((option) => option.value === props.modelValue);
+        activeIndex.value = selectedIndex >= 0 ? selectedIndex : enabledIndexes.value[0] ?? -1;
+        await vue.nextTick();
+        updatePosition();
+        (_a = listRef.value) == null ? void 0 : _a.focus();
+        scrollActiveIntoView();
+      }
+      function toggle() {
+        void setOpen(!open.value);
+      }
+      function close() {
+        open.value = false;
+      }
+      function selectOption(option) {
+        var _a;
+        if (option.disabled) {
+          return;
+        }
+        emit("update:modelValue", option.value);
+        emit("change", option.value);
+        close();
+        (_a = triggerRef.value) == null ? void 0 : _a.focus();
+      }
+      function clear() {
+        var _a;
+        emit("update:modelValue", null);
+        emit("change", null);
+        close();
+        (_a = triggerRef.value) == null ? void 0 : _a.focus();
+      }
+      function moveActive(delta) {
+        const enabled = enabledIndexes.value;
+        if (!enabled.length) {
+          return;
+        }
+        const currentPos = enabled.indexOf(activeIndex.value);
+        const nextPos = currentPos < 0 ? 0 : (currentPos + delta + enabled.length) % enabled.length;
+        activeIndex.value = enabled[nextPos];
+        scrollActiveIntoView();
+      }
+      function scrollActiveIntoView() {
+        const list = listRef.value;
+        if (!list || activeIndex.value < 0) {
+          return;
+        }
+        const option = list.querySelector(`[data-tao-select-index="${activeIndex.value}"]`);
+        option == null ? void 0 : option.scrollIntoView({ block: "nearest" });
+      }
+      function onTriggerKeydown(event) {
+        if (props.disabled) {
+          return;
+        }
+        if ((event.key === "Backspace" || event.key === "Delete") && selected.value) {
+          event.preventDefault();
+          clear();
+          return;
+        }
+        if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          void setOpen(true);
+        }
+      }
+      function onListKeydown(event) {
+        var _a;
+        if (event.key === "Escape") {
+          event.preventDefault();
+          close();
+          (_a = triggerRef.value) == null ? void 0 : _a.focus();
+          return;
+        }
+        if (event.key === "ArrowDown") {
+          event.preventDefault();
+          moveActive(1);
+          return;
+        }
+        if (event.key === "ArrowUp") {
+          event.preventDefault();
+          moveActive(-1);
+          return;
+        }
+        if (event.key === "Home") {
+          event.preventDefault();
+          activeIndex.value = enabledIndexes.value[0] ?? -1;
+          scrollActiveIntoView();
+          return;
+        }
+        if (event.key === "End") {
+          event.preventDefault();
+          activeIndex.value = enabledIndexes.value[enabledIndexes.value.length - 1] ?? -1;
+          scrollActiveIntoView();
+          return;
+        }
+        if (event.key === "Backspace" || event.key === "Delete") {
+          if (selected.value) {
+            event.preventDefault();
+            clear();
+          }
+          return;
+        }
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          const option = props.options[activeIndex.value];
+          if (option) {
+            selectOption(option);
+          }
+        }
+      }
+      function onDocumentPointer(event) {
+        var _a, _b;
+        const target = event.target;
+        if (((_a = triggerRef.value) == null ? void 0 : _a.contains(target)) || ((_b = panelRef.value) == null ? void 0 : _b.contains(target))) {
+          return;
+        }
+        close();
+      }
+      function onViewportChange() {
+        if (open.value) {
+          updatePosition();
+        }
+      }
+      vue.watch(open, (isOpen) => {
+        if (isOpen) {
+          document.addEventListener("pointerdown", onDocumentPointer);
+          window.addEventListener("resize", onViewportChange);
+          window.addEventListener("scroll", onViewportChange, true);
+          return;
+        }
+        document.removeEventListener("pointerdown", onDocumentPointer);
+        window.removeEventListener("resize", onViewportChange);
+        window.removeEventListener("scroll", onViewportChange, true);
+      });
+      vue.onBeforeUnmount(() => {
+        document.removeEventListener("pointerdown", onDocumentPointer);
+        window.removeEventListener("resize", onViewportChange);
+        window.removeEventListener("scroll", onViewportChange, true);
+      });
+      return (_ctx, _cache) => {
+        var _a;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["tao-select", { "tao-select--open": open.value, "tao-select--invalid": invalid.value }])
+        }, [
+          vue.createElementVNode("button", {
+            id: controlId.value,
+            ref_key: "triggerRef",
+            ref: triggerRef,
+            type: "button",
+            class: vue.normalizeClass(["tao-select__trigger", { "tao-select__trigger--placeholder": !selected.value }]),
+            role: "combobox",
+            "aria-expanded": open.value,
+            "aria-haspopup": "listbox",
+            "aria-controls": listId,
+            "aria-invalid": invalid.value || void 0,
+            "aria-describedby": describedBy.value,
+            disabled: __props.disabled,
+            onClick: toggle,
+            onKeydown: onTriggerKeydown
+          }, [
+            vue.createElementVNode("span", _hoisted_2$h, 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$j),
+          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+            open.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              ref_key: "panelRef",
+              ref: panelRef,
+              class: "tao-select__panel",
+              style: vue.normalizeStyle(listStyle.value)
+            }, [
+              vue.createElementVNode("ul", {
+                id: listId,
+                ref_key: "listRef",
+                ref: listRef,
+                class: "tao-select__list",
+                role: "listbox",
+                tabindex: "-1",
+                "aria-activedescendant": activeIndex.value >= 0 ? `${listId}-opt-${activeIndex.value}` : void 0,
+                onKeydown: onListKeydown
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    id: `${listId}-opt-${index}`,
+                    key: String(option.value),
+                    class: vue.normalizeClass(["tao-select__option", {
+                      "tao-select__option--active": index === activeIndex.value,
+                      "tao-select__option--selected": option.value === __props.modelValue,
+                      "tao-select__option--disabled": option.disabled
+                    }]),
+                    role: "option",
+                    "aria-selected": option.value === __props.modelValue,
+                    "aria-disabled": option.disabled || void 0,
+                    "data-tao-select-index": index,
+                    onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                    }, ["prevent"])),
+                    onClick: ($event) => selectOption(option),
+                    onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
+                  }, vue.toDisplayString(option.label), 43, _hoisted_4$e);
+                }), 128))
+              ], 40, _hoisted_3$f),
+              selected.value ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: "tao-select__clear",
+                onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                }, ["prevent"])),
+                onClick: clear
+              }, " Очистить ", 32)) : vue.createCommentVNode("", true)
+            ], 4)) : vue.createCommentVNode("", true)
+          ]))
+        ], 2);
+      };
+    }
+  });
+  const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-42551757"]]);
+  const _hoisted_1$i = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
+  const _hoisted_2$g = {
+    key: 0,
+    class: "tao-combobox__empty"
+  };
+  const _hoisted_3$e = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoCombobox" },
+    __name: "TaoCombobox",
+    props: {
+      modelValue: { default: null },
+      options: { default: () => [] },
+      placeholder: { default: "Начните вводить" },
+      disabled: { type: Boolean, default: false },
+      error: { type: Boolean, default: false },
+      allowCreate: { type: Boolean, default: false }
+    },
+    emits: ["update:modelValue", "change", "create"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
@@ -2407,62 +2926,164 @@
       const invalid = vue.computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
       const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
       const open = vue.ref(false);
+      const focused = vue.ref(false);
+      const picking = vue.ref(false);
+      const skipFocusOpen = vue.ref(false);
+      const query = vue.ref("");
       const activeIndex = vue.ref(-1);
-      const triggerRef = vue.ref(null);
+      const fieldRef = vue.ref(null);
+      const inputRef = vue.ref(null);
+      const panelRef = vue.ref(null);
       const listRef = vue.ref(null);
       const listStyle = vue.ref({ top: "0px", left: "0px", width: "0px" });
-      const selected = vue.computed(() => props.options.find((option) => option.value === props.modelValue) ?? null);
+      const selected = vue.computed(() => {
+        const found = props.options.find((option) => option.value === props.modelValue);
+        if (found) {
+          return found;
+        }
+        if (props.modelValue === null || props.modelValue === void 0 || props.modelValue === "") {
+          return null;
+        }
+        return { value: props.modelValue, label: String(props.modelValue) };
+      });
+      const needle = vue.computed(() => query.value.trim().toLowerCase());
+      const filtered = vue.computed(() => {
+        if (!needle.value) {
+          return props.options;
+        }
+        return props.options.filter((option) => option.label.toLowerCase().includes(needle.value));
+      });
+      const canCreate = vue.computed(() => {
+        const text = query.value.trim();
+        if (!props.allowCreate || !text) {
+          return false;
+        }
+        return !props.options.some((option) => option.label.toLowerCase() === text.toLowerCase());
+      });
+      const rows = vue.computed(() => {
+        const next = filtered.value.map((option) => ({ kind: "option", option }));
+        if (canCreate.value) {
+          next.push({ kind: "create", text: query.value.trim() });
+        }
+        return next;
+      });
       const enabledIndexes = vue.computed(
-        () => props.options.map((option, index) => option.disabled ? -1 : index).filter((index) => index >= 0)
+        () => rows.value.map((row, index) => row.kind === "option" && row.option.disabled ? -1 : index).filter((index) => index >= 0)
       );
+      const activeId = vue.computed(() => activeIndex.value >= 0 ? `${listId}-row-${activeIndex.value}` : void 0);
+      function syncQueryFromModel() {
+        var _a;
+        query.value = ((_a = selected.value) == null ? void 0 : _a.label) ?? "";
+      }
       function updatePosition() {
-        const trigger = triggerRef.value;
-        const list = listRef.value;
-        if (!trigger || !list) {
+        const trigger = fieldRef.value;
+        const panel = panelRef.value;
+        if (!trigger || !panel) {
           return;
         }
         const rect = trigger.getBoundingClientRect();
-        const listHeight = list.offsetHeight;
+        const panelHeight = panel.offsetHeight;
         const gap = 4;
         const spaceBelow = window.innerHeight - rect.bottom - gap;
-        const openUp = spaceBelow < listHeight && rect.top > spaceBelow;
+        const openUp = spaceBelow < panelHeight && rect.top > spaceBelow;
         listStyle.value = {
-          top: `${openUp ? rect.top - listHeight - gap : rect.bottom + gap}px`,
+          top: `${openUp ? rect.top - panelHeight - gap : rect.bottom + gap}px`,
           left: `${rect.left}px`,
           width: `${rect.width}px`
         };
       }
+      function resetActive() {
+        const selectedIndex = rows.value.findIndex(
+          (row) => row.kind === "option" && row.option.value === props.modelValue
+        );
+        if (selectedIndex >= 0 && enabledIndexes.value.includes(selectedIndex)) {
+          activeIndex.value = selectedIndex;
+          return;
+        }
+        activeIndex.value = enabledIndexes.value[0] ?? -1;
+      }
       async function setOpen(next) {
-        var _a;
         if (props.disabled) {
           return;
         }
         open.value = next;
-        if (!next) {
-          return;
-        }
-        const selectedIndex = props.options.findIndex((option) => option.value === props.modelValue);
-        activeIndex.value = selectedIndex >= 0 ? selectedIndex : enabledIndexes.value[0] ?? -1;
+        resetActive();
         await vue.nextTick();
         updatePosition();
-        (_a = listRef.value) == null ? void 0 : _a.focus();
         scrollActiveIntoView();
       }
-      function toggle() {
-        void setOpen(!open.value);
+      function emitValue(value) {
+        emit("update:modelValue", value);
+        emit("change", value);
       }
-      function close() {
+      function keepFocusQuiet() {
+        var _a;
+        skipFocusOpen.value = true;
+        picking.value = false;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      }
+      function commitCreated(value) {
+        emitValue(value);
+        emit("create", value);
+        query.value = value;
         open.value = false;
+        keepFocusQuiet();
       }
       function selectOption(option) {
-        var _a;
         if (option.disabled) {
           return;
         }
-        emit("update:modelValue", option.value);
-        emit("change", option.value);
-        close();
-        (_a = triggerRef.value) == null ? void 0 : _a.focus();
+        emitValue(option.value);
+        query.value = option.label;
+        open.value = false;
+        keepFocusQuiet();
+      }
+      function createFromQuery(text) {
+        const value = text.trim();
+        if (!value) {
+          return;
+        }
+        const exact = props.options.find(
+          (option) => !option.disabled && option.label.toLowerCase() === value.toLowerCase()
+        );
+        if (exact) {
+          selectOption(exact);
+          return;
+        }
+        if (!props.allowCreate) {
+          return;
+        }
+        commitCreated(value);
+      }
+      function revertQuery() {
+        syncQueryFromModel();
+      }
+      function closeAndRevert() {
+        open.value = false;
+        revertQuery();
+      }
+      function closeAndCommit() {
+        open.value = false;
+        const text = query.value.trim();
+        if (!text) {
+          revertQuery();
+          return;
+        }
+        const exact = props.options.find(
+          (option) => !option.disabled && option.label.toLowerCase() === text.toLowerCase()
+        );
+        if (exact) {
+          emitValue(exact.value);
+          query.value = exact.label;
+          return;
+        }
+        if (props.allowCreate) {
+          emitValue(text);
+          emit("create", text);
+          query.value = text;
+          return;
+        }
+        revertQuery();
       }
       function moveActive(delta) {
         const enabled = enabledIndexes.value;
@@ -2479,69 +3100,156 @@
         if (!list || activeIndex.value < 0) {
           return;
         }
-        const option = list.querySelector(`[data-tao-select-index="${activeIndex.value}"]`);
+        const option = list.querySelector(`[data-tao-combobox-index="${activeIndex.value}"]`);
         option == null ? void 0 : option.scrollIntoView({ block: "nearest" });
       }
-      function onTriggerKeydown(event) {
+      function onFieldMouseDown(event) {
+        var _a;
+        if (props.disabled || event.button !== 0) {
+          return;
+        }
+        const onInput2 = event.target === inputRef.value;
+        if (onInput2) {
+          if (focused.value && !open.value) {
+            void setOpen(true);
+          }
+          return;
+        }
+        event.preventDefault();
+        if (open.value) {
+          open.value = false;
+          return;
+        }
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+        void setOpen(true);
+      }
+      function onInput() {
         if (props.disabled) {
           return;
         }
-        if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          void setOpen(true);
+        void setOpen(true);
+        resetActive();
+      }
+      function onFocus() {
+        if (props.disabled) {
+          return;
         }
+        focused.value = true;
+        if (skipFocusOpen.value) {
+          skipFocusOpen.value = false;
+          return;
+        }
+        void setOpen(true);
+        vue.nextTick(() => {
+          var _a;
+          return (_a = inputRef.value) == null ? void 0 : _a.select();
+        });
       }
-      function onListKeydown(event) {
-        var _a;
+      function markPicking() {
+        picking.value = true;
+      }
+      function onBlur() {
+        focused.value = false;
+        window.setTimeout(() => {
+          var _a, _b;
+          if (picking.value) {
+            picking.value = false;
+            return;
+          }
+          if (((_a = fieldRef.value) == null ? void 0 : _a.contains(document.activeElement)) || ((_b = panelRef.value) == null ? void 0 : _b.contains(document.activeElement))) {
+            return;
+          }
+          if (props.allowCreate) {
+            closeAndCommit();
+            return;
+          }
+          closeAndRevert();
+        }, 0);
+      }
+      function activateRow(row) {
+        if (row.kind === "create") {
+          createFromQuery(row.text);
+          return;
+        }
+        selectOption(row.option);
+      }
+      function onInputKeydown(event) {
+        if (props.disabled) {
+          return;
+        }
         if (event.key === "Escape") {
           event.preventDefault();
-          close();
-          (_a = triggerRef.value) == null ? void 0 : _a.focus();
+          closeAndRevert();
           return;
         }
         if (event.key === "ArrowDown") {
           event.preventDefault();
+          if (!open.value) {
+            void setOpen(true);
+            return;
+          }
           moveActive(1);
           return;
         }
         if (event.key === "ArrowUp") {
           event.preventDefault();
+          if (!open.value) {
+            void setOpen(true);
+            return;
+          }
           moveActive(-1);
           return;
         }
-        if (event.key === "Home") {
-          event.preventDefault();
-          activeIndex.value = enabledIndexes.value[0] ?? -1;
-          scrollActiveIntoView();
-          return;
-        }
-        if (event.key === "End") {
-          event.preventDefault();
-          activeIndex.value = enabledIndexes.value[enabledIndexes.value.length - 1] ?? -1;
-          scrollActiveIntoView();
-          return;
-        }
-        if (event.key === "Enter" || event.key === " ") {
+        if (event.key === "Enter") {
           event.preventDefault();
-          const option = props.options[activeIndex.value];
-          if (option) {
-            selectOption(option);
+          if (!open.value) {
+            void setOpen(true);
+            return;
+          }
+          const row = rows.value[activeIndex.value];
+          if (row) {
+            activateRow(row);
+            return;
+          }
+          if (props.allowCreate) {
+            createFromQuery(query.value);
           }
         }
       }
       function onDocumentPointer(event) {
         var _a, _b;
         const target = event.target;
-        if (((_a = triggerRef.value) == null ? void 0 : _a.contains(target)) || ((_b = listRef.value) == null ? void 0 : _b.contains(target))) {
+        if (((_a = fieldRef.value) == null ? void 0 : _a.contains(target)) || ((_b = panelRef.value) == null ? void 0 : _b.contains(target))) {
           return;
         }
-        close();
+        if (props.allowCreate) {
+          closeAndCommit();
+          return;
+        }
+        closeAndRevert();
       }
       function onViewportChange() {
         if (open.value) {
           updatePosition();
         }
       }
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          if (!focused.value) {
+            syncQueryFromModel();
+          }
+        },
+        { immediate: true }
+      );
+      vue.watch(rows, () => {
+        if (!open.value) {
+          return;
+        }
+        if (!enabledIndexes.value.includes(activeIndex.value)) {
+          activeIndex.value = enabledIndexes.value[0] ?? -1;
+        }
+      });
       vue.watch(open, (isOpen) => {
         if (isOpen) {
           document.addEventListener("pointerdown", onDocumentPointer);
@@ -2559,71 +3267,105 @@
         window.removeEventListener("scroll", onViewportChange, true);
       });
       return (_ctx, _cache) => {
-        var _a;
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["tao-select", { "tao-select--open": open.value, "tao-select--invalid": invalid.value }])
+          class: vue.normalizeClass(["tao-combobox", {
+            "tao-combobox--open": open.value,
+            "tao-combobox--invalid": invalid.value,
+            "tao-combobox--disabled": __props.disabled
+          }])
         }, [
-          vue.createElementVNode("button", {
-            id: controlId.value,
-            ref_key: "triggerRef",
-            ref: triggerRef,
-            type: "button",
-            class: vue.normalizeClass(["tao-select__trigger", { "tao-select__trigger--placeholder": !selected.value }]),
-            role: "combobox",
-            "aria-expanded": open.value,
-            "aria-haspopup": "listbox",
-            "aria-controls": listId,
-            "aria-invalid": invalid.value || void 0,
-            "aria-describedby": describedBy.value,
-            disabled: __props.disabled,
-            onClick: toggle,
-            onKeydown: onTriggerKeydown
+          vue.createElementVNode("div", {
+            ref_key: "fieldRef",
+            ref: fieldRef,
+            class: "tao-combobox__field",
+            onMousedown: onFieldMouseDown
           }, [
-            vue.createElementVNode("span", _hoisted_2$g, vue.toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+            vue.createElementVNode("input", {
+              id: controlId.value,
+              ref_key: "inputRef",
+              ref: inputRef,
+              class: "tao-combobox__input",
+              type: "text",
+              role: "combobox",
+              autocomplete: "off",
+              "aria-autocomplete": "list",
+              "aria-haspopup": "listbox",
+              "aria-expanded": open.value,
+              "aria-controls": listId,
+              "aria-activedescendant": open.value ? activeId.value : void 0,
+              "aria-invalid": invalid.value || void 0,
+              "aria-describedby": describedBy.value,
+              disabled: __props.disabled,
+              placeholder: __props.placeholder,
+              value: query.value,
+              onInput: _cache[0] || (_cache[0] = ($event) => {
+                query.value = $event.target.value;
+                onInput();
+              }),
+              onFocus,
+              onBlur,
+              onKeydown: onInputKeydown
+            }, null, 40, _hoisted_1$i),
             _cache[1] || (_cache[1] = vue.createElementVNode("span", {
-              class: "tao-select__chevron",
+              class: "tao-combobox__chevron",
               "aria-hidden": "true"
             }, null, -1))
-          ], 42, _hoisted_1$i),
+          ], 544),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-            open.value ? (vue.openBlock(), vue.createElementBlock("ul", {
+            open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              id: listId,
-              ref_key: "listRef",
-              ref: listRef,
-              class: "tao-select__list",
-              role: "listbox",
-              tabindex: "-1",
-              "aria-activedescendant": activeIndex.value >= 0 ? `${listId}-opt-${activeIndex.value}` : void 0,
-              style: vue.normalizeStyle(listStyle.value),
-              onKeydown: onListKeydown
+              ref_key: "panelRef",
+              ref: panelRef,
+              class: "tao-combobox__panel",
+              style: vue.normalizeStyle(listStyle.value)
             }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  id: `${listId}-opt-${index}`,
-                  key: String(option.value),
-                  class: vue.normalizeClass(["tao-select__option", {
-                    "tao-select__option--active": index === activeIndex.value,
-                    "tao-select__option--selected": option.value === __props.modelValue,
-                    "tao-select__option--disabled": option.disabled
-                  }]),
-                  role: "option",
-                  "aria-selected": option.value === __props.modelValue,
-                  "aria-disabled": option.disabled || void 0,
-                  "data-tao-select-index": index,
-                  onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-                  }, ["prevent"])),
-                  onClick: ($event) => selectOption(option),
-                  onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
-                }, vue.toDisplayString(option.label), 43, _hoisted_4$d);
-              }), 128))
-            ], 44, _hoisted_3$e)) : vue.createCommentVNode("", true)
+              vue.createElementVNode("ul", {
+                id: listId,
+                ref_key: "listRef",
+                ref: listRef,
+                class: "tao-combobox__list",
+                role: "listbox"
+              }, [
+                !rows.value.length ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$g, "Ничего не найдено")) : 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}`,
+                    key: row.kind === "create" ? "create" : String(row.option.value),
+                    class: vue.normalizeClass(["tao-combobox__option", {
+                      "tao-combobox__option--active": index === activeIndex.value,
+                      "tao-combobox__option--selected": row.kind === "option" && row.option.value === __props.modelValue,
+                      "tao-combobox__option--disabled": row.kind === "option" && row.option.disabled,
+                      "tao-combobox__option--create": row.kind === "create"
+                    }]),
+                    role: "option",
+                    "aria-selected": row.kind === "option" && row.option.value === __props.modelValue,
+                    "aria-disabled": row.kind === "option" && row.option.disabled ? true : void 0,
+                    "data-tao-combobox-index": index,
+                    onMousedown: vue.withModifiers(markPicking, ["prevent"]),
+                    onClick: ($event) => activateRow(row),
+                    onMouseenter: ($event) => !(row.kind === "option" && row.option.disabled) && (activeIndex.value = index)
+                  }, [
+                    row.kind === "create" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                      vue.createTextVNode("Добавить «" + vue.toDisplayString(row.text) + "»", 1)
+                    ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      vue.createTextVNode(vue.toDisplayString(row.option.label), 1)
+                    ], 64))
+                  ], 42, _hoisted_3$e);
+                }), 128))
+              ], 512),
+              selected.value ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: "tao-combobox__clear",
+                onMousedown: vue.withModifiers(markPicking, ["prevent"])
+              }, " Очистить ", 32)) : vue.createCommentVNode("", true)
+            ], 4)) : vue.createCommentVNode("", true)
           ]))
         ], 2);
       };
     }
   });
-  const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-fbdc9884"]]);
+  const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-adeb76a4"]]);
   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")}`;
@@ -2724,8 +3466,8 @@
   const _hoisted_1$h = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
   const _hoisted_2$f = { class: "tao-date__value" };
   const _hoisted_3$d = ["aria-label"];
-  const _hoisted_4$c = { class: "tao-date__header" };
-  const _hoisted_5$9 = { class: "tao-date__month" };
+  const _hoisted_4$d = { class: "tao-date__header" };
+  const _hoisted_5$a = { class: "tao-date__month" };
   const _hoisted_6$7 = {
     class: "tao-date__weekdays",
     "aria-hidden": "true"
@@ -3008,7 +3750,7 @@
               style: vue.normalizeStyle(panelStyle.value),
               onKeydown: onPanelKeydown
             }, [
-              vue.createElementVNode("div", _hoisted_4$c, [
+              vue.createElementVNode("div", _hoisted_4$d, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -3032,7 +3774,7 @@
                     })
                   ], -1)
                 ])]),
-                vue.createElementVNode("p", _hoisted_5$9, vue.toDisplayString(monthLabel.value), 1),
+                vue.createElementVNode("p", _hoisted_5$a, vue.toDisplayString(monthLabel.value), 1),
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -3103,14 +3845,14 @@
       };
     }
   });
-  const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-15d8ee2a"]]);
+  const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4227e5f8"]]);
   const _hoisted_1$g = ["for"];
   const _hoisted_2$e = ["id", "checked", "disabled", "aria-checked"];
   const _hoisted_3$c = {
     key: 0,
     class: "tao-switch__label"
   };
-  const _hoisted_4$b = {
+  const _hoisted_4$c = {
     key: 1,
     class: "tao-switch__label"
   };
@@ -3158,7 +3900,7 @@
           }, [
             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$b, [
+          __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, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ], 10, _hoisted_1$g);
@@ -3173,7 +3915,7 @@
     key: 0,
     class: "tao-radio__label"
   };
-  const _hoisted_4$a = {
+  const _hoisted_4$b = {
     key: 1,
     class: "tao-radio__label"
   };
@@ -3229,7 +3971,7 @@
             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$a, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]))
         ], 10, _hoisted_1$f);
@@ -3288,7 +4030,7 @@
     key: 0,
     class: "tao-alert__title"
   };
-  const _hoisted_4$9 = {
+  const _hoisted_4$a = {
     key: 1,
     class: "tao-alert__message"
   };
@@ -3304,16 +4046,17 @@
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
-      const live = vue.computed(() => props.type === "error" || props.type === "warning" ? "assertive" : "polite");
+      const tone = vue.computed(() => props.type === "danger" ? "error" : props.type);
+      const live = vue.computed(() => tone.value === "error" || tone.value === "warning" ? "assertive" : "polite");
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["tao-alert", `tao-alert--${__props.type}`]),
-          role: __props.type === "error" ? "alert" : "status",
+          class: vue.normalizeClass(["tao-alert", `tao-alert--${tone.value}`]),
+          role: tone.value === "error" ? "alert" : "status",
           "aria-live": live.value
         }, [
           vue.createElementVNode("div", _hoisted_2$b, [
             __props.title ? (vue.openBlock(), vue.createElementBlock("strong", _hoisted_3$a, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$9, [
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$a, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ]),
@@ -3328,12 +4071,12 @@
       };
     }
   });
-  const TaoAlert = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-21abd6e5"]]);
+  const TaoAlert = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-4c89fa1f"]]);
   const _hoisted_1$c = { key: 0 };
   const _hoisted_2$a = ["aria-sort"];
   const _hoisted_3$9 = ["onClick"];
-  const _hoisted_4$8 = { key: 1 };
-  const _hoisted_5$8 = { key: 0 };
+  const _hoisted_4$9 = { key: 1 };
+  const _hoisted_5$9 = { key: 0 };
   const _hoisted_6$6 = ["colspan"];
   const _hoisted_7$4 = ["onClick"];
   const _hoisted_8$4 = {
@@ -3446,13 +4189,13 @@
                         }]),
                         "aria-hidden": "true"
                       }, null, 2)
-                    ], 8, _hoisted_3$9)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$8, vue.toDisplayString(column.label), 1))
+                    ], 8, _hoisted_3$9)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, vue.toDisplayString(column.label), 1))
                   ], 12, _hoisted_2$a);
                 }), 128))
               ])
             ]),
             vue.createElementVNode("tbody", null, [
-              isEmpty.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$8, [
+              isEmpty.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$9, [
                 vue.createElementVNode("td", {
                   class: "tao-table__empty",
                   colspan: colCount.value
@@ -3533,8 +4276,8 @@
     class: "tao-pagination__total"
   };
   const _hoisted_3$8 = { class: "tao-pagination__pages" };
-  const _hoisted_4$7 = ["disabled"];
-  const _hoisted_5$7 = ["aria-label", "disabled", "onClick"];
+  const _hoisted_4$8 = ["disabled"];
+  const _hoisted_5$8 = ["aria-label", "disabled", "onClick"];
   const _hoisted_6$5 = {
     key: 1,
     class: "tao-pagination__ellipsis",
@@ -3600,7 +4343,7 @@
               "aria-label": "Назад",
               disabled: __props.disabled || current.value <= 1,
               onClick: _cache[0] || (_cache[0] = ($event) => goTo(current.value - 1))
-            }, " ‹ ", 8, _hoisted_4$7),
+            }, " ‹ ", 8, _hoisted_4$8),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                 key: item.type === "page" ? item.page : item.id
@@ -3612,7 +4355,7 @@
                   "aria-label": item.id === "left" ? `Назад на ${__props.jump} страниц` : `Вперёд на ${__props.jump} страниц`,
                   disabled: __props.disabled,
                   onClick: ($event) => goTo(item.id === "left" ? current.value - __props.jump : current.value + __props.jump)
-                }, " … ", 8, _hoisted_5$7)) : item.type === "ellipsis" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, "…")) : (vue.openBlock(), vue.createElementBlock("button", {
+                }, " … ", 8, _hoisted_5$8)) : item.type === "ellipsis" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, "…")) : (vue.openBlock(), vue.createElementBlock("button", {
                   key: 2,
                   type: "button",
                   class: vue.normalizeClass(["tao-pagination__btn", { "tao-pagination__btn--current": item.page === current.value }]),
@@ -3645,11 +4388,11 @@
     key: 1,
     class: "tao-empty__title"
   };
-  const _hoisted_4$6 = {
+  const _hoisted_4$7 = {
     key: 2,
     class: "tao-empty__text"
   };
-  const _hoisted_5$6 = {
+  const _hoisted_5$7 = {
     key: 3,
     class: "tao-empty__action"
   };
@@ -3666,10 +4409,10 @@
             vue.renderSlot(_ctx.$slots, "icon", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
           __props.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$7, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$6, [
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$7, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
+          _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
             vue.renderSlot(_ctx.$slots, "action", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ]);
@@ -3713,8 +4456,8 @@
     class: "tao-drawer__header"
   };
   const _hoisted_3$6 = ["id"];
-  const _hoisted_4$5 = { key: 1 };
-  const _hoisted_5$5 = { class: "tao-drawer__content" };
+  const _hoisted_4$6 = { key: 1 };
+  const _hoisted_5$6 = { class: "tao-drawer__content" };
   const _hoisted_6$4 = {
     key: 1,
     class: "tao-drawer__footer"
@@ -3830,7 +4573,7 @@
                       key: 0,
                       id: vue.unref(titleId),
                       class: "tao-drawer__title"
-                    }, vue.toDisplayString(__props.title), 9, _hoisted_3$6)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$5)),
+                    }, vue.toDisplayString(__props.title), 9, _hoisted_3$6)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$6)),
                     __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                       key: 2,
                       type: "button",
@@ -3839,7 +4582,7 @@
                       onClick: close
                     }, " × ")) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", _hoisted_5$5, [
+                  vue.createElementVNode("div", _hoisted_5$6, [
                     vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                   ]),
                   _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
@@ -3856,8 +4599,14 @@
   });
   const TaoDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-6a0c0e98"]]);
   const _hoisted_1$7 = ["title"];
-  const _hoisted_2$6 = ["src", "alt"];
-  const _hoisted_3$5 = ["aria-label"];
+  const _hoisted_2$6 = { class: "tao-avatar__face" };
+  const _hoisted_3$5 = ["src", "alt"];
+  const _hoisted_4$5 = ["aria-label"];
+  const _hoisted_5$5 = {
+    key: 1,
+    class: "tao-avatar__badge",
+    "aria-hidden": "true"
+  };
   const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoAvatar" },
     __name: "TaoAvatar",
@@ -3865,10 +4614,21 @@
       src: { default: "" },
       name: { default: "" },
       alt: { default: "" },
-      size: { default: "m" }
+      size: { default: "medium" },
+      dot: { type: [Boolean, String], default: false },
+      count: { default: void 0 }
     },
     setup(__props) {
       const props = __props;
+      const sizeClass = vue.computed(() => {
+        if (props.size === "small" || props.size === "s") {
+          return "s";
+        }
+        if (props.size === "large" || props.size === "l") {
+          return "l";
+        }
+        return "m";
+      });
       const initials = vue.computed(() => {
         const parts = props.name.trim().split(/\s+/).filter(Boolean);
         if (!parts.length) {
@@ -3879,27 +4639,74 @@
         }
         return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`.toUpperCase();
       });
-      const label = vue.computed(() => props.alt || props.name || "Аватар");
+      const dotTone = vue.computed(() => {
+        if (!props.dot) {
+          return null;
+        }
+        if (props.dot === true) {
+          return "success";
+        }
+        return props.dot === "error" ? "danger" : props.dot;
+      });
+      const badge = vue.computed(() => {
+        if (props.count === void 0 || props.count === "") {
+          return "";
+        }
+        const numeric = typeof props.count === "number" ? props.count : Number(props.count);
+        if (Number.isFinite(numeric)) {
+          if (numeric <= 0) {
+            return "";
+          }
+          return numeric > 99 ? "99+" : String(numeric);
+        }
+        return String(props.count);
+      });
+      const dotLabel = {
+        success: "в сети",
+        danger: "занят",
+        warning: "отошёл",
+        info: "статус",
+        neutral: "не в сети"
+      };
+      const label = vue.computed(() => {
+        const base = props.alt || props.name || "Аватар";
+        const extra = [];
+        if (dotTone.value) {
+          extra.push(dotLabel[dotTone.value]);
+        }
+        if (badge.value) {
+          extra.push(`${badge.value} уведомлений`);
+        }
+        return extra.length ? `${base}, ${extra.join(", ")}` : base;
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("span", {
-          class: vue.normalizeClass(["tao-avatar", `tao-avatar--${__props.size}`]),
-          title: __props.name || void 0
+          class: vue.normalizeClass(["tao-avatar", `tao-avatar--${sizeClass.value}`]),
+          title: label.value
         }, [
-          __props.src ? (vue.openBlock(), vue.createElementBlock("img", {
+          vue.createElementVNode("span", _hoisted_2$6, [
+            __props.src ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              class: "tao-avatar__img",
+              src: __props.src,
+              alt: label.value
+            }, null, 8, _hoisted_3$5)) : (vue.openBlock(), vue.createElementBlock("span", {
+              key: 1,
+              class: "tao-avatar__fallback",
+              "aria-label": label.value
+            }, vue.toDisplayString(initials.value || "?"), 9, _hoisted_4$5))
+          ]),
+          dotTone.value ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: "tao-avatar__img",
-            src: __props.src,
-            alt: label.value
-          }, null, 8, _hoisted_2$6)) : (vue.openBlock(), vue.createElementBlock("span", {
-            key: 1,
-            class: "tao-avatar__fallback",
-            "aria-label": label.value
-          }, vue.toDisplayString(initials.value || "?"), 9, _hoisted_3$5))
+            class: vue.normalizeClass(["tao-avatar__dot", `tao-avatar__dot--${dotTone.value}`]),
+            "aria-hidden": "true"
+          }, null, 2)) : vue.createCommentVNode("", true),
+          badge.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$5, vue.toDisplayString(badge.value), 1)) : vue.createCommentVNode("", true)
         ], 10, _hoisted_1$7);
       };
     }
   });
-  const TaoAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b03b36f2"]]);
+  const TaoAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-cb4ec893"]]);
   const _hoisted_1$6 = {
     class: "tao-breadcrumb",
     "aria-label": "Хлебные крошки"
@@ -3935,7 +4742,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$k, {
+                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$l, {
                   key: 2,
                   class: "tao-breadcrumb__link",
                   to: item.to
@@ -4126,7 +4933,7 @@
       function goNext() {
         goTo(index.value + step.value);
       }
-      function goTo(next) {
+      function goTo(next, instant = false) {
         const el = track.value;
         const { width, gap, total } = metrics();
         if (!el || width <= 0 || total <= 0) {
@@ -4148,7 +4955,7 @@
         }
         el.scrollTo({
           left: page * (width + gap),
-          behavior: prefersReducedMotion() || dragging.value || wrapping ? "auto" : "smooth"
+          behavior: prefersReducedMotion() || dragging.value || wrapping || instant ? "auto" : "smooth"
         });
         setIndex(page);
       }
@@ -4206,6 +5013,35 @@
           setIndex(nearestIndex());
         });
       }
+      function releaseDragCapture() {
+        const el = track.value;
+        const id = dragPointer;
+        if (!el || id === -1) {
+          return;
+        }
+        if (typeof el.hasPointerCapture === "function" && !el.hasPointerCapture(id)) {
+          return;
+        }
+        try {
+          el.releasePointerCapture(id);
+        } catch {
+        }
+      }
+      function endDrag(keepClickGuard = false) {
+        if (!dragging.value) {
+          return;
+        }
+        dragging.value = false;
+        releaseDragCapture();
+        dragPointer = -1;
+        if (!keepClickGuard) {
+          dragMoved = 0;
+        }
+        if (track.value) {
+          goTo(nearestIndex(), true);
+        }
+        syncAutoplay();
+      }
       function onPointerDown(event) {
         if (event.pointerType !== "mouse" || event.button !== 0 || !track.value) {
           return;
@@ -4215,7 +5051,10 @@
         dragStartScroll = track.value.scrollLeft;
         dragMoved = 0;
         dragging.value = true;
-        track.value.setPointerCapture(event.pointerId);
+        try {
+          track.value.setPointerCapture(event.pointerId);
+        } catch {
+        }
       }
       function onPointerMove(event) {
         if (!dragging.value || event.pointerId !== dragPointer || !track.value) {
@@ -4225,13 +5064,25 @@
         dragMoved = Math.abs(dx);
         track.value.scrollLeft = dragStartScroll - dx;
       }
-      function onPointerUp(event) {
-        if (!dragging.value || event.pointerId !== dragPointer) {
+      function onPointerEnd(event) {
+        if (!dragging.value) {
           return;
         }
-        dragging.value = false;
-        dragPointer = -1;
-        goTo(nearestIndex());
+        if (dragPointer !== -1 && event.pointerId !== dragPointer) {
+          return;
+        }
+        endDrag(true);
+      }
+      function onLostPointerCapture() {
+        endDrag();
+      }
+      function onWindowBlur() {
+        endDrag();
+      }
+      function onVisibilityChange() {
+        if (document.hidden) {
+          endDrag();
+        }
         syncAutoplay();
       }
       function onClickCapture(event) {
@@ -4270,13 +5121,18 @@
           goTo(props.modelValue);
           syncAutoplay();
         });
-        document.addEventListener("visibilitychange", syncAutoplay);
+        document.addEventListener("visibilitychange", onVisibilityChange);
+        window.addEventListener("blur", onWindowBlur);
+        window.addEventListener("pagehide", onWindowBlur);
       });
       vue.onUpdated(refreshCount);
       vue.onBeforeUnmount(() => {
+        endDrag();
         cancelAnimationFrame(scrollFrame);
         stopAutoplay();
-        document.removeEventListener("visibilitychange", syncAutoplay);
+        document.removeEventListener("visibilitychange", onVisibilityChange);
+        window.removeEventListener("blur", onWindowBlur);
+        window.removeEventListener("pagehide", onWindowBlur);
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -4329,8 +5185,9 @@
               onKeydown,
               onPointerdown: onPointerDown,
               onPointermove: onPointerMove,
-              onPointerup: onPointerUp,
-              onPointercancel: onPointerUp,
+              onPointerup: onPointerEnd,
+              onPointercancel: onPointerEnd,
+              onLostpointercapture: onLostPointerCapture,
               onClickCapture
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -4396,7 +5253,7 @@
       };
     }
   });
-  const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-173f4ce0"]]);
+  const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-81afb8b0"]]);
   const _hoisted_1$3 = ["aria-label"];
   const _hoisted_2$2 = ["aria-label"];
   const _hoisted_3$2 = {
@@ -4449,6 +5306,9 @@
         bad: "ошибка"
       };
       function statusOf(item) {
+        if (item.status === "danger") {
+          return "bad";
+        }
         return item.status ?? "wait";
       }
       function itemLabel(item) {
@@ -4526,7 +5386,7 @@
       };
     }
   });
-  const TaoStages = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-fc11408a"]]);
+  const TaoStages = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-fefa5c65"]]);
   const TOAST_POSITIONS = [
     "topRight",
     "topLeft",
@@ -4652,6 +5512,7 @@
     class: "tao-toast__actions"
   };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoToastItem" },
     __name: "TaoToastItem",
     props: {
       toast: {}
@@ -4706,7 +5567,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["tao-toast", [`tao-toast--${__props.toast.type}`, { "tao-toast--paused": paused.value }]]),
-          role: __props.toast.type === "error" || __props.toast.type === "warning" ? "alert" : "status",
+          role: __props.toast.type === "error" || __props.toast.type === "danger" || __props.toast.type === "warning" ? "alert" : "status",
           "aria-live": "polite",
           onMouseenter: pause,
           onMouseleave: resume
@@ -4735,7 +5596,7 @@
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round"
               }, null, -1)
-            ])])) : __props.toast.type === "error" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4$1, [..._cache[1] || (_cache[1] = [
+            ])])) : __props.toast.type === "error" || __props.toast.type === "danger" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4$1, [..._cache[1] || (_cache[1] = [
               vue.createElementVNode("circle", {
                 cx: "10",
                 cy: "10",
@@ -4825,7 +5686,7 @@
       };
     }
   });
-  const TaoToastItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-04783988"]]);
+  const TaoToastItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c8a329f5"]]);
   const _hoisted_1$1 = { class: "tao-toast-slot__inner" };
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoToastViewport" },
@@ -5146,6 +6007,7 @@
   const TYPE_TIMEOUT = {
     success: 3e3,
     error: 5e3,
+    danger: 5e3,
     warning: 4e3,
     info: 3e3,
     neutral: 2500
@@ -5218,6 +6080,11 @@
         draft.timeout = TYPE_TIMEOUT.error;
         return ctx;
       },
+      danger() {
+        draft.type = "danger";
+        draft.timeout = TYPE_TIMEOUT.danger;
+        return ctx;
+      },
       warning() {
         draft.type = "warning";
         draft.timeout = TYPE_TIMEOUT.warning;
@@ -5367,6 +6234,9 @@
     error(message, options) {
       return shortcut("error", message, options);
     },
+    danger(message, options) {
+      return shortcut("danger", message, options);
+    },
     warning(message, options) {
       return shortcut("warning", message, options);
     },
@@ -5523,7 +6393,7 @@
     TaoSpoiler,
     TaoCopy,
     TaoContainer,
-    _sfc_main$A,
+    _sfc_main$B,
     TaoSpace,
     TaoIcon,
     TaoLoader,
@@ -5539,9 +6409,10 @@
     TaoFileDrop,
     TaoDropdownMenu,
     TaoPinCode,
-    _sfc_main$k,
+    _sfc_main$l,
     TaoFormField,
     TaoSelect,
+    TaoCombobox,
     TaoDate,
     TaoSwitch,
     TaoRadio,
@@ -5576,6 +6447,7 @@
   exports2.TaoCard = TaoCard;
   exports2.TaoCarousel = TaoCarousel;
   exports2.TaoCheckbox = TaoCheckbox;
+  exports2.TaoCombobox = TaoCombobox;
   exports2.TaoConfirmHost = TaoConfirmHost;
   exports2.TaoContainer = TaoContainer;
   exports2.TaoCopy = TaoCopy;
@@ -5586,14 +6458,14 @@
   exports2.TaoDropdownMenu = TaoDropdownMenu;
   exports2.TaoEmpty = TaoEmpty;
   exports2.TaoFileDrop = TaoFileDrop;
-  exports2.TaoFlex = _sfc_main$A;
+  exports2.TaoFlex = _sfc_main$B;
   exports2.TaoFormField = TaoFormField;
   exports2.TaoIcon = TaoIcon;
   exports2.TaoImage = TaoImage;
   exports2.TaoInput = TaoInput;
   exports2.TaoInputGroup = TaoInputGroup;
   exports2.TaoInputNumber = TaoInputNumber;
-  exports2.TaoLink = _sfc_main$k;
+  exports2.TaoLink = _sfc_main$l;
   exports2.TaoLoader = TaoLoader;
   exports2.TaoModal = TaoModal;
   exports2.TaoPagination = TaoPagination;