@1337exp/taoui 1.1.0 → 1.2.2

package/dist/index.mjs

@@ -1,15 +1,15 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, renderSlot, computed, normalizeStyle, inject, useId, ref, watch, onBeforeUnmount, createBlock, Teleport, createVNode, Transition, withCtx, withModifiers, unref, nextTick, Fragment, renderList, createTextVNode, resolveDynamicComponent, useCssVars, onMounted, reactive, onBeforeMount, withDirectives, vModelText, resolveComponent, mergeProps, provide, TransitionGroup, onUpdated, createApp } from "vue";
-const _hoisted_1$E = ["type", "disabled"];
-const _hoisted_2$z = {
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, renderSlot, computed, normalizeStyle, inject, useId, ref, unref, watch, onBeforeUnmount, createBlock, Teleport, createVNode, Transition, withCtx, withModifiers, nextTick, Fragment, renderList, createTextVNode, resolveDynamicComponent, useCssVars, onMounted, reactive, onBeforeMount, useSlots, withDirectives, vModelText, resolveComponent, mergeProps, provide, TransitionGroup, onUpdated, createApp } from "vue";
+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__ */ defineComponent({
+const _hoisted_4$o = { class: "tao-button__content" };
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoButton" },
   __name: "TaoButton",
   props: {
@@ -46,12 +46,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled || __props.loading,
         onClick: handleClick
       }, [
-        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$z)) : createCommentVNode("", true),
-        __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$r, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_4$l, [
+        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$A)) : createCommentVNode("", true),
+        __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$u, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_4$o, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
-      ], 10, _hoisted_1$E);
+      ], 10, _hoisted_1$F);
     };
   }
 });
@@ -62,8 +62,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-5a0fd489"]]);
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-5a0fd489"]]);
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoBlock" },
   __name: "TaoBlock",
   props: {
     padding: { default: 16 },
@@ -94,24 +95,24 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInput" },
   __name: "TaoInput",
   props: {
@@ -147,12 +148,12 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       emit("focus", event);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
-        __props.label ? (openBlock(), createElementBlock("label", {
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+        __props.label && !unref(field) ? (openBlock(), createElementBlock("label", {
           key: 0,
           class: "tao-input__label",
           for: controlId.value
-        }, toDisplayString(__props.label), 9, _hoisted_2$y)) : createCommentVNode("", true),
+        }, toDisplayString(__props.label), 9, _hoisted_2$z)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["tao-input-shell", {
             "tao-input-shell--focused": focused.value,
@@ -162,7 +163,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             "tao-input-shell--suffix": _ctx.$slots.suffix
           }])
         }, [
-          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$q, [
+          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$t, [
             renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
           ])) : createCommentVNode("", true),
           createElementVNode("input", {
@@ -177,27 +178,27 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             onInput: handleInput,
             onBlur: handleBlur,
             onFocus: handleFocus
-          }, null, 42, _hoisted_4$k),
-          _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$c, [
+          }, null, 42, _hoisted_4$n),
+          _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$f, [
             renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 2),
-        __props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$9, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
+        __props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$b, toDisplayString(__props.errorMessage), 1)) : 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__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputGroup" },
   __name: "TaoInputGroup",
   setup(__props) {
@@ -219,28 +220,28 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         onFocusin: onFocusIn,
         onFocusout: onFocusOut
       }, [
-        _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
+        _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
           renderSlot(_ctx.$slots, "before", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$x, [
+        createElementVNode("div", _hoisted_2$y, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$p, [
+        _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
           renderSlot(_ctx.$slots, "after", {}, void 0, true)
         ])) : 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__ */ defineComponent({
+const _hoisted_3$r = ["disabled"];
+const _hoisted_4$m = ["disabled"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputNumber" },
   __name: "TaoInputNumber",
   props: {
@@ -389,8 +390,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 40, _hoisted_1$B),
-        __props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
+        }, null, 40, _hoisted_1$C),
+        __props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
           createElementVNode("button", {
             type: "button",
             class: "tao-input-number__step",
@@ -398,7 +399,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             tabindex: "-1",
             disabled: __props.disabled || atMax.value,
             onClick: _cache[0] || (_cache[0] = ($event) => bump(1))
-          }, " + ", 8, _hoisted_3$o),
+          }, " + ", 8, _hoisted_3$r),
           createElementVNode("button", {
             type: "button",
             class: "tao-input-number__step",
@@ -406,17 +407,17 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             tabindex: "-1",
             disabled: __props.disabled || atMin.value,
             onClick: _cache[1] || (_cache[1] = ($event) => bump(-1))
-          }, " − ", 8, _hoisted_4$j)
+          }, " − ", 8, _hoisted_4$m)
         ])) : 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__ */ 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__ */ defineComponent({
   ...{ name: "TaoQuantity" },
   __name: "TaoQuantity",
   props: {
@@ -549,7 +550,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           "aria-label": minusLabel.value,
           disabled: minusDisabled.value,
           onClick: onDec
-        }, " − ", 8, _hoisted_1$A),
+        }, " − ", 8, _hoisted_1$B),
         createElementVNode("input", {
           id: controlId.value,
           class: "tao-quantity__input",
@@ -569,37 +570,37 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 40, _hoisted_2$v),
+        }, null, 40, _hoisted_2$w),
         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"
 };
@@ -611,7 +612,8 @@ const _hoisted_8$6 = {
   key: 4,
   class: "tao-card__footer"
 };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoCard" },
   __name: "TaoCard",
   props: {
     padding: { default: 20 },
@@ -642,14 +644,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         }]),
         style: normalizeStyle(radiusStyle.value)
       }, [
-        _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
+        _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
           renderSlot(_ctx.$slots, "cover", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "tao-card__content",
           style: normalizeStyle(paddingStyle.value)
         }, [
-          _ctx.$slots.headerTitle ? (openBlock(), createElementBlock("h2", _hoisted_2$u, [
+          _ctx.$slots.headerTitle ? (openBlock(), createElementBlock("h2", _hoisted_2$v, [
             renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
           ])) : createCommentVNode("", true),
           _ctx.$slots.header || _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("div", {
@@ -659,15 +661,15 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, [
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ]),
-            _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$m, [
+            _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$p, [
               renderSlot(_ctx.$slots, "headerSecondary", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
-          _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
-            _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$b, [
+          _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
+            _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$e, [
               renderSlot(_ctx.$slots, "title", {}, void 0, true)
             ])) : createCommentVNode("", true),
-            _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
+            _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
               renderSlot(_ctx.$slots, "sub", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
@@ -682,7 +684,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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(
@@ -711,18 +713,19 @@ function trapTab(event, root) {
     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__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoModal" },
   __name: "TaoModal",
   props: {
@@ -822,12 +825,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 "aria-labelledby": __props.title ? unref(titleId) : void 0,
                 tabindex: "-1"
               }, [
-                __props.title || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
+                __props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
                   renderSlot(_ctx.$slots, "header", {}, () => [
-                    createElementVNode("h2", {
+                    __props.title ? (openBlock(), createElementBlock("h2", {
+                      key: 0,
                       id: unref(titleId),
                       class: "tao-modal__title"
-                    }, toDisplayString(__props.title), 9, _hoisted_3$l)
+                    }, toDisplayString(__props.title), 9, _hoisted_3$o)) : (openBlock(), createElementBlock("span", _hoisted_4$k))
                   ], true),
                   __props.closable ? (openBlock(), createElementBlock("button", {
                     key: 0,
@@ -837,13 +841,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                     onClick: close
                   }, " × ")) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_4$h, [
+                createElementVNode("div", _hoisted_5$d, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ]),
-                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$9, [
                   renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                 ])) : createCommentVNode("", true)
-              ], 8, _hoisted_1$y)
+              ], 8, _hoisted_1$z)
             ], 32)) : createCommentVNode("", true)
           ]),
           _: 3
@@ -852,11 +856,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ 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__ */ defineComponent({
   ...{ name: "TaoTabs" },
   __name: "TaoTabs",
   props: {
@@ -920,7 +924,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createElementVNode("div", {
           class: "tao-tabs__list",
           role: "tablist",
@@ -945,7 +949,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               }, void 0, true, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(tab.label), 1)
               ], 64))
-            ], 8, _hoisted_2$s);
+            ], 8, _hoisted_2$t);
           }), 128))
         ], 32),
         createElementVNode("div", {
@@ -955,13 +959,14 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           "aria-labelledby": tabId(__props.modelValue)
         }, [
           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__ */ defineComponent({
+const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-bf16735e"]]);
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoTooltip" },
   __name: "TaoTooltip",
   props: {
     content: {},
@@ -992,28 +997,37 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _hoisted_4$j = ["id"];
+const _hoisted_5$c = { class: "tao-spoiler__content-inner" };
+const _sfc_main$E = /* @__PURE__ */ 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 = ref(props.defaultOpen);
+    const emit = __emit;
+    const panelId = useId();
+    const internal = ref(props.defaultOpen);
+    const isControlled = computed(() => props.modelValue !== void 0);
+    const isOpen = 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";
@@ -1035,20 +1049,23 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createElementVNode("button", {
+          type: "button",
           class: "tao-spoiler__header",
+          "aria-expanded": isOpen.value,
+          "aria-controls": unref(panelId),
           onClick: toggle
         }, [
           createElementVNode("span", {
             class: normalizeClass(["tao-spoiler__icon", { "tao-spoiler__icon--open": isOpen.value }])
           }, "▶", 2),
-          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_2$r, [
+          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$m, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(__props.title), 1)
             ], true)
           ])) : createCommentVNode("", true)
-        ]),
+        ], 8, _hoisted_2$s),
         createVNode(Transition, {
           name: "tao-spoiler-slide",
           onBeforeEnter,
@@ -1057,11 +1074,15 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           onLeave
         }, {
           default: withCtx(() => [
-            isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
-              createElementVNode("div", _hoisted_4$g, [
+            isOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              id: unref(panelId),
+              class: "tao-spoiler__content"
+            }, [
+              createElementVNode("div", _hoisted_5$c, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ])
-            ])) : createCommentVNode("", true)
+            ], 8, _hoisted_4$j)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -1069,9 +1090,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-061480fb"]]);
-const _hoisted_1$v = { class: "tao-copy" };
-const _sfc_main$C = /* @__PURE__ */ 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__ */ defineComponent({
+  ...{ name: "TaoCopy" },
   __name: "TaoCopy",
   props: {
     text: {},
@@ -1094,12 +1116,13 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         renderSlot(_ctx.$slots, "default", {
           copy,
           copied: copied.value
         }, () => [
           createElementVNode("button", {
+            type: "button",
             class: normalizeClass(["tao-copy__button", { "tao-copy__button--copied": copied.value }]),
             onClick: copy
           }, toDisplayString(copied.value ? __props.successMessage : "Копировать"), 3)
@@ -1108,8 +1131,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-810f1bc7"]]);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-73a42ad9"]]);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoContainer" },
   __name: "TaoContainer",
   props: {
     size: { default: "wide" },
@@ -1125,8 +1149,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-81987648"]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4c0deb90"]]);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoFlex" },
   __name: "TaoFlex",
   props: {
     tag: { default: "div" },
@@ -1156,7 +1181,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoSpace" },
   __name: "TaoSpace",
   props: {
     block: { type: Boolean, default: false },
@@ -1175,9 +1201,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-4190f6ba"]]);
-const _hoisted_1$u = { class: "tao-icon" };
-const _sfc_main$y = /* @__PURE__ */ 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__ */ defineComponent({
+  ...{ name: "TaoIcon" },
   __name: "TaoIcon",
   props: {
     name: {},
@@ -1187,11 +1214,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v2b130076": props.margin
+      "a2e86200": props.margin
     }));
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$u, [
+      return openBlock(), createElementBlock("span", _hoisted_1$v, [
         renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
         createElementVNode("i", {
           class: normalizeClass(["tao-icon__value", [`icon-${props.name}`, { "tao-icon__value--invert": props.invert }]]),
@@ -1202,8 +1229,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-b561364f"]]);
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-145b2cfc"]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoLoader" },
   __name: "TaoLoader",
   props: {
     color: { default: "var(--tao-color-accent)" },
@@ -1212,10 +1240,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     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 = computed(() => {
@@ -1263,10 +1291,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ 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__ */ defineComponent({
+  ...{ name: "TaoImage" },
   __name: "TaoImage",
   props: {
     src: { default: "" },
@@ -1290,7 +1319,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       isLoaded.value = false;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         __props.src ? (openBlock(), createElementBlock("img", {
           key: 0,
           class: normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
@@ -1299,47 +1328,54 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           draggable: "false",
           onLoad: handleLoad,
           onError: handleError
-        }, null, 42, _hoisted_2$q)) : renderSlot(_ctx.$slots, "default", {}, () => [
+        }, null, 42, _hoisted_2$r)) : renderSlot(_ctx.$slots, "default", {}, () => [
           _cache[0] || (_cache[0] = 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__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ 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 = inject(formFieldKey, null);
+    const localId = useId();
+    const controlId = computed(() => (field == null ? void 0 : field.id) ?? localId);
+    const invalid = computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
+    const describedBy = computed(() => field == null ? void 0 : field.describedBy.value);
     const isChecked = 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) {
@@ -1349,33 +1385,50 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       const target = event.target;
       isChecked.value = target.checked;
     }
+    const inputRef = ref(null);
+    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 openBlock(), createElementBlock("label", {
-        class: normalizeClass(["tao-checkbox", { "tao-checkbox--disabled": props.disabled }])
+        class: normalizeClass(["tao-checkbox", { "tao-checkbox--disabled": __props.disabled }]),
+        for: controlId.value
       }, [
-        renderSlot(_ctx.$slots, "pre", {
-          text: props.label
-        }, void 0, true),
+        renderSlot(_ctx.$slots, "pre", { text: __props.label }, void 0, true),
         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] = createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
-        props.label ? (openBlock(), createElementBlock("span", _hoisted_2$p, toDisplayString(props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$i, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$i, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])),
-        renderSlot(_ctx.$slots, "post", {
-          text: props.label
-        }, void 0, true)
-      ], 2);
+        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__ */ defineComponent({
+const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f6b0e565"]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoTag" },
   __name: "TaoTag",
   props: {
     type: { default: "" },
@@ -1386,6 +1439,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const tone = computed(() => props.type === "error" ? "danger" : props.type);
     const style = computed(() => ({
       color: props.color || "",
       background: props.background || "",
@@ -1393,7 +1447,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tao-tag", [props.pointer && "tao-tag--pointer", props.type ? `tao-tag--${props.type}` : ""]]),
+        class: normalizeClass(["tao-tag", [props.pointer && "tao-tag--pointer", tone.value ? `tao-tag--${tone.value}` : ""]]),
         style: normalizeStyle(style.value)
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -1401,39 +1455,43 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoDivider" },
   __name: "TaoDivider",
   props: {
     variant: { default: "line" },
     size: { default: "medium" }
   },
   setup(__props) {
+    const props = __props;
+    const gapSize = computed(() => props.size === "big" ? "large" : props.size);
     return (_ctx, _cache) => {
       return __props.variant === "gap" ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${__props.size}`])
-      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+        class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
+      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$s, [
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-        createElementVNode("span", _hoisted_2$o, [
+        createElementVNode("span", _hoisted_2$p, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _cache[1] || (_cache[1] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-      ])) : (openBlock(), createElementBlock("div", _hoisted_3$h));
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3$k));
     };
   }
 });
-const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-9db02640"]]);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-8187a15d"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoAnimatedBorder" },
   __name: "TaoAnimatedBorder",
   props: {
     borderWidth: { default: 3 },
@@ -1456,13 +1514,19 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ 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__ */ defineComponent({
+  ...{ name: "TaoTextarea" },
   __name: "TaoTextarea",
   props: {
     placeholder: { default: "" },
@@ -1481,12 +1545,34 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     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 = inject(formFieldKey, null);
+    const localId = useId();
+    const controlId = computed(() => props.id || (field == null ? void 0 : field.id) || localId);
+    const invalid = computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
+    const counterId = computed(() => `${controlId.value}-count`);
+    const describedBy = 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 = computed(() => String(props.modelValue ?? "").length);
+    const countLabel = computed(() => {
+      if (props.maxlength != null && props.maxlength > 0) {
+        return `${currentLength.value} / ${props.maxlength}`;
+      }
+      return String(currentLength.value);
+    });
+    const atLimit = computed(
+      () => props.maxlength != null && props.maxlength > 0 && currentLength.value >= props.maxlength
+    );
     const textareaRef = ref(null);
     function onInput(e) {
       const target = e.target;
@@ -1522,9 +1608,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       textarea.style.height = "auto";
       textarea.style.height = `${Math.min(textarea.scrollHeight, 500)}px`;
     }
-    watch(() => props.modelValue, () => {
-      nextTick(autoResize);
-    });
+    watch(
+      () => props.modelValue,
+      () => {
+        nextTick(autoResize);
+      }
+    );
     onMounted(() => {
       var _a;
       if (props.autoFocus) {
@@ -1533,40 +1622,51 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       nextTick(autoResize);
     });
     return (_ctx, _cache) => {
-      return props.dummy ? (openBlock(), createElementBlock("span", _hoisted_1$q, toDisplayString(props.modelValue), 1)) : (openBlock(), createElementBlock("textarea", {
-        key: 1,
-        ref_key: "textareaRef",
-        ref: textareaRef,
-        class: 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 ? (openBlock(), createElementBlock("span", _hoisted_1$r, toDisplayString(__props.modelValue), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$o, [
+        createElementVNode("textarea", {
+          id: controlId.value,
+          ref_key: "textareaRef",
+          ref: textareaRef,
+          class: 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 ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          id: counterId.value,
+          class: normalizeClass(["tao-textarea__count", { "tao-textarea__count--limit": atLimit.value }])
+        }, toDisplayString(countLabel.value), 11, _hoisted_4$h)) : 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__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoScrollTop" },
   __name: "TaoScrollTop",
   props: {
     size: { default: 40 },
@@ -1658,13 +1758,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           isActive.value ? (openBlock(), createElementBlock("button", {
             key: 0,
+            type: "button",
             style: normalizeStyle(mainStyle),
             tabindex: props.tabindex,
             class: normalizeClass(["tao-scroll-top", { "tao-scroll-top--no-outline": !props.hasOutline }]),
-            "aria-label": "Scroll to top",
+            "aria-label": "Наверх",
             onClick: withModifiers(onClick, ["prevent"])
           }, [
-            createElementVNode("div", _hoisted_2$m, [
+            createElementVNode("div", _hoisted_2$n, [
               createElementVNode("div", {
                 class: normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
                 style: normalizeStyle(rippleStyle)
@@ -1681,69 +1782,101 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 ], -1))
               ], true)
             ])
-          ], 14, _hoisted_1$p)) : createCommentVNode("", true)
+          ], 14, _hoisted_1$q)) : 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__ */ 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__ */ 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 = useSlots();
+    const minW = computed(() => props.minWidth ?? props.min ?? 200);
+    const maxW = computed(() => props.maxWidth ?? props.max ?? 400);
+    const hasRight = computed(() => Boolean(slots.right));
+    const percentPlace = computed(() => {
+      if (!props.showPercentage) {
+        return null;
+      }
+      return props.showPercentage === "right" ? "right" : "top";
+    });
+    const showOverPercent = computed(() => percentPlace.value === "top");
+    const showEndPercent = computed(() => percentPlace.value === "right");
+    const endPercentLabel = computed(
+      () => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("div", {
-          class: "tao-progress__container",
-          style: normalizeStyle({ minWidth: `${__props.min}px`, maxWidth: `${__props.max}px` })
+          class: normalizeClass(["tao-progress__container", { "tao-progress__container--over": showOverPercent.value }]),
+          style: normalizeStyle({ minWidth: `${minW.value}px`, maxWidth: `${maxW.value}px` })
         }, [
-          _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
+          _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
             renderSlot(_ctx.$slots, "left", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: "tao-progress__track",
-            style: normalizeStyle({ height: `${__props.height}px` })
-          }, [
+          createElementVNode("div", _hoisted_3$i, [
+            showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$g, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
             createElementVNode("div", {
-              class: normalizeClass(["tao-progress__fill", { "tao-progress__fill--animated": __props.animated }]),
-              style: normalizeStyle({ width: `${__props.progress}%` })
-            }, null, 6)
-          ], 4),
-          createElementVNode("div", _hoisted_3$g, [
-            __props.showPercentage ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "right", {}, void 0, true)
-          ])
-        ], 4)
+              class: "tao-progress__track",
+              style: normalizeStyle({ height: `${__props.height}px` })
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(["tao-progress__fill", { "tao-progress__fill--animated": __props.animated }]),
+                style: normalizeStyle({ width: `${__props.progress}%` })
+              }, null, 6)
+            ], 4)
+          ]),
+          _ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
+            renderSlot(_ctx.$slots, "right", {}, void 0, true),
+            showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$8, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
+          ])) : 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__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoSlider" },
   __name: "TaoSlider",
   props: {
     min: { default: 0 },
@@ -1751,18 +1884,25 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     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 = inject(formFieldKey, null);
+    const localId = useId();
+    const controlId = computed(() => (field == null ? void 0 : field.id) ?? localId);
+    const describedBy = 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 = computed(() => unpackModelValue());
     const trackRef = ref(null);
     const isDragging = ref(false);
     const shadowInputRef = ref(null);
@@ -1770,11 +1910,17 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const showShadowModel = ref(false);
     const progressPercent = 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;
@@ -1782,12 +1928,15 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       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;
@@ -1797,6 +1946,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       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;
@@ -1811,6 +1963,33 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }
       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));
@@ -1826,14 +2005,15 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }
     }
     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();
+      });
     }
     onMounted(() => {
       window.addEventListener("mouseleave", onMouseUp);
@@ -1851,12 +2031,21 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        id: controlId.value,
         ref_key: "trackRef",
         ref: trackRef,
-        class: normalizeClass(["tao-slider", { "tao-slider--show-value": __props.showValue }]),
+        class: 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: withModifiers(onContextMenu, ["prevent"]),
         onMousedown: onMouseDown,
-        onTouchstart: onMouseDown
+        onTouchstart: onMouseDown,
+        onKeydown
       }, [
         _cache[2] || (_cache[2] = createElementVNode("div", { class: "tao-slider__track" }, null, -1)),
         createElementVNode("div", {
@@ -1880,21 +2069,22 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           onKeydown: onShadowKeydown,
           onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 40, _hoisted_1$n)), [
+        }, null, 40, _hoisted_2$l)), [
           [vModelText, shadowModel.value]
-        ]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
+        ]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
           renderSlot(_ctx.$slots, "pre-value", {}, void 0, true),
           createTextVNode(toDisplayString(__props.modelValue), 1),
           renderSlot(_ctx.$slots, "post-value", {}, void 0, true)
         ])) : 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__ */ 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__ */ defineComponent({
+  ...{ name: "TaoFileDrop" },
   __name: "TaoFileDrop",
   props: {
     modelValue: { default: () => [] },
@@ -1934,10 +2124,6 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     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;
@@ -1950,46 +2136,48 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
         __props.showClear && __props.modelValue.length ? (openBlock(), createElementBlock("button", {
           key: 0,
           type: "button",
           class: "tao-file-drop__clear",
+          "aria-label": "Очистить файлы",
           onClick: requestClear
         }, " ✕ ")) : createCommentVNode("", true),
-        createElementVNode("div", {
+        createElementVNode("label", {
           class: 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
         }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            _cache[0] || (_cache[0] = createTextVNode("Перетащите файл сюда или нажмите, чтобы выбрать", -1))
+            _cache[1] || (_cache[1] = createTextVNode("Перетащите файл сюда или нажмите, чтобы выбрать", -1))
           ], true),
           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] = 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__ */ defineComponent({
+const _hoisted_3$g = ["onClick", "onMouseenter"];
+const _hoisted_4$f = { key: 1 };
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDropdownMenu" },
   __name: "TaoDropdownMenu",
   props: {
@@ -2124,8 +2312,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           "aria-expanded": isOpen.value,
           onClick: toggleMenu
         }, [
-          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_2$i, "⋮"))
-        ], 8, _hoisted_1$l),
+          _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_2$j, "⋮"))
+        ], 8, _hoisted_1$m),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           isOpen.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -2150,8 +2338,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   id: action.id,
                   ico: action.ico,
                   text: action.name
-                }, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_4$e, toDisplayString(action.name), 1))
-              ], 42, _hoisted_3$f);
+                }, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString(action.name), 1))
+              ], 42, _hoisted_3$g);
             }), 128))
           ], 36)) : createCommentVNode("", true)
         ]))
@@ -2159,133 +2347,185 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ 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__ */ 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 = inject(formFieldKey, null);
+    const localId = useId();
+    const controlId = computed(() => (field == null ? void 0 : field.id) ?? localId);
+    const invalid = computed(() => Boolean(field == null ? void 0 : field.invalid.value));
+    const describedBy = computed(() => field == null ? void 0 : field.describedBy.value);
     const numbers = ref([]);
     const inputRefs = ref([]);
     const activeNumber = 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();
       }
     }
-    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");
+        }
+      });
+    }
+    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 openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", {
+        class: "tao-pin-code",
+        role: "group",
+        "aria-invalid": invalid.value || void 0,
+        "aria-describedby": describedBy.value
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(numbers.value, (num, index) => {
           return openBlock(), createElementBlock("input", {
+            id: index === 0 ? controlId.value : void 0,
             key: index,
             ref_for: true,
             ref: (el) => inputRefs.value[index] = el,
-            class: normalizeClass(["tao-pin-code__value", { "tao-pin-code__value--active": activeNumber.value === index }]),
+            class: 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__ */ defineComponent({
+const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-c3182673"]]);
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoLink" },
   __name: "TaoLink",
   props: {
     to: { default: void 0 },
@@ -2326,8 +2566,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = ["for"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = ["for"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFormField" },
   __name: "TaoFormField",
   props: {
@@ -2363,7 +2603,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           key: 0,
           class: "tao-form-field__label",
           for: unref(id)
-        }, toDisplayString(__props.label), 9, _hoisted_1$j)) : createCommentVNode("", true),
+        }, toDisplayString(__props.label), 9, _hoisted_1$k)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         __props.error ? (openBlock(), createElementBlock("p", {
           key: 1,
@@ -2378,12 +2618,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ 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__ */ defineComponent({
   ...{ name: "TaoSelect" },
   __name: "TaoSelect",
   props: {
@@ -2393,7 +2633,286 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     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 = inject(formFieldKey, null);
+    const localId = useId();
+    const listId = `${localId}-list`;
+    const controlId = computed(() => (field == null ? void 0 : field.id) ?? localId);
+    const invalid = computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
+    const describedBy = computed(() => field == null ? void 0 : field.describedBy.value);
+    const open = ref(false);
+    const activeIndex = ref(-1);
+    const triggerRef = ref(null);
+    const panelRef = ref(null);
+    const listRef = ref(null);
+    const listStyle = ref({ top: "0px", left: "0px", width: "0px" });
+    const selected = computed(() => props.options.find((option) => option.value === props.modelValue) ?? null);
+    const enabledIndexes = 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 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();
+      }
+    }
+    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);
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("pointerdown", onDocumentPointer);
+      window.removeEventListener("resize", onViewportChange);
+      window.removeEventListener("scroll", onViewportChange, true);
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tao-select", { "tao-select--open": open.value, "tao-select--invalid": invalid.value }])
+      }, [
+        createElementVNode("button", {
+          id: controlId.value,
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          type: "button",
+          class: 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
+        }, [
+          createElementVNode("span", _hoisted_2$h, toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+          _cache[2] || (_cache[2] = createElementVNode("span", {
+            class: "tao-select__chevron",
+            "aria-hidden": "true"
+          }, null, -1))
+        ], 42, _hoisted_1$j),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          open.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "panelRef",
+            ref: panelRef,
+            class: "tao-select__panel",
+            style: normalizeStyle(listStyle.value)
+          }, [
+            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
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+                return openBlock(), createElementBlock("li", {
+                  id: `${listId}-opt-${index}`,
+                  key: String(option.value),
+                  class: 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] = withModifiers(() => {
+                  }, ["prevent"])),
+                  onClick: ($event) => selectOption(option),
+                  onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
+                }, toDisplayString(option.label), 43, _hoisted_4$e);
+              }), 128))
+            ], 40, _hoisted_3$f),
+            selected.value ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "tao-select__clear",
+              onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+              }, ["prevent"])),
+              onClick: clear
+            }, " Очистить ", 32)) : createCommentVNode("", true)
+          ], 4)) : 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__ */ 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;
@@ -2404,62 +2923,164 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const invalid = computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
     const describedBy = computed(() => field == null ? void 0 : field.describedBy.value);
     const open = ref(false);
+    const focused = ref(false);
+    const picking = ref(false);
+    const skipFocusOpen = ref(false);
+    const query = ref("");
     const activeIndex = ref(-1);
-    const triggerRef = ref(null);
+    const fieldRef = ref(null);
+    const inputRef = ref(null);
+    const panelRef = ref(null);
     const listRef = ref(null);
     const listStyle = ref({ top: "0px", left: "0px", width: "0px" });
-    const selected = computed(() => props.options.find((option) => option.value === props.modelValue) ?? null);
+    const selected = 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 = computed(() => query.value.trim().toLowerCase());
+    const filtered = computed(() => {
+      if (!needle.value) {
+        return props.options;
+      }
+      return props.options.filter((option) => option.label.toLowerCase().includes(needle.value));
+    });
+    const canCreate = computed(() => {
+      const text = query.value.trim();
+      if (!props.allowCreate || !text) {
+        return false;
+      }
+      return !props.options.some((option) => option.label.toLowerCase() === text.toLowerCase());
+    });
+    const rows = 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 = 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 = 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 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;
@@ -2476,69 +3097,156 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       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);
+      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();
       }
     }
+    watch(
+      () => props.modelValue,
+      () => {
+        if (!focused.value) {
+          syncQueryFromModel();
+        }
+      },
+      { immediate: true }
+    );
+    watch(rows, () => {
+      if (!open.value) {
+        return;
+      }
+      if (!enabledIndexes.value.includes(activeIndex.value)) {
+        activeIndex.value = enabledIndexes.value[0] ?? -1;
+      }
+    });
     watch(open, (isOpen) => {
       if (isOpen) {
         document.addEventListener("pointerdown", onDocumentPointer);
@@ -2556,71 +3264,105 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       window.removeEventListener("scroll", onViewportChange, true);
     });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tao-select", { "tao-select--open": open.value, "tao-select--invalid": invalid.value }])
+        class: normalizeClass(["tao-combobox", {
+          "tao-combobox--open": open.value,
+          "tao-combobox--invalid": invalid.value,
+          "tao-combobox--disabled": __props.disabled
+        }])
       }, [
-        createElementVNode("button", {
-          id: controlId.value,
-          ref_key: "triggerRef",
-          ref: triggerRef,
-          type: "button",
-          class: 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
+        createElementVNode("div", {
+          ref_key: "fieldRef",
+          ref: fieldRef,
+          class: "tao-combobox__field",
+          onMousedown: onFieldMouseDown
         }, [
-          createElementVNode("span", _hoisted_2$g, toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+          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] = createElementVNode("span", {
-            class: "tao-select__chevron",
+            class: "tao-combobox__chevron",
             "aria-hidden": "true"
           }, null, -1))
-        ], 42, _hoisted_1$i),
+        ], 544),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
-          open.value ? (openBlock(), createElementBlock("ul", {
+          open.value ? (openBlock(), 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: normalizeStyle(listStyle.value),
-            onKeydown: onListKeydown
+            ref_key: "panelRef",
+            ref: panelRef,
+            class: "tao-combobox__panel",
+            style: normalizeStyle(listStyle.value)
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
-              return openBlock(), createElementBlock("li", {
-                id: `${listId}-opt-${index}`,
-                key: String(option.value),
-                class: 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] = withModifiers(() => {
-                }, ["prevent"])),
-                onClick: ($event) => selectOption(option),
-                onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
-              }, toDisplayString(option.label), 43, _hoisted_4$d);
-            }), 128))
-          ], 44, _hoisted_3$e)) : createCommentVNode("", true)
+            createElementVNode("ul", {
+              id: listId,
+              ref_key: "listRef",
+              ref: listRef,
+              class: "tao-combobox__list",
+              role: "listbox"
+            }, [
+              !rows.value.length ? (openBlock(), createElementBlock("li", _hoisted_2$g, "Ничего не найдено")) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, index) => {
+                return openBlock(), createElementBlock("li", {
+                  id: `${listId}-row-${index}`,
+                  key: row.kind === "create" ? "create" : String(row.option.value),
+                  class: 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: withModifiers(markPicking, ["prevent"]),
+                  onClick: ($event) => activateRow(row),
+                  onMouseenter: ($event) => !(row.kind === "option" && row.option.disabled) && (activeIndex.value = index)
+                }, [
+                  row.kind === "create" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createTextVNode("Добавить «" + toDisplayString(row.text) + "»", 1)
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createTextVNode(toDisplayString(row.option.label), 1)
+                  ], 64))
+                ], 42, _hoisted_3$e);
+              }), 128))
+            ], 512),
+            selected.value ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "tao-combobox__clear",
+              onMousedown: withModifiers(markPicking, ["prevent"])
+            }, " Очистить ", 32)) : createCommentVNode("", true)
+          ], 4)) : 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")}`;
@@ -2721,8 +3463,8 @@ function buildTaoDateGrid(year, month) {
 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"
@@ -3005,7 +3747,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(panelStyle.value),
             onKeydown: onPanelKeydown
           }, [
-            createElementVNode("div", _hoisted_4$c, [
+            createElementVNode("div", _hoisted_4$d, [
               createElementVNode("button", {
                 type: "button",
                 class: "tao-date__nav",
@@ -3029,7 +3771,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   })
                 ], -1)
               ])]),
-              createElementVNode("p", _hoisted_5$9, toDisplayString(monthLabel.value), 1),
+              createElementVNode("p", _hoisted_5$a, toDisplayString(monthLabel.value), 1),
               createElementVNode("button", {
                 type: "button",
                 class: "tao-date__nav",
@@ -3100,14 +3842,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"
 };
@@ -3155,7 +3897,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("span", { class: "tao-switch__thumb" })
         ], -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(__props.label), 1)) : _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$c, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 10, _hoisted_1$g);
@@ -3170,7 +3912,7 @@ const _hoisted_3$b = {
   key: 0,
   class: "tao-radio__label"
 };
-const _hoisted_4$a = {
+const _hoisted_4$b = {
   key: 1,
   class: "tao-radio__label"
 };
@@ -3226,7 +3968,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           class: "tao-radio__dot",
           "aria-hidden": "true"
         }, null, -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$a, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$b, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]))
       ], 10, _hoisted_1$f);
@@ -3285,7 +4027,7 @@ const _hoisted_3$a = {
   key: 0,
   class: "tao-alert__title"
 };
-const _hoisted_4$9 = {
+const _hoisted_4$a = {
   key: 1,
   class: "tao-alert__message"
 };
@@ -3301,16 +4043,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const live = computed(() => props.type === "error" || props.type === "warning" ? "assertive" : "polite");
+    const tone = computed(() => props.type === "danger" ? "error" : props.type);
+    const live = computed(() => tone.value === "error" || tone.value === "warning" ? "assertive" : "polite");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tao-alert", `tao-alert--${__props.type}`]),
-        role: __props.type === "error" ? "alert" : "status",
+        class: normalizeClass(["tao-alert", `tao-alert--${tone.value}`]),
+        role: tone.value === "error" ? "alert" : "status",
         "aria-live": live.value
       }, [
         createElementVNode("div", _hoisted_2$b, [
           __props.title ? (openBlock(), createElementBlock("strong", _hoisted_3$a, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$9, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$a, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ]),
@@ -3325,12 +4068,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = {
@@ -3443,13 +4186,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       }]),
                       "aria-hidden": "true"
                     }, null, 2)
-                  ], 8, _hoisted_3$9)) : (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(column.label), 1))
+                  ], 8, _hoisted_3$9)) : (openBlock(), createElementBlock("span", _hoisted_4$9, toDisplayString(column.label), 1))
                 ], 12, _hoisted_2$a);
               }), 128))
             ])
           ]),
           createElementVNode("tbody", null, [
-            isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_5$8, [
+            isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_5$9, [
               createElementVNode("td", {
                 class: "tao-table__empty",
                 colspan: colCount.value
@@ -3530,8 +4273,8 @@ const _hoisted_2$9 = {
   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",
@@ -3597,7 +4340,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             "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),
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
             return openBlock(), createElementBlock(Fragment, {
               key: item.type === "page" ? item.page : item.id
@@ -3609,7 +4352,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 "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" ? (openBlock(), createElementBlock("span", _hoisted_6$5, "…")) : (openBlock(), createElementBlock("button", {
+              }, " … ", 8, _hoisted_5$8)) : item.type === "ellipsis" ? (openBlock(), createElementBlock("span", _hoisted_6$5, "…")) : (openBlock(), createElementBlock("button", {
                 key: 2,
                 type: "button",
                 class: normalizeClass(["tao-pagination__btn", { "tao-pagination__btn--current": item.page === current.value }]),
@@ -3642,11 +4385,11 @@ const _hoisted_3$7 = {
   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"
 };
@@ -3663,10 +4406,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "icon", {}, void 0, true)
         ])) : createCommentVNode("", true),
         __props.title ? (openBlock(), createElementBlock("p", _hoisted_3$7, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$6, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("p", _hoisted_4$7, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+        _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
           renderSlot(_ctx.$slots, "action", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
@@ -3710,8 +4453,8 @@ const _hoisted_2$7 = {
   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"
@@ -3827,7 +4570,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     key: 0,
                     id: unref(titleId),
                     class: "tao-drawer__title"
-                  }, toDisplayString(__props.title), 9, _hoisted_3$6)) : (openBlock(), createElementBlock("span", _hoisted_4$5)),
+                  }, toDisplayString(__props.title), 9, _hoisted_3$6)) : (openBlock(), createElementBlock("span", _hoisted_4$6)),
                   __props.closable ? (openBlock(), createElementBlock("button", {
                     key: 2,
                     type: "button",
@@ -3836,7 +4579,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     onClick: close
                   }, " × ")) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_5$5, [
+                createElementVNode("div", _hoisted_5$6, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ]),
                 _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
@@ -3853,8 +4596,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
   ...{ name: "TaoAvatar" },
   __name: "TaoAvatar",
@@ -3862,10 +4611,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     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 = computed(() => {
+      if (props.size === "small" || props.size === "s") {
+        return "s";
+      }
+      if (props.size === "large" || props.size === "l") {
+        return "l";
+      }
+      return "m";
+    });
     const initials = computed(() => {
       const parts = props.name.trim().split(/\s+/).filter(Boolean);
       if (!parts.length) {
@@ -3876,27 +4636,74 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
       return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`.toUpperCase();
     });
-    const label = computed(() => props.alt || props.name || "Аватар");
+    const dotTone = computed(() => {
+      if (!props.dot) {
+        return null;
+      }
+      if (props.dot === true) {
+        return "success";
+      }
+      return props.dot === "error" ? "danger" : props.dot;
+    });
+    const badge = 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 = 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 openBlock(), createElementBlock("span", {
-        class: normalizeClass(["tao-avatar", `tao-avatar--${__props.size}`]),
-        title: __props.name || void 0
+        class: normalizeClass(["tao-avatar", `tao-avatar--${sizeClass.value}`]),
+        title: label.value
       }, [
-        __props.src ? (openBlock(), createElementBlock("img", {
+        createElementVNode("span", _hoisted_2$6, [
+          __props.src ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            class: "tao-avatar__img",
+            src: __props.src,
+            alt: label.value
+          }, null, 8, _hoisted_3$5)) : (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: "tao-avatar__fallback",
+            "aria-label": label.value
+          }, toDisplayString(initials.value || "?"), 9, _hoisted_4$5))
+        ]),
+        dotTone.value ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: "tao-avatar__img",
-          src: __props.src,
-          alt: label.value
-        }, null, 8, _hoisted_2$6)) : (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: "tao-avatar__fallback",
-          "aria-label": label.value
-        }, toDisplayString(initials.value || "?"), 9, _hoisted_3$5))
+          class: normalizeClass(["tao-avatar__dot", `tao-avatar__dot--${dotTone.value}`]),
+          "aria-hidden": "true"
+        }, null, 2)) : createCommentVNode("", true),
+        badge.value ? (openBlock(), createElementBlock("span", _hoisted_5$5, toDisplayString(badge.value), 1)) : 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": "Хлебные крошки"
@@ -3932,7 +4739,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               class: "tao-breadcrumb__item"
             }, [
               index > 0 ? (openBlock(), createElementBlock("span", _hoisted_3$4, "/")) : createCommentVNode("", true),
-              index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(item.label), 1)) : item.to ? (openBlock(), createBlock(_sfc_main$k, {
+              index === __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(item.label), 1)) : item.to ? (openBlock(), createBlock(_sfc_main$l, {
                 key: 2,
                 class: "tao-breadcrumb__link",
                 to: item.to
@@ -4123,7 +4930,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     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) {
@@ -4145,7 +4952,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       el.scrollTo({
         left: page * (width + gap),
-        behavior: prefersReducedMotion() || dragging.value || wrapping ? "auto" : "smooth"
+        behavior: prefersReducedMotion() || dragging.value || wrapping || instant ? "auto" : "smooth"
       });
       setIndex(page);
     }
@@ -4203,6 +5010,35 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         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;
@@ -4212,7 +5048,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       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) {
@@ -4222,13 +5061,25 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       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) {
@@ -4267,13 +5118,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         goTo(props.modelValue);
         syncAutoplay();
       });
-      document.addEventListener("visibilitychange", syncAutoplay);
+      document.addEventListener("visibilitychange", onVisibilityChange);
+      window.addEventListener("blur", onWindowBlur);
+      window.addEventListener("pagehide", onWindowBlur);
     });
     onUpdated(refreshCount);
     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 openBlock(), createElementBlock("div", {
@@ -4326,8 +5182,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             onKeydown,
             onPointerdown: onPointerDown,
             onPointermove: onPointerMove,
-            onPointerup: onPointerUp,
-            onPointercancel: onPointerUp,
+            onPointerup: onPointerEnd,
+            onPointercancel: onPointerEnd,
+            onLostpointercapture: onLostPointerCapture,
             onClickCapture
           }, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -4393,7 +5250,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = {
@@ -4446,6 +5303,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       bad: "ошибка"
     };
     function statusOf(item) {
+      if (item.status === "danger") {
+        return "bad";
+      }
       return item.status ?? "wait";
     }
     function itemLabel(item) {
@@ -4523,7 +5383,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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",
@@ -4649,6 +5509,7 @@ const _hoisted_10 = {
   class: "tao-toast__actions"
 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoToastItem" },
   __name: "TaoToastItem",
   props: {
     toast: {}
@@ -4703,7 +5564,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: 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
@@ -4732,7 +5593,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, null, -1)
-          ])])) : __props.toast.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_4$1, [..._cache[1] || (_cache[1] = [
+          ])])) : __props.toast.type === "error" || __props.toast.type === "danger" ? (openBlock(), createElementBlock("svg", _hoisted_4$1, [..._cache[1] || (_cache[1] = [
             createElementVNode("circle", {
               cx: "10",
               cy: "10",
@@ -4822,7 +5683,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
   ...{ name: "TaoToastViewport" },
@@ -5143,6 +6004,7 @@ const TaoConfirmHost = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "da
 const TYPE_TIMEOUT = {
   success: 3e3,
   error: 5e3,
+  danger: 5e3,
   warning: 4e3,
   info: 3e3,
   neutral: 2500
@@ -5215,6 +6077,11 @@ function createBuilder$1() {
       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;
@@ -5364,6 +6231,9 @@ const toast = Object.assign(createBuilder$1, {
   error(message, options) {
     return shortcut("error", message, options);
   },
+  danger(message, options) {
+    return shortcut("danger", message, options);
+  },
   warning(message, options) {
     return shortcut("warning", message, options);
   },
@@ -5520,7 +6390,7 @@ const components = [
   TaoSpoiler,
   TaoCopy,
   TaoContainer,
-  _sfc_main$A,
+  _sfc_main$B,
   TaoSpace,
   TaoIcon,
   TaoLoader,
@@ -5536,9 +6406,10 @@ const components = [
   TaoFileDrop,
   TaoDropdownMenu,
   TaoPinCode,
-  _sfc_main$k,
+  _sfc_main$l,
   TaoFormField,
   TaoSelect,
+  TaoCombobox,
   TaoDate,
   TaoSwitch,
   TaoRadio,
@@ -5574,6 +6445,7 @@ export {
   TaoCard,
   TaoCarousel,
   TaoCheckbox,
+  TaoCombobox,
   TaoConfirmHost,
   TaoContainer,
   TaoCopy,
@@ -5584,14 +6456,14 @@ export {
   TaoDropdownMenu,
   TaoEmpty,
   TaoFileDrop,
-  _sfc_main$A as TaoFlex,
+  _sfc_main$B as TaoFlex,
   TaoFormField,
   TaoIcon,
   TaoImage,
   TaoInput,
   TaoInputGroup,
   TaoInputNumber,
-  _sfc_main$k as TaoLink,
+  _sfc_main$l as TaoLink,
   TaoLoader,
   TaoModal,
   TaoPagination,