@1337exp/taoui 1.1.1 → 1.3.2

package/dist/index.mjs

@@ -1,15 +1,15 @@
-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$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, provide, onMounted, resolveDynamicComponent, useCssVars, reactive, onBeforeMount, useSlots, withDirectives, vModelText, resolveComponent, mergeProps, TransitionGroup, onUpdated, createApp } from "vue";
+const _hoisted_1$J = ["type", "disabled"];
+const _hoisted_2$C = {
   key: 0,
   class: "tao-button__loader"
 };
-const _hoisted_3$t = {
+const _hoisted_3$w = {
   key: 1,
   class: "tao-button__icon"
 };
-const _hoisted_4$o = { class: "tao-button__content" };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _hoisted_4$q = { class: "tao-button__content" };
+const _sfc_main$S = /* @__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$t, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_4$o, [
+        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$C)) : createCommentVNode("", true),
+        __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(__props.icon), 1)) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_4$q, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
-      ], 10, _hoisted_1$E);
+      ], 10, _hoisted_1$J);
     };
   }
 });
@@ -62,8 +62,8 @@ 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$S, [["__scopeId", "data-v-5a0fd489"]]);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoBlock" },
   __name: "TaoBlock",
   props: {
@@ -95,24 +95,24 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-feb87e36"]]);
+const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-feb87e36"]]);
 const formFieldKey = Symbol("taoFormField");
-const _hoisted_1$D = { class: "tao-input-wrapper" };
-const _hoisted_2$y = ["for"];
-const _hoisted_3$s = {
+const _hoisted_1$I = { class: "tao-input-wrapper" };
+const _hoisted_2$B = ["for"];
+const _hoisted_3$v = {
   key: 0,
   class: "tao-input__affix tao-input__affix--prefix"
 };
-const _hoisted_4$n = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
-const _hoisted_5$f = {
+const _hoisted_4$p = ["id", "type", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby"];
+const _hoisted_5$h = {
   key: 1,
   class: "tao-input__affix tao-input__affix--suffix"
 };
-const _hoisted_6$b = {
+const _hoisted_6$d = {
   key: 1,
   class: "tao-input__error"
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInput" },
   __name: "TaoInput",
   props: {
@@ -148,12 +148,12 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       emit("focus", event);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         __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$B)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["tao-input-shell", {
             "tao-input-shell--focused": focused.value,
@@ -163,7 +163,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             "tao-input-shell--suffix": _ctx.$slots.suffix
           }])
         }, [
-          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$s, [
+          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
             renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
           ])) : createCommentVNode("", true),
           createElementVNode("input", {
@@ -178,27 +178,27 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             onInput: handleInput,
             onBlur: handleBlur,
             onFocus: handleFocus
-          }, null, 42, _hoisted_4$n),
-          _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$f, [
+          }, null, 42, _hoisted_4$p),
+          _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5$h, [
             renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 2),
-        __props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$b, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
+        __props.error && __props.errorMessage ? (openBlock(), createElementBlock("span", _hoisted_6$d, toDisplayString(__props.errorMessage), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-b522e041"]]);
-const _hoisted_1$C = {
+const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-b522e041"]]);
+const _hoisted_1$H = {
   key: 0,
   class: "tao-input-group__addon tao-input-group__addon--before"
 };
-const _hoisted_2$x = { class: "tao-input-group__field" };
-const _hoisted_3$r = {
+const _hoisted_2$A = { class: "tao-input-group__field" };
+const _hoisted_3$u = {
   key: 1,
   class: "tao-input-group__addon tao-input-group__addon--after"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputGroup" },
   __name: "TaoInputGroup",
   setup(__props) {
@@ -220,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$H, [
           renderSlot(_ctx.$slots, "before", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$x, [
+        createElementVNode("div", _hoisted_2$A, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
+        _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
           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$P, [["__scopeId", "data-v-f06bb3b1"]]);
+const _hoisted_1$G = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+const _hoisted_2$z = {
   key: 0,
   class: "tao-input-number__steppers"
 };
-const _hoisted_3$q = ["disabled"];
-const _hoisted_4$m = ["disabled"];
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _hoisted_3$t = ["disabled"];
+const _hoisted_4$o = ["disabled"];
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputNumber" },
   __name: "TaoInputNumber",
   props: {
@@ -390,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$G),
+        __props.controls ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
           createElementVNode("button", {
             type: "button",
             class: "tao-input-number__step",
@@ -399,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$q),
+          }, " + ", 8, _hoisted_3$t),
           createElementVNode("button", {
             type: "button",
             class: "tao-input-number__step",
@@ -407,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$m)
+          }, " − ", 8, _hoisted_4$o)
         ])) : 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$p = ["disabled"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-55b65a4d"]]);
+const _hoisted_1$F = ["aria-label", "disabled"];
+const _hoisted_2$y = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+const _hoisted_3$s = ["disabled"];
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoQuantity" },
   __name: "TaoQuantity",
   props: {
@@ -550,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$F),
         createElementVNode("input", {
           id: controlId.value,
           class: "tao-quantity__input",
@@ -570,49 +570,49 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 40, _hoisted_2$v),
+        }, null, 40, _hoisted_2$y),
         createElementVNode("button", {
           type: "button",
           class: "tao-quantity__btn tao-quantity__btn--inc",
           "aria-label": "Увеличить",
           disabled: plusDisabled.value,
           onClick: onInc
-        }, " + ", 8, _hoisted_3$p)
+        }, " + ", 8, _hoisted_3$s)
       ], 2);
     };
   }
 });
-const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-df6baf04"]]);
-const _hoisted_1$z = {
+const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-df6baf04"]]);
+const _hoisted_1$E = {
   key: 0,
   class: "tao-card__cover"
 };
-const _hoisted_2$u = {
+const _hoisted_2$x = {
   key: 0,
   class: "tao-card__header-title"
 };
-const _hoisted_3$o = { key: 0 };
-const _hoisted_4$l = {
+const _hoisted_3$r = { key: 0 };
+const _hoisted_4$n = {
   key: 2,
   class: "tao-card__title-block"
 };
-const _hoisted_5$e = {
+const _hoisted_5$g = {
   key: 0,
   class: "tao-card__title"
 };
-const _hoisted_6$a = {
+const _hoisted_6$c = {
   key: 1,
   class: "tao-card__sub"
 };
-const _hoisted_7$6 = {
+const _hoisted_7$8 = {
   key: 3,
   class: "tao-card__body"
 };
-const _hoisted_8$6 = {
+const _hoisted_8$7 = {
   key: 4,
   class: "tao-card__footer"
 };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCard" },
   __name: "TaoCard",
   props: {
@@ -644,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$E, [
           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$x, [
             renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
           ])) : createCommentVNode("", true),
           _ctx.$slots.header || _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("div", {
@@ -661,22 +661,22 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, [
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ]),
-            _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$o, [
+            _ctx.$slots.headerSecondary ? (openBlock(), createElementBlock("span", _hoisted_3$r, [
               renderSlot(_ctx.$slots, "headerSecondary", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
-          _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$l, [
-            _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$e, [
+          _ctx.$slots.title || _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+            _ctx.$slots.title ? (openBlock(), createElementBlock("h2", _hoisted_5$g, [
               renderSlot(_ctx.$slots, "title", {}, void 0, true)
             ])) : createCommentVNode("", true),
-            _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
+            _ctx.$slots.sub ? (openBlock(), createElementBlock("div", _hoisted_6$c, [
               renderSlot(_ctx.$slots, "sub", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_7$6, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_7$8, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$6, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8$7, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 4)
@@ -684,7 +684,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-2ff3d055"]]);
+const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__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(
@@ -713,19 +713,19 @@ function trapTab(event, root) {
     first.focus();
   }
 }
-const _hoisted_1$y = ["aria-labelledby"];
-const _hoisted_2$t = {
+const _hoisted_1$D = ["aria-labelledby"];
+const _hoisted_2$w = {
   key: 0,
   class: "tao-modal__header"
 };
-const _hoisted_3$n = ["id"];
-const _hoisted_4$k = { key: 1 };
-const _hoisted_5$d = { class: "tao-modal__content" };
-const _hoisted_6$9 = {
+const _hoisted_3$q = ["id"];
+const _hoisted_4$m = { key: 1 };
+const _hoisted_5$f = { class: "tao-modal__content" };
+const _hoisted_6$b = {
   key: 1,
   class: "tao-modal__footer"
 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoModal" },
   __name: "TaoModal",
   props: {
@@ -825,13 +825,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 "aria-labelledby": __props.title ? unref(titleId) : void 0,
                 tabindex: "-1"
               }, [
-                __props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
+                __props.title || _ctx.$slots.header || __props.closable ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
                   renderSlot(_ctx.$slots, "header", {}, () => [
                     __props.title ? (openBlock(), createElementBlock("h2", {
                       key: 0,
                       id: unref(titleId),
                       class: "tao-modal__title"
-                    }, toDisplayString(__props.title), 9, _hoisted_3$n)) : (openBlock(), createElementBlock("span", _hoisted_4$k))
+                    }, toDisplayString(__props.title), 9, _hoisted_3$q)) : (openBlock(), createElementBlock("span", _hoisted_4$m))
                   ], true),
                   __props.closable ? (openBlock(), createElementBlock("button", {
                     key: 0,
@@ -841,13 +841,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                     onClick: close
                   }, " × ")) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_5$d, [
+                createElementVNode("div", _hoisted_5$f, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ]),
-                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$9, [
+                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$b, [
                   renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                 ])) : createCommentVNode("", true)
-              ], 8, _hoisted_1$y)
+              ], 8, _hoisted_1$D)
             ], 32)) : createCommentVNode("", true)
           ]),
           _: 3
@@ -856,11 +856,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-0cffe849"]]);
-const _hoisted_1$x = { class: "tao-tabs" };
-const _hoisted_2$s = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
-const _hoisted_3$m = ["id", "aria-labelledby"];
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-0cffe849"]]);
+const _hoisted_1$C = { class: "tao-tabs" };
+const _hoisted_2$v = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
+const _hoisted_3$p = ["id", "aria-labelledby"];
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTabs" },
   __name: "TaoTabs",
   props: {
@@ -924,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$C, [
         createElementVNode("div", {
           class: "tao-tabs__list",
           role: "tablist",
@@ -949,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$v);
           }), 128))
         ], 32),
         createElementVNode("div", {
@@ -959,13 +959,13 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           "aria-labelledby": tabId(__props.modelValue)
         }, [
           renderSlot(_ctx.$slots, "default", { activeTab: __props.modelValue }, void 0, true)
-        ], 8, _hoisted_3$m)
+        ], 8, _hoisted_3$p)
       ]);
     };
   }
 });
-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$K, [["__scopeId", "data-v-bf16735e"]]);
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTooltip" },
   __name: "TaoTooltip",
   props: {
@@ -997,22 +997,213 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-6f3b3c11"]]);
-const _hoisted_1$w = { class: "tao-spoiler" };
-const _hoisted_2$r = ["aria-expanded", "aria-controls"];
-const _hoisted_3$l = {
+const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-6f3b3c11"]]);
+const _hoisted_1$B = { class: "tao-popover" };
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoPopover" },
+  __name: "TaoPopover",
+  props: {
+    modelValue: { type: Boolean, default: void 0 },
+    position: { default: "bottom" },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const triggerRef = ref(null);
+    const panelRef = ref(null);
+    const internal = ref(false);
+    const panelStyle = ref({ top: "0px", left: "0px" });
+    const isControlled = computed(() => props.modelValue !== void 0);
+    const open = computed(() => isControlled.value ? Boolean(props.modelValue) : internal.value);
+    function setOpen(next) {
+      if (props.disabled && next) {
+        return;
+      }
+      if (!isControlled.value) {
+        internal.value = next;
+      }
+      emit("update:modelValue", next);
+      emit("change", next);
+    }
+    function toggle() {
+      void applyOpen(!open.value);
+    }
+    function close() {
+      void applyOpen(false);
+    }
+    async function applyOpen(next) {
+      var _a;
+      setOpen(next);
+      if (!next) {
+        return;
+      }
+      await nextTick();
+      updatePosition();
+      (_a = panelRef.value) == null ? void 0 : _a.focus();
+    }
+    function focusTrigger() {
+      var _a, _b;
+      const root = triggerRef.value;
+      const focusable = root == null ? void 0 : root.querySelector(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      );
+      (_b = (_a = focusable ?? root) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+    }
+    function updatePosition() {
+      const trigger = triggerRef.value;
+      const panel = panelRef.value;
+      if (!trigger || !panel) {
+        return;
+      }
+      const rect = trigger.getBoundingClientRect();
+      const width = panel.offsetWidth;
+      const height = panel.offsetHeight;
+      const gap = 4;
+      const pad = 8;
+      const viewW = window.innerWidth;
+      const viewH = window.innerHeight;
+      const space = {
+        bottom: viewH - rect.bottom - gap - pad,
+        top: rect.top - gap - pad,
+        right: viewW - rect.right - gap - pad,
+        left: rect.left - gap - pad
+      };
+      const opposite = {
+        bottom: "top",
+        top: "bottom",
+        left: "right",
+        right: "left"
+      };
+      let side = props.position;
+      const need = side === "top" || side === "bottom" ? height : width;
+      if (space[side] < need && space[opposite[side]] > space[side]) {
+        side = opposite[side];
+      }
+      let top = 0;
+      let left = 0;
+      if (side === "bottom") {
+        top = rect.bottom + gap;
+        left = rect.left;
+      } else if (side === "top") {
+        top = rect.top - height - gap;
+        left = rect.left;
+      } else if (side === "right") {
+        top = rect.top;
+        left = rect.right + gap;
+      } else {
+        top = rect.top;
+        left = rect.left - width - gap;
+      }
+      if (left + width > viewW - pad) {
+        left = viewW - pad - width;
+      }
+      if (left < pad) {
+        left = pad;
+      }
+      if (top + height > viewH - pad) {
+        top = viewH - pad - height;
+      }
+      if (top < pad) {
+        top = pad;
+      }
+      panelStyle.value = { top: `${top}px`, left: `${left}px` };
+    }
+    function onTriggerClick() {
+      if (props.disabled) {
+        return;
+      }
+      toggle();
+    }
+    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 onDocumentKey(event) {
+      if (event.key !== "Escape") {
+        return;
+      }
+      event.preventDefault();
+      close();
+      focusTrigger();
+    }
+    function onViewportChange() {
+      if (open.value) {
+        updatePosition();
+      }
+    }
+    watch(open, (isOpen) => {
+      if (isOpen) {
+        document.addEventListener("pointerdown", onDocumentPointer);
+        document.addEventListener("keydown", onDocumentKey);
+        window.addEventListener("resize", onViewportChange);
+        window.addEventListener("scroll", onViewportChange, true);
+        return;
+      }
+      document.removeEventListener("pointerdown", onDocumentPointer);
+      document.removeEventListener("keydown", onDocumentKey);
+      window.removeEventListener("resize", onViewportChange);
+      window.removeEventListener("scroll", onViewportChange, true);
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("pointerdown", onDocumentPointer);
+      document.removeEventListener("keydown", onDocumentKey);
+      window.removeEventListener("resize", onViewportChange);
+      window.removeEventListener("scroll", onViewportChange, true);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+        createElementVNode("div", {
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          class: "tao-popover__trigger",
+          onClick: onTriggerClick
+        }, [
+          renderSlot(_ctx.$slots, "trigger", {
+            open: open.value,
+            toggle
+          }, void 0, true)
+        ], 512),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          open.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "panelRef",
+            ref: panelRef,
+            class: "tao-popover__panel",
+            role: "dialog",
+            tabindex: "-1",
+            style: normalizeStyle(panelStyle.value)
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 4)) : createCommentVNode("", true)
+        ]))
+      ]);
+    };
+  }
+});
+const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-e4ead301"]]);
+const spoilerGroupKey = Symbol("taoSpoilerGroup");
+const _hoisted_1$A = { class: "tao-spoiler" };
+const _hoisted_2$u = ["aria-expanded", "aria-controls"];
+const _hoisted_3$o = {
   key: 0,
   class: "tao-spoiler__title"
 };
-const _hoisted_4$j = ["id"];
-const _hoisted_5$c = { class: "tao-spoiler__content-inner" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_4$l = ["id"];
+const _hoisted_5$e = { class: "tao-spoiler__content-inner" };
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpoiler" },
   __name: "TaoSpoiler",
   props: {
     title: { default: "" },
     defaultOpen: { type: Boolean, default: false },
-    modelValue: { type: Boolean, default: void 0 }
+    modelValue: { type: Boolean, default: void 0 },
+    name: { default: void 0 }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -1020,9 +1211,20 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const panelId = useId();
     const internal = ref(props.defaultOpen);
+    const group = inject(spoilerGroupKey, null);
+    const inGroup = computed(() => group !== null && props.name !== void 0 && props.name !== "");
     const isControlled = computed(() => props.modelValue !== void 0);
-    const isOpen = computed(() => isControlled.value ? Boolean(props.modelValue) : internal.value);
+    const isOpen = computed(() => {
+      if (inGroup.value) {
+        return group.model.value === props.name;
+      }
+      return isControlled.value ? Boolean(props.modelValue) : internal.value;
+    });
     function toggle() {
+      if (inGroup.value) {
+        group.setOpen(isOpen.value ? null : props.name);
+        return;
+      }
       const next = !isOpen.value;
       if (!isControlled.value) {
         internal.value = next;
@@ -1049,7 +1251,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createElementVNode("button", {
           type: "button",
           class: "tao-spoiler__header",
@@ -1060,12 +1262,12 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           createElementVNode("span", {
             class: normalizeClass(["tao-spoiler__icon", { "tao-spoiler__icon--open": isOpen.value }])
           }, "▶", 2),
-          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$l, [
+          __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3$o, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(__props.title), 1)
             ], true)
           ])) : createCommentVNode("", true)
-        ], 8, _hoisted_2$r),
+        ], 8, _hoisted_2$u),
         createVNode(Transition, {
           name: "tao-spoiler-slide",
           onBeforeEnter,
@@ -1079,10 +1281,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
               id: unref(panelId),
               class: "tao-spoiler__content"
             }, [
-              createElementVNode("div", _hoisted_5$c, [
+              createElementVNode("div", _hoisted_5$e, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ])
-            ], 8, _hoisted_4$j)) : createCommentVNode("", true)
+            ], 8, _hoisted_4$l)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -1090,33 +1292,136 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-c9f4d962"]]);
-const _hoisted_1$v = { class: "tao-copy" };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ccb052cf"]]);
+const _hoisted_1$z = { class: "tao-spoiler-group" };
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoSpoilerGroup" },
+  __name: "TaoSpoilerGroup",
+  props: {
+    modelValue: { default: null }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const model = computed(() => props.modelValue);
+    function setOpen(name) {
+      emit("update:modelValue", name);
+      emit("change", name);
+    }
+    provide(spoilerGroupKey, {
+      model,
+      setOpen
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ]);
+    };
+  }
+});
+const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-6b172e89"]]);
+const _hoisted_1$y = ["aria-label"];
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCopy" },
   __name: "TaoCopy",
   props: {
     text: {},
-    successMessage: { default: "Скопировано!" }
+    successMessage: { default: "Скопировано!" },
+    tip: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
     const copied = ref(false);
-    let timeoutId;
+    const triggerRef = ref(null);
+    const tipRef = ref(null);
+    const tipStyle = ref({ top: "0px", left: "0px" });
+    let hideTimer = 0;
+    let visibleObserver = null;
+    function hideTip() {
+      copied.value = false;
+      window.clearTimeout(hideTimer);
+      hideTimer = 0;
+    }
+    function updateTipPosition() {
+      const trigger = triggerRef.value;
+      const tip = tipRef.value;
+      if (!trigger || !tip) {
+        return;
+      }
+      const rect = trigger.getBoundingClientRect();
+      if (rect.width === 0 && rect.height === 0) {
+        hideTip();
+        return;
+      }
+      const gap = 8;
+      const pad = 8;
+      const width = tip.offsetWidth;
+      const height = tip.offsetHeight;
+      let left = rect.left + rect.width / 2 - width / 2;
+      let top = rect.top - height - gap;
+      if (left < pad) {
+        left = pad;
+      }
+      if (left + width > window.innerWidth - pad) {
+        left = window.innerWidth - pad - width;
+      }
+      if (top < pad) {
+        top = rect.bottom + gap;
+      }
+      tipStyle.value = { top: `${top}px`, left: `${left}px` };
+    }
+    function bindTipGuards() {
+      window.addEventListener("scroll", updateTipPosition, true);
+      window.addEventListener("resize", updateTipPosition);
+    }
+    function unbindTipGuards() {
+      window.removeEventListener("scroll", updateTipPosition, true);
+      window.removeEventListener("resize", updateTipPosition);
+    }
     async function copy() {
       try {
         await navigator.clipboard.writeText(props.text);
         copied.value = true;
-        clearTimeout(timeoutId);
-        timeoutId = setTimeout(() => {
-          copied.value = false;
-        }, 2e3);
+        window.clearTimeout(hideTimer);
+        hideTimer = window.setTimeout(hideTip, 2e3);
       } catch (err) {
         console.error("Failed to copy:", err);
+        hideTip();
       }
     }
+    watch(copied, async (isCopied) => {
+      if (!isCopied || !props.tip) {
+        unbindTipGuards();
+        return;
+      }
+      await nextTick();
+      await nextTick();
+      updateTipPosition();
+      bindTipGuards();
+    });
+    onMounted(() => {
+      visibleObserver = new IntersectionObserver((entries) => {
+        if (entries.some((entry) => !entry.isIntersecting)) {
+          hideTip();
+        }
+      });
+      if (triggerRef.value) {
+        visibleObserver.observe(triggerRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      hideTip();
+      unbindTipGuards();
+      visibleObserver == null ? void 0 : visibleObserver.disconnect();
+      visibleObserver = null;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("span", {
+        ref_key: "triggerRef",
+        ref: triggerRef,
+        class: "tao-copy"
+      }, [
         renderSlot(_ctx.$slots, "default", {
           copy,
           copied: copied.value
@@ -1124,15 +1429,51 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           createElementVNode("button", {
             type: "button",
             class: normalizeClass(["tao-copy__button", { "tao-copy__button--copied": copied.value }]),
+            "aria-label": copied.value ? __props.successMessage : "Копировать",
             onClick: copy
-          }, toDisplayString(copied.value ? __props.successMessage : "Копировать"), 3)
-        ], true)
-      ]);
+          }, [..._cache[0] || (_cache[0] = [
+            createElementVNode("svg", {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              "aria-hidden": "true",
+              focusable: "false"
+            }, [
+              createElementVNode("rect", {
+                x: "8",
+                y: "7",
+                width: "12",
+                height: "14",
+                rx: "2",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }),
+              createElementVNode("path", {
+                d: "M16 7V5a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              })
+            ], -1)
+          ])], 10, _hoisted_1$y)
+        ], true),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          copied.value && __props.tip && __props.successMessage ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "tipRef",
+            ref: tipRef,
+            class: "tao-copy__tip",
+            role: "status",
+            style: normalizeStyle(tipStyle.value)
+          }, toDisplayString(__props.successMessage), 5)) : createCommentVNode("", true)
+        ]))
+      ], 512);
     };
   }
 });
-const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-73a42ad9"]]);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-1953c07e"]]);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoContainer" },
   __name: "TaoContainer",
   props: {
@@ -1149,8 +1490,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4c0deb90"]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-4c0deb90"]]);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFlex" },
   __name: "TaoFlex",
   props: {
@@ -1181,7 +1522,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpace" },
   __name: "TaoSpace",
   props: {
@@ -1201,9 +1542,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-698ca712"]]);
-const _hoisted_1$u = { class: "tao-icon" };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-698ca712"]]);
+const _hoisted_1$x = { class: "tao-icon" };
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoIcon" },
   __name: "TaoIcon",
   props: {
@@ -1218,7 +1559,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     }));
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$u, [
+      return openBlock(), createElementBlock("span", _hoisted_1$x, [
         renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
         createElementVNode("i", {
           class: normalizeClass(["tao-icon__value", [`icon-${props.name}`, { "tao-icon__value--invert": props.invert }]]),
@@ -1229,8 +1570,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-145b2cfc"]]);
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-145b2cfc"]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoLoader" },
   __name: "TaoLoader",
   props: {
@@ -1291,16 +1632,17 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-75a40018"]]);
-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$A, [["__scopeId", "data-v-75a40018"]]);
+const _hoisted_1$w = { class: "tao-image" };
+const _hoisted_2$t = ["src", "alt", "loading"];
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoImage" },
   __name: "TaoImage",
   props: {
     src: { default: "" },
     alt: { default: "" },
-    pixelated: { type: Boolean, default: false }
+    pixelated: { type: Boolean, default: false },
+    lazy: { type: Boolean, default: false }
   },
   emits: ["load", "error"],
   setup(__props, { emit: __emit }) {
@@ -1319,34 +1661,36 @@ 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$w, [
         __props.src ? (openBlock(), createElementBlock("img", {
           key: 0,
           class: normalizeClass({ "tao-image__img--hidden": !isLoaded.value, "tao-image__img--pixelated": props.pixelated }),
           src: __props.src,
           alt: __props.alt,
+          loading: __props.lazy ? "lazy" : "eager",
+          decoding: "async",
           draggable: "false",
           onLoad: handleLoad,
           onError: handleError
-        }, null, 42, _hoisted_2$q)) : renderSlot(_ctx.$slots, "default", {}, () => [
+        }, null, 42, _hoisted_2$t)) : 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-9da4bb7d"]]);
-const _hoisted_1$s = ["for"];
-const _hoisted_2$p = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
-const _hoisted_3$k = {
+const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-522fe4da"]]);
+const _hoisted_1$v = ["for"];
+const _hoisted_2$s = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
+const _hoisted_3$n = {
   key: 0,
   class: "tao-checkbox__label"
 };
-const _hoisted_4$i = {
+const _hoisted_4$k = {
   key: 1,
   class: "tao-checkbox__label"
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCheckbox" },
   __name: "TaoCheckbox",
   props: {
@@ -1416,18 +1760,18 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           "aria-invalid": invalid.value || void 0,
           "aria-describedby": describedBy.value,
           onChange: onInputChange
-        }, null, 40, _hoisted_2$p),
+        }, null, 40, _hoisted_2$s),
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$i, [
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(__props.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$k, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])),
         renderSlot(_ctx.$slots, "post", { text: __props.label }, void 0, true)
-      ], 10, _hoisted_1$s);
+      ], 10, _hoisted_1$v);
     };
   }
 });
-const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-f6b0e565"]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f6b0e565"]]);
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTag" },
   __name: "TaoTag",
   props: {
@@ -1455,17 +1799,17 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-290c0f6a"]]);
-const _hoisted_1$r = {
+const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-290c0f6a"]]);
+const _hoisted_1$u = {
   key: 1,
   class: "tao-divider-text"
 };
-const _hoisted_2$o = { class: "tao-divider-text__value" };
-const _hoisted_3$j = {
+const _hoisted_2$r = { class: "tao-divider-text__value" };
+const _hoisted_3$m = {
   key: 2,
   class: "tao-divider-line"
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDivider" },
   __name: "TaoDivider",
   props: {
@@ -1479,18 +1823,48 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return __props.variant === "gap" ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
         _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$r, [
           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$j));
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3$m));
     };
   }
 });
-const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-8187a15d"]]);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-8187a15d"]]);
+const _hoisted_1$t = {
+  key: 0,
+  class: "tao-fieldset__legend"
+};
+const _hoisted_2$q = { class: "tao-fieldset__body" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoFieldset" },
+  __name: "TaoFieldset",
+  props: {
+    legend: { default: "" },
+    align: { default: "start" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("fieldset", {
+        class: normalizeClass(["tao-fieldset", `tao-fieldset--${__props.align}`])
+      }, [
+        __props.legend || _ctx.$slots.legend ? (openBlock(), createElementBlock("legend", _hoisted_1$t, [
+          renderSlot(_ctx.$slots, "legend", {}, () => [
+            createTextVNode(toDisplayString(__props.legend), 1)
+          ], true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$q, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])
+      ], 2);
+    };
+  }
+});
+const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-34440ba5"]]);
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoAnimatedBorder" },
   __name: "TaoAnimatedBorder",
   props: {
@@ -1514,18 +1888,18 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-f1534571"]]);
-const _hoisted_1$q = {
+const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-f1534571"]]);
+const _hoisted_1$s = {
   key: 0,
   class: "tao-textarea tao-textarea--dummy"
 };
-const _hoisted_2$n = {
+const _hoisted_2$p = {
   key: 1,
   class: "tao-textarea-wrap"
 };
-const _hoisted_3$i = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
-const _hoisted_4$h = ["id"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_3$l = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
+const _hoisted_4$j = ["id"];
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTextarea" },
   __name: "TaoTextarea",
   props: {
@@ -1622,7 +1996,7 @@ 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("div", _hoisted_2$n, [
+      return __props.dummy ? (openBlock(), createElementBlock("span", _hoisted_1$s, toDisplayString(__props.modelValue), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$p, [
         createElementVNode("textarea", {
           id: controlId.value,
           ref_key: "textareaRef",
@@ -1651,21 +2025,21 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           onFocus,
           onBlur,
           onKeydown
-        }, null, 42, _hoisted_3$i),
+        }, null, 42, _hoisted_3$l),
         __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)
+        }, toDisplayString(countLabel.value), 11, _hoisted_4$j)) : createCommentVNode("", true)
       ]));
     };
   }
 });
-const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-2534c0c4"]]);
-const _hoisted_1$p = ["tabindex"];
-const _hoisted_2$m = { class: "tao-scroll-top__content" };
+const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-2534c0c4"]]);
+const _hoisted_1$r = ["tabindex"];
+const _hoisted_2$o = { class: "tao-scroll-top__content" };
 const RIPPLE_DURATION = 750;
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoScrollTop" },
   __name: "TaoScrollTop",
   props: {
@@ -1765,7 +2139,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             "aria-label": "Наверх",
             onClick: withModifiers(onClick, ["prevent"])
           }, [
-            createElementVNode("div", _hoisted_2$m, [
+            createElementVNode("div", _hoisted_2$o, [
               createElementVNode("div", {
                 class: normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
                 style: normalizeStyle(rippleStyle)
@@ -1782,33 +2156,33 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 ], -1))
               ], true)
             ])
-          ], 14, _hoisted_1$p)) : createCommentVNode("", true)
+          ], 14, _hoisted_1$r)) : createCommentVNode("", true)
         ]),
         _: 3
       });
     };
   }
 });
-const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ce902f42"]]);
-const _hoisted_1$o = { class: "tao-progress" };
-const _hoisted_2$l = {
+const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-ce902f42"]]);
+const _hoisted_1$q = { class: "tao-progress" };
+const _hoisted_2$n = {
   key: 0,
   class: "tao-progress__side"
 };
-const _hoisted_3$h = { class: "tao-progress__main" };
-const _hoisted_4$g = {
+const _hoisted_3$k = { class: "tao-progress__main" };
+const _hoisted_4$i = {
   key: 0,
   class: "tao-progress__percentage"
 };
-const _hoisted_5$b = {
+const _hoisted_5$d = {
   key: 1,
   class: "tao-progress__side"
 };
-const _hoisted_6$8 = {
+const _hoisted_6$a = {
   key: 0,
   class: "tao-progress__percentage"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoProgress" },
   __name: "TaoProgress",
   props: {
@@ -1839,16 +2213,16 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       () => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
         createElementVNode("div", {
           class: normalizeClass(["tao-progress__container", { "tao-progress__container--over": showOverPercent.value }]),
           style: normalizeStyle({ minWidth: `${minW.value}px`, maxWidth: `${maxW.value}px` })
         }, [
-          _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
+          _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
             renderSlot(_ctx.$slots, "left", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$h, [
-            showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$g, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3$k, [
+            showOverPercent.value ? (openBlock(), createElementBlock("span", _hoisted_4$i, toDisplayString(__props.progress) + "%", 1)) : createCommentVNode("", true),
             createElementVNode("div", {
               class: "tao-progress__track",
               style: normalizeStyle({ height: `${__props.height}px` })
@@ -1859,23 +2233,23 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               }, null, 6)
             ], 4)
           ]),
-          _ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
+          _ctx.$slots.right || showEndPercent.value ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
             renderSlot(_ctx.$slots, "right", {}, void 0, true),
-            showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$8, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
+            showEndPercent.value ? (openBlock(), createElementBlock("span", _hoisted_6$a, toDisplayString(endPercentLabel.value), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ], 6)
       ]);
     };
   }
 });
-const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-54c13718"]]);
-const _hoisted_1$n = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
-const _hoisted_2$k = ["placeholder"];
-const _hoisted_3$g = {
+const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-54c13718"]]);
+const _hoisted_1$p = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
+const _hoisted_2$m = ["placeholder"];
+const _hoisted_3$j = {
   key: 1,
   class: "tao-slider__value"
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSlider" },
   __name: "TaoSlider",
   props: {
@@ -2069,21 +2443,29 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           onKeydown: onShadowKeydown,
           onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
           }, ["stop"]))
-        }, null, 40, _hoisted_2$k)), [
+        }, null, 40, _hoisted_2$m)), [
           [vModelText, shadowModel.value]
-        ]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
+        ]) : __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
           renderSlot(_ctx.$slots, "pre-value", {}, void 0, true),
           createTextVNode(toDisplayString(__props.modelValue), 1),
           renderSlot(_ctx.$slots, "post-value", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$n);
+      ], 42, _hoisted_1$p);
     };
   }
 });
-const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-241d1042"]]);
-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$q, [["__scopeId", "data-v-241d1042"]]);
+const _hoisted_1$o = { class: "tao-file-drop" };
+const _hoisted_2$l = { class: "tao-file-drop__row" };
+const _hoisted_3$i = ["accept", "multiple"];
+const _hoisted_4$h = {
+  key: 0,
+  class: "tao-file-drop__list"
+};
+const _hoisted_5$c = { class: "tao-file-drop__name" };
+const _hoisted_6$9 = { class: "tao-file-drop__meta" };
+const _hoisted_7$7 = ["aria-label", "onClick"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFileDrop" },
   __name: "TaoFileDrop",
   props: {
@@ -2091,7 +2473,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     size: { default: "medium" },
     accept: { default: "*" },
     multiple: { type: Boolean, default: false },
-    showClear: { type: Boolean, default: false }
+    showClear: { type: Boolean, default: false },
+    list: { type: Boolean, default: true }
   },
   emits: ["update:modelValue", "files", "clear-request"],
   setup(__props, { emit: __emit }) {
@@ -2099,6 +2482,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const isDragging = ref(false);
     const fileInput = ref(null);
+    function sameFile(a, b) {
+      return a.name === b.name && a.size === b.size && a.lastModified === b.lastModified;
+    }
+    function commit(files) {
+      emit("update:modelValue", files);
+      emit("files", files);
+    }
     function handleDragOver(event) {
       event.preventDefault();
       isDragging.value = true;
@@ -2124,60 +2514,110 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     function requestClear() {
       emit("clear-request");
     }
+    function removeAt(index) {
+      commit(props.modelValue.filter((_, item) => item !== index));
+    }
     function processFiles(fileList) {
-      const files = Array.from(fileList);
-      const result = !props.multiple && files.length > 1 ? [files[0]] : files;
-      emit("update:modelValue", result);
-      emit("files", result);
+      const incoming = Array.from(fileList);
+      if (!incoming.length) {
+        return;
+      }
+      let result;
+      if (!props.multiple) {
+        result = [incoming[0]];
+      } else {
+        result = [...props.modelValue];
+        for (const file of incoming) {
+          if (!result.some((item) => sameFile(item, file))) {
+            result.push(file);
+          }
+        }
+      }
+      commit(result);
       const el = fileInput.value;
       if (el) {
         el.type = "text";
         el.type = "file";
       }
     }
+    function formatSize(bytes) {
+      if (bytes < 1024) {
+        return `${bytes} Б`;
+      }
+      const kb = bytes / 1024;
+      if (kb < 1024) {
+        const value2 = kb < 10 ? kb.toFixed(1) : String(Math.round(kb));
+        return `${value2.replace(".", ",")} КБ`;
+      }
+      const mb = kb / 1024;
+      const value = mb < 10 ? mb.toFixed(1) : String(Math.round(mb));
+      return `${value.replace(".", ",")} МБ`;
+    }
+    function fileKey(file, index) {
+      return `${file.name}-${file.size}-${file.lastModified}-${index}`;
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        __props.showClear && __props.modelValue.length ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          type: "button",
-          class: "tao-file-drop__clear",
-          "aria-label": "Очистить файлы",
-          onClick: requestClear
-        }, " ✕ ")) : createCommentVNode("", true),
-        createElementVNode("label", {
-          class: normalizeClass(["tao-file-drop__zone", [`tao-file-drop__zone--${__props.size}`, { "tao-file-drop__zone--dragging": isDragging.value }]]),
-          onDragover: handleDragOver,
-          onDragleave: handleDragLeave,
-          onDrop: handleDrop
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            _cache[1] || (_cache[1] = createTextVNode("Перетащите файл сюда или нажмите, чтобы выбрать", -1))
-          ], true),
-          createElementVNode("input", {
-            ref_key: "fileInput",
-            ref: fileInput,
-            class: "tao-sr-only",
-            type: "file",
-            accept: __props.accept,
-            multiple: __props.multiple,
-            onChange: handleFileSelect,
-            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-            }, ["stop"]))
-          }, null, 40, _hoisted_2$j)
-        ], 34)
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+        createElementVNode("div", _hoisted_2$l, [
+          __props.showClear && __props.modelValue.length ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: "tao-file-drop__clear",
+            "aria-label": "Очистить файлы",
+            onClick: requestClear
+          }, " ✕ ")) : createCommentVNode("", true),
+          createElementVNode("label", {
+            class: normalizeClass(["tao-file-drop__zone", [`tao-file-drop__zone--${__props.size}`, { "tao-file-drop__zone--dragging": isDragging.value }]]),
+            onDragover: handleDragOver,
+            onDragleave: handleDragLeave,
+            onDrop: handleDrop
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              _cache[1] || (_cache[1] = createTextVNode("Перетащите файл сюда или нажмите, чтобы выбрать", -1))
+            ], true),
+            createElementVNode("input", {
+              ref_key: "fileInput",
+              ref: fileInput,
+              class: "tao-sr-only",
+              type: "file",
+              accept: __props.accept,
+              multiple: __props.multiple,
+              onChange: handleFileSelect,
+              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+              }, ["stop"]))
+            }, null, 40, _hoisted_3$i)
+          ], 34)
+        ]),
+        __props.list && __props.modelValue.length ? (openBlock(), createElementBlock("ul", _hoisted_4$h, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (file, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: fileKey(file, index),
+              class: "tao-file-drop__file"
+            }, [
+              createElementVNode("span", _hoisted_5$c, toDisplayString(file.name), 1),
+              createElementVNode("span", _hoisted_6$9, toDisplayString(formatSize(file.size)), 1),
+              createElementVNode("button", {
+                type: "button",
+                class: "tao-file-drop__remove",
+                "aria-label": `Убрать «${file.name}»`,
+                onClick: ($event) => removeAt(index)
+              }, " ✕ ", 8, _hoisted_7$7)
+            ]);
+          }), 128))
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3543419a"]]);
-const _hoisted_1$l = ["aria-expanded"];
-const _hoisted_2$i = {
+const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-fbd848b0"]]);
+const _hoisted_1$n = ["aria-expanded"];
+const _hoisted_2$k = {
   key: 1,
   "aria-label": "Меню"
 };
-const _hoisted_3$f = ["onClick", "onMouseenter"];
-const _hoisted_4$f = { key: 1 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_3$h = ["onClick", "onMouseenter"];
+const _hoisted_4$g = { key: 1 };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDropdownMenu" },
   __name: "TaoDropdownMenu",
   props: {
@@ -2312,8 +2752,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$k, "⋮"))
+        ], 8, _hoisted_1$n),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           isOpen.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -2338,8 +2778,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$f, toDisplayString(action.name), 1))
-              ], 42, _hoisted_3$f);
+                }, void 0, true, 0) : (openBlock(), createElementBlock("span", _hoisted_4$g, toDisplayString(action.name), 1))
+              ], 42, _hoisted_3$h);
             }), 128))
           ], 36)) : createCommentVNode("", true)
         ]))
@@ -2347,10 +2787,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-420a7e63"]]);
-const _hoisted_1$k = ["aria-invalid", "aria-describedby"];
-const _hoisted_2$h = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-420a7e63"]]);
+const _hoisted_1$m = ["aria-invalid", "aria-describedby"];
+const _hoisted_2$j = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPinCode" },
   __name: "TaoPinCode",
   props: {
@@ -2517,14 +2957,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             onKeydown: ($event) => onKeydown($event, index),
             onFocus: ($event) => onFocus(index),
             onBlur
-          }, null, 42, _hoisted_2$h);
+          }, null, 42, _hoisted_2$j);
         }), 128))
-      ], 8, _hoisted_1$k);
+      ], 8, _hoisted_1$m);
     };
   }
 });
-const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-c3182673"]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-c3182673"]]);
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoLink" },
   __name: "TaoLink",
   props: {
@@ -2566,8 +3006,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = ["for"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = ["for"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFormField" },
   __name: "TaoFormField",
   props: {
@@ -2603,7 +3043,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$l)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         __props.error ? (openBlock(), createElementBlock("p", {
           key: 1,
@@ -2618,12 +3058,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$e = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-11324f0c"]]);
+const _hoisted_1$k = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+const _hoisted_2$i = { class: "tao-select__value" };
+const _hoisted_3$g = ["aria-activedescendant"];
+const _hoisted_4$f = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSelect" },
   __name: "TaoSelect",
   props: {
@@ -2836,12 +3276,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           onClick: toggle,
           onKeydown: onTriggerKeydown
         }, [
-          createElementVNode("span", _hoisted_2$g, toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+          createElementVNode("span", _hoisted_2$i, 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$i),
+        ], 42, _hoisted_1$k),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           open.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -2869,131 +3309,1013 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                     "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(() => {
+                  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$f);
+              }), 128))
+            ], 40, _hoisted_3$g),
+            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$k, [["__scopeId", "data-v-42551757"]]);
+const _hoisted_1$j = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
+const _hoisted_2$h = {
+  key: 0,
+  class: "tao-combobox__empty"
+};
+const _hoisted_3$f = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
+const _sfc_main$j = /* @__PURE__ */ 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;
+    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 focused = ref(false);
+    const picking = ref(false);
+    const skipFocusOpen = ref(false);
+    const query = ref("");
+    const activeIndex = ref(-1);
+    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(() => {
+      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(
+      () => 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 = fieldRef.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`
+      };
+    }
+    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) {
+      if (props.disabled) {
+        return;
+      }
+      open.value = next;
+      resetActive();
+      await nextTick();
+      updatePosition();
+      scrollActiveIntoView();
+    }
+    function emitValue(value) {
+      emit("update:modelValue", value);
+      emit("change", value);
+    }
+    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) {
+      if (option.disabled) {
+        return;
+      }
+      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;
+      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-combobox-index="${activeIndex.value}"]`);
+      option == null ? void 0 : option.scrollIntoView({ block: "nearest" });
+    }
+    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;
+      }
+      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 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();
+        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 === "Enter") {
+        event.preventDefault();
+        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 = fieldRef.value) == null ? void 0 : _a.contains(target)) || ((_b = panelRef.value) == null ? void 0 : _b.contains(target))) {
+        return;
+      }
+      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);
+        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) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tao-combobox", {
+          "tao-combobox--open": open.value,
+          "tao-combobox--invalid": invalid.value,
+          "tao-combobox--disabled": __props.disabled
+        }])
+      }, [
+        createElementVNode("div", {
+          ref_key: "fieldRef",
+          ref: fieldRef,
+          class: "tao-combobox__field",
+          onMousedown: onFieldMouseDown
+        }, [
+          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$j),
+          _cache[1] || (_cache[1] = createElementVNode("span", {
+            class: "tao-combobox__chevron",
+            "aria-hidden": "true"
+          }, null, -1))
+        ], 544),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          open.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "panelRef",
+            ref: panelRef,
+            class: "tao-combobox__panel",
+            style: normalizeStyle(listStyle.value)
+          }, [
+            createElementVNode("ul", {
+              id: listId,
+              ref_key: "listRef",
+              ref: listRef,
+              class: "tao-combobox__list",
+              role: "listbox"
+            }, [
+              !rows.value.length ? (openBlock(), createElementBlock("li", _hoisted_2$h, "Ничего не найдено")) : 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$f);
+              }), 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 TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__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")}`;
+}
+function parseTaoDate(value) {
+  if (!value) {
+    return null;
+  }
+  const match = ISO_DATE.exec(value);
+  if (!match) {
+    return null;
+  }
+  const y = Number(match[1]);
+  const m = Number(match[2]);
+  const d = Number(match[3]);
+  const date = new Date(y, m - 1, d);
+  if (date.getFullYear() !== y || date.getMonth() !== m - 1 || date.getDate() !== d) {
+    return null;
+  }
+  return { y, m, d };
+}
+function todayTaoDate() {
+  const now = /* @__PURE__ */ new Date();
+  return formatTaoDateIso({ y: now.getFullYear(), m: now.getMonth() + 1, d: now.getDate() });
+}
+function shiftTaoDate(iso, days) {
+  const parts = parseTaoDate(iso);
+  if (!parts) {
+    return iso;
+  }
+  const date = new Date(parts.y, parts.m - 1, parts.d + days);
+  return formatTaoDateIso({ y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate() });
+}
+function shiftTaoMonth(iso, months) {
+  const parts = parseTaoDate(iso);
+  if (!parts) {
+    return iso;
+  }
+  const date = new Date(parts.y, parts.m - 1 + months, parts.d);
+  return formatTaoDateIso({ y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate() });
+}
+function isTaoDateInRange(iso, min, max) {
+  if (!parseTaoDate(iso)) {
+    return false;
+  }
+  if (min && parseTaoDate(min) && iso < min) {
+    return false;
+  }
+  if (max && parseTaoDate(max) && iso > max) {
+    return false;
+  }
+  return true;
+}
+function formatTaoDateLabel(iso, locale = "ru-RU") {
+  const parts = parseTaoDate(iso);
+  if (!parts) {
+    return "";
+  }
+  return new Date(parts.y, parts.m - 1, parts.d).toLocaleDateString(locale, {
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  });
+}
+function sortTaoDateRange(a, b) {
+  return a <= b ? { start: a, end: b } : { start: b, end: a };
+}
+function parseTaoDateRange(value) {
+  if (!value) {
+    return null;
+  }
+  const start = parseTaoDate(value.start);
+  const end = parseTaoDate(value.end);
+  if (!start || !end) {
+    return null;
+  }
+  return sortTaoDateRange(formatTaoDateIso(start), formatTaoDateIso(end));
+}
+function formatTaoDateRangeLabel(start, end, locale = "ru-RU") {
+  const fromParts = parseTaoDate(start);
+  const toParts = parseTaoDate(end);
+  if (!fromParts || !toParts) {
+    return "";
+  }
+  if (start === end) {
+    return formatTaoDateLabel(start, locale);
+  }
+  const from = new Date(fromParts.y, fromParts.m - 1, fromParts.d).toLocaleDateString(locale, {
+    day: "numeric",
+    month: "long",
+    ...fromParts.y === toParts.y ? {} : { year: "numeric" }
+  });
+  return `${from} — ${formatTaoDateLabel(end, locale)}`;
+}
+function formatTaoMonthLabel(year, month, locale = "ru-RU") {
+  const label = new Date(year, month - 1, 1).toLocaleDateString(locale, {
+    month: "long",
+    year: "numeric"
+  });
+  return label.charAt(0).toUpperCase() + label.slice(1);
+}
+function taoDateWeekdayIndex(iso) {
+  const parts = parseTaoDate(iso);
+  if (!parts) {
+    return 0;
+  }
+  return (new Date(parts.y, parts.m - 1, parts.d).getDay() + 6) % 7;
+}
+function taoWeekdayLabels(locale = "ru-RU") {
+  return Array.from({ length: 7 }, (_, index) => {
+    const label = new Date(2026, 0, 5 + index).toLocaleDateString(locale, { weekday: "short" });
+    return label.replace(/\.$/, "");
+  });
+}
+function buildTaoDateGrid(year, month) {
+  const first = new Date(year, month - 1, 1);
+  const mondayOffset = (first.getDay() + 6) % 7;
+  const start = new Date(year, month - 1, 1 - mondayOffset);
+  return Array.from({ length: 42 }, (_, index) => {
+    const date = new Date(start.getFullYear(), start.getMonth(), start.getDate() + index);
+    return {
+      iso: formatTaoDateIso({ y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate() }),
+      day: date.getDate(),
+      currentMonth: date.getMonth() === month - 1
+    };
+  });
+}
+const _hoisted_1$i = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+const _hoisted_2$g = { class: "tao-date__value" };
+const _hoisted_3$e = ["aria-label"];
+const _hoisted_4$e = { class: "tao-date__header" };
+const _hoisted_5$b = { class: "tao-date__month" };
+const _hoisted_6$8 = {
+  class: "tao-date__weekdays",
+  "aria-hidden": "true"
+};
+const _hoisted_7$6 = {
+  class: "tao-date__grid",
+  role: "grid"
+};
+const _hoisted_8$6 = ["aria-label", "aria-selected", "disabled", "onClick"];
+const _hoisted_9$2 = { class: "tao-date__footer" };
+const _hoisted_10$1 = ["disabled"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoDate" },
+  __name: "TaoDate",
+  props: {
+    modelValue: { default: null },
+    placeholder: { default: "Дата" },
+    disabled: { type: Boolean, default: false },
+    error: { type: Boolean, default: false },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    locale: { default: "ru-RU" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const field = inject(formFieldKey, null);
+    const localId = useId();
+    const gridId = `${localId}-grid`;
+    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 viewYear = ref(2026);
+    const viewMonth = ref(1);
+    const cursorIso = ref(todayTaoDate());
+    const triggerRef = ref(null);
+    const panelRef = ref(null);
+    const panelStyle = ref({ top: "0px", left: "0px" });
+    const valueIso = computed(() => {
+      const parsed = parseTaoDate(props.modelValue);
+      return parsed ? formatTaoDateIso(parsed) : null;
+    });
+    const displayLabel = computed(() => valueIso.value ? formatTaoDateLabel(valueIso.value, props.locale) : "");
+    const weekdays = computed(() => taoWeekdayLabels(props.locale));
+    const monthLabel = computed(() => formatTaoMonthLabel(viewYear.value, viewMonth.value, props.locale));
+    const cells = computed(() => buildTaoDateGrid(viewYear.value, viewMonth.value));
+    const todayIso = computed(() => todayTaoDate());
+    const todayEnabled = computed(() => isTaoDateInRange(todayIso.value, props.min, props.max));
+    function syncViewFrom(iso) {
+      const parts = parseTaoDate(iso);
+      if (!parts) {
+        return;
+      }
+      viewYear.value = parts.y;
+      viewMonth.value = parts.m;
+      cursorIso.value = iso;
+    }
+    function updatePosition() {
+      const trigger = triggerRef.value;
+      const panel = panelRef.value;
+      if (!trigger || !panel) {
+        return;
+      }
+      const rect = trigger.getBoundingClientRect();
+      const height = panel.offsetHeight;
+      const width = panel.offsetWidth;
+      const gap = 4;
+      const spaceBelow = window.innerHeight - rect.bottom - gap;
+      const openUp = spaceBelow < height && rect.top > spaceBelow;
+      const left = Math.min(rect.left, Math.max(8, window.innerWidth - width - 8));
+      panelStyle.value = {
+        top: `${openUp ? rect.top - height - gap : rect.bottom + gap}px`,
+        left: `${Math.max(8, left)}px`
+      };
+    }
+    async function setOpen(next) {
+      var _a;
+      if (props.disabled) {
+        return;
+      }
+      open.value = next;
+      if (!next) {
+        return;
+      }
+      syncViewFrom(valueIso.value ?? todayIso.value);
+      await nextTick();
+      updatePosition();
+      (_a = panelRef.value) == null ? void 0 : _a.focus();
+    }
+    function toggle() {
+      void setOpen(!open.value);
+    }
+    function close() {
+      open.value = false;
+    }
+    function selectDay(iso) {
+      var _a;
+      if (!isTaoDateInRange(iso, props.min, props.max)) {
+        return;
+      }
+      emit("update:modelValue", iso);
+      emit("change", iso);
+      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 goMonth(delta) {
+      const next = shiftTaoMonth(`${viewYear.value}-${String(viewMonth.value).padStart(2, "0")}-01`, delta);
+      const parts = parseTaoDate(next);
+      if (!parts) {
+        return;
+      }
+      viewYear.value = parts.y;
+      viewMonth.value = parts.m;
+      cursorIso.value = shiftTaoMonth(cursorIso.value, delta);
+      void nextTick(updatePosition);
+    }
+    function moveCursor(days) {
+      cursorIso.value = shiftTaoDate(cursorIso.value, days);
+      syncViewFrom(cursorIso.value);
+      void nextTick(updatePosition);
+    }
+    function onTriggerKeydown(event) {
+      if (props.disabled) {
+        return;
+      }
+      if (event.key === "ArrowDown" || event.key === "ArrowUp" || event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        void setOpen(true);
+      }
+    }
+    function onPanelKeydown(event) {
+      var _a;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        close();
+        (_a = triggerRef.value) == null ? void 0 : _a.focus();
+        return;
+      }
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        moveCursor(-1);
+        return;
+      }
+      if (event.key === "ArrowRight") {
+        event.preventDefault();
+        moveCursor(1);
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        moveCursor(-7);
+        return;
+      }
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        moveCursor(7);
+        return;
+      }
+      if (event.key === "PageUp") {
+        event.preventDefault();
+        goMonth(-1);
+        return;
+      }
+      if (event.key === "PageDown") {
+        event.preventDefault();
+        goMonth(1);
+        return;
+      }
+      if (event.key === "Home") {
+        event.preventDefault();
+        moveCursor(-taoDateWeekdayIndex(cursorIso.value));
+        return;
+      }
+      if (event.key === "End") {
+        event.preventDefault();
+        moveCursor(6 - taoDateWeekdayIndex(cursorIso.value));
+        return;
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        selectDay(cursorIso.value);
+      }
+    }
+    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) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tao-date", { "tao-date--open": open.value, "tao-date--invalid": invalid.value }])
+      }, [
+        createElementVNode("button", {
+          id: controlId.value,
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          type: "button",
+          class: normalizeClass(["tao-date__trigger", { "tao-date__trigger--placeholder": !valueIso.value }]),
+          role: "combobox",
+          "aria-expanded": open.value,
+          "aria-haspopup": "dialog",
+          "aria-controls": gridId,
+          "aria-invalid": invalid.value || void 0,
+          "aria-describedby": describedBy.value,
+          disabled: __props.disabled,
+          onClick: toggle,
+          onKeydown: onTriggerKeydown
+        }, [
+          createElementVNode("span", _hoisted_2$g, toDisplayString(displayLabel.value || __props.placeholder), 1),
+          _cache[4] || (_cache[4] = createElementVNode("svg", {
+            class: "tao-date__icon",
+            viewBox: "0 0 16 16",
+            width: "16",
+            height: "16",
+            "aria-hidden": "true",
+            focusable: "false"
+          }, [
+            createElementVNode("rect", {
+              x: "2",
+              y: "3",
+              width: "12",
+              height: "11",
+              rx: "1.5",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.4"
+            }),
+            createElementVNode("path", {
+              d: "M5 1.5v3M11 1.5v3M2 6.5h12",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.4",
+              "stroke-linecap": "round"
+            })
+          ], -1))
+        ], 42, _hoisted_1$i),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          open.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            id: gridId,
+            ref_key: "panelRef",
+            ref: panelRef,
+            class: "tao-date__panel",
+            role: "dialog",
+            "aria-label": monthLabel.value,
+            tabindex: "-1",
+            style: normalizeStyle(panelStyle.value),
+            onKeydown: onPanelKeydown
+          }, [
+            createElementVNode("div", _hoisted_4$e, [
+              createElementVNode("button", {
+                type: "button",
+                class: "tao-date__nav",
+                "aria-label": "Предыдущий месяц",
+                onClick: _cache[0] || (_cache[0] = ($event) => goMonth(-1))
+              }, [..._cache[5] || (_cache[5] = [
+                createElementVNode("svg", {
+                  viewBox: "0 0 24 24",
+                  width: "14",
+                  height: "14",
+                  "aria-hidden": "true",
+                  focusable: "false"
+                }, [
+                  createElementVNode("path", {
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2.2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M14.5 5 8 12l6.5 7"
+                  })
+                ], -1)
+              ])]),
+              createElementVNode("p", _hoisted_5$b, toDisplayString(monthLabel.value), 1),
+              createElementVNode("button", {
+                type: "button",
+                class: "tao-date__nav",
+                "aria-label": "Следующий месяц",
+                onClick: _cache[1] || (_cache[1] = ($event) => goMonth(1))
+              }, [..._cache[6] || (_cache[6] = [
+                createElementVNode("svg", {
+                  viewBox: "0 0 24 24",
+                  width: "14",
+                  height: "14",
+                  "aria-hidden": "true",
+                  focusable: "false"
+                }, [
+                  createElementVNode("path", {
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2.2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M9.5 5 16 12l-6.5 7"
+                  })
+                ], -1)
+              ])])
+            ]),
+            createElementVNode("div", _hoisted_6$8, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (day) => {
+                return openBlock(), createElementBlock("span", { key: day }, toDisplayString(day), 1);
+              }), 128))
+            ]),
+            createElementVNode("div", _hoisted_7$6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
+                return openBlock(), createElementBlock("button", {
+                  key: cell.iso,
+                  type: "button",
+                  class: normalizeClass(["tao-date__day", {
+                    "tao-date__day--outside": !cell.currentMonth,
+                    "tao-date__day--today": cell.iso === todayIso.value,
+                    "tao-date__day--selected": cell.iso === valueIso.value,
+                    "tao-date__day--cursor": cell.iso === cursorIso.value,
+                    "tao-date__day--disabled": !unref(isTaoDateInRange)(cell.iso, __props.min, __props.max)
+                  }]),
+                  role: "gridcell",
+                  "aria-label": unref(formatTaoDateLabel)(cell.iso, __props.locale),
+                  "aria-selected": cell.iso === valueIso.value,
+                  disabled: !unref(isTaoDateInRange)(cell.iso, __props.min, __props.max),
+                  onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
                   }, ["prevent"])),
-                  onClick: ($event) => selectOption(option),
-                  onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
-                }, toDisplayString(option.label), 43, _hoisted_4$e);
+                  onClick: ($event) => selectDay(cell.iso)
+                }, toDisplayString(cell.day), 43, _hoisted_8$6);
               }), 128))
-            ], 40, _hoisted_3$e),
-            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)
+            ]),
+            createElementVNode("div", _hoisted_9$2, [
+              createElementVNode("button", {
+                type: "button",
+                class: "tao-date__link",
+                disabled: !todayEnabled.value,
+                onClick: _cache[3] || (_cache[3] = ($event) => selectDay(todayIso.value))
+              }, " Сегодня ", 8, _hoisted_10$1),
+              valueIso.value ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                type: "button",
+                class: "tao-date__link",
+                onClick: clear
+              }, "Очистить")) : createCommentVNode("", true)
+            ])
+          ], 44, _hoisted_3$e)) : createCommentVNode("", true)
         ]))
       ], 2);
     };
   }
 });
-const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-42551757"]]);
-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")}`;
-}
-function parseTaoDate(value) {
-  if (!value) {
-    return null;
-  }
-  const match = ISO_DATE.exec(value);
-  if (!match) {
-    return null;
-  }
-  const y = Number(match[1]);
-  const m = Number(match[2]);
-  const d = Number(match[3]);
-  const date = new Date(y, m - 1, d);
-  if (date.getFullYear() !== y || date.getMonth() !== m - 1 || date.getDate() !== d) {
-    return null;
-  }
-  return { y, m, d };
-}
-function todayTaoDate() {
-  const now = /* @__PURE__ */ new Date();
-  return formatTaoDateIso({ y: now.getFullYear(), m: now.getMonth() + 1, d: now.getDate() });
-}
-function shiftTaoDate(iso, days) {
-  const parts = parseTaoDate(iso);
-  if (!parts) {
-    return iso;
-  }
-  const date = new Date(parts.y, parts.m - 1, parts.d + days);
-  return formatTaoDateIso({ y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate() });
-}
-function shiftTaoMonth(iso, months) {
-  const parts = parseTaoDate(iso);
-  if (!parts) {
-    return iso;
-  }
-  const date = new Date(parts.y, parts.m - 1 + months, parts.d);
-  return formatTaoDateIso({ y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate() });
-}
-function isTaoDateInRange(iso, min, max) {
-  if (!parseTaoDate(iso)) {
-    return false;
-  }
-  if (min && parseTaoDate(min) && iso < min) {
-    return false;
-  }
-  if (max && parseTaoDate(max) && iso > max) {
-    return false;
-  }
-  return true;
-}
-function formatTaoDateLabel(iso, locale = "ru-RU") {
-  const parts = parseTaoDate(iso);
-  if (!parts) {
-    return "";
-  }
-  return new Date(parts.y, parts.m - 1, parts.d).toLocaleDateString(locale, {
-    day: "numeric",
-    month: "long",
-    year: "numeric"
-  });
-}
-function formatTaoMonthLabel(year, month, locale = "ru-RU") {
-  const label = new Date(year, month - 1, 1).toLocaleDateString(locale, {
-    month: "long",
-    year: "numeric"
-  });
-  return label.charAt(0).toUpperCase() + label.slice(1);
-}
-function taoDateWeekdayIndex(iso) {
-  const parts = parseTaoDate(iso);
-  if (!parts) {
-    return 0;
-  }
-  return (new Date(parts.y, parts.m - 1, parts.d).getDay() + 6) % 7;
-}
-function taoWeekdayLabels(locale = "ru-RU") {
-  return Array.from({ length: 7 }, (_, index) => {
-    const label = new Date(2026, 0, 5 + index).toLocaleDateString(locale, { weekday: "short" });
-    return label.replace(/\.$/, "");
-  });
-}
-function buildTaoDateGrid(year, month) {
-  const first = new Date(year, month - 1, 1);
-  const mondayOffset = (first.getDay() + 6) % 7;
-  const start = new Date(year, month - 1, 1 - mondayOffset);
-  return Array.from({ length: 42 }, (_, index) => {
-    const date = new Date(start.getFullYear(), start.getMonth(), start.getDate() + index);
-    return {
-      iso: formatTaoDateIso({ y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate() }),
-      day: date.getDate(),
-      currentMonth: date.getMonth() === month - 1
-    };
-  });
-}
+const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-f4a9cddd"]]);
 const _hoisted_1$h = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-const _hoisted_2$f = { class: "tao-date__value" };
+const _hoisted_2$f = { class: "tao-date-range__value" };
 const _hoisted_3$d = ["aria-label"];
 const _hoisted_4$d = { class: "tao-date__header" };
 const _hoisted_5$a = { class: "tao-date__month" };
@@ -3001,19 +4323,15 @@ const _hoisted_6$7 = {
   class: "tao-date__weekdays",
   "aria-hidden": "true"
 };
-const _hoisted_7$5 = {
-  class: "tao-date__grid",
-  role: "grid"
-};
-const _hoisted_8$5 = ["aria-selected", "disabled", "onClick"];
-const _hoisted_9$1 = { class: "tao-date__footer" };
-const _hoisted_10$1 = ["disabled"];
+const _hoisted_7$5 = ["aria-label", "aria-selected", "disabled", "onMouseenter", "onClick"];
+const _hoisted_8$5 = { class: "tao-date__footer" };
+const _hoisted_9$1 = ["disabled"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...{ name: "TaoDate" },
-  __name: "TaoDate",
+  ...{ name: "TaoDateRange" },
+  __name: "TaoDateRange",
   props: {
     modelValue: { default: null },
-    placeholder: { default: "Дата" },
+    placeholder: { default: "Период" },
     disabled: { type: Boolean, default: false },
     error: { type: Boolean, default: false },
     min: { default: void 0 },
@@ -3034,19 +4352,32 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const viewYear = ref(2026);
     const viewMonth = ref(1);
     const cursorIso = ref(todayTaoDate());
+    const draftStart = ref(null);
+    const hoverIso = ref(null);
     const triggerRef = ref(null);
     const panelRef = ref(null);
     const panelStyle = ref({ top: "0px", left: "0px" });
-    const valueIso = computed(() => {
-      const parsed = parseTaoDate(props.modelValue);
-      return parsed ? formatTaoDateIso(parsed) : null;
+    const committed = computed(() => parseTaoDateRange(props.modelValue));
+    const highlight = computed(() => {
+      if (draftStart.value) {
+        return sortTaoDateRange(draftStart.value, hoverIso.value ?? cursorIso.value ?? draftStart.value);
+      }
+      return committed.value;
     });
-    const displayLabel = computed(() => valueIso.value ? formatTaoDateLabel(valueIso.value, props.locale) : "");
+    const displayLabel = computed(
+      () => committed.value ? formatTaoDateRangeLabel(committed.value.start, committed.value.end, props.locale) : ""
+    );
     const weekdays = computed(() => taoWeekdayLabels(props.locale));
     const monthLabel = computed(() => formatTaoMonthLabel(viewYear.value, viewMonth.value, props.locale));
     const cells = computed(() => buildTaoDateGrid(viewYear.value, viewMonth.value));
     const todayIso = computed(() => todayTaoDate());
     const todayEnabled = computed(() => isTaoDateInRange(todayIso.value, props.min, props.max));
+    function daySelected(iso) {
+      return Boolean(highlight.value && (iso === highlight.value.start || iso === highlight.value.end));
+    }
+    function dayInRange(iso) {
+      return Boolean(highlight.value && iso > highlight.value.start && iso < highlight.value.end);
+    }
     function syncViewFrom(iso) {
       const parts = parseTaoDate(iso);
       if (!parts) {
@@ -3075,7 +4406,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       };
     }
     async function setOpen(next) {
-      var _a;
+      var _a, _b;
       if (props.disabled) {
         return;
       }
@@ -3083,10 +4414,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       if (!next) {
         return;
       }
-      syncViewFrom(valueIso.value ?? todayIso.value);
+      draftStart.value = null;
+      hoverIso.value = null;
+      syncViewFrom(((_a = committed.value) == null ? void 0 : _a.start) ?? todayIso.value);
       await nextTick();
       updatePosition();
-      (_a = panelRef.value) == null ? void 0 : _a.focus();
+      (_b = panelRef.value) == null ? void 0 : _b.focus();
     }
     function toggle() {
       void setOpen(!open.value);
@@ -3094,24 +4427,44 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     function close() {
       open.value = false;
     }
-    function selectDay(iso) {
+    function commitRange(range) {
       var _a;
+      emit("update:modelValue", range);
+      emit("change", range);
+      draftStart.value = null;
+      hoverIso.value = null;
+      close();
+      (_a = triggerRef.value) == null ? void 0 : _a.focus();
+    }
+    function selectDay(iso) {
       if (!isTaoDateInRange(iso, props.min, props.max)) {
         return;
       }
-      emit("update:modelValue", iso);
-      emit("change", iso);
-      close();
-      (_a = triggerRef.value) == null ? void 0 : _a.focus();
+      if (!draftStart.value) {
+        draftStart.value = iso;
+        hoverIso.value = iso;
+        cursorIso.value = iso;
+        return;
+      }
+      commitRange(sortTaoDateRange(draftStart.value, iso));
+    }
+    function selectToday() {
+      if (!todayEnabled.value) {
+        return;
+      }
+      commitRange({ start: todayIso.value, end: todayIso.value });
     }
     function clear() {
       var _a;
       emit("update:modelValue", null);
       emit("change", null);
+      draftStart.value = null;
+      hoverIso.value = null;
       close();
       (_a = triggerRef.value) == null ? void 0 : _a.focus();
     }
     function goMonth(delta) {
+      hoverIso.value = null;
       const next = shiftTaoMonth(`${viewYear.value}-${String(viewMonth.value).padStart(2, "0")}-01`, delta);
       const parts = parseTaoDate(next);
       if (!parts) {
@@ -3123,10 +4476,20 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       void nextTick(updatePosition);
     }
     function moveCursor(days) {
+      hoverIso.value = null;
       cursorIso.value = shiftTaoDate(cursorIso.value, days);
       syncViewFrom(cursorIso.value);
       void nextTick(updatePosition);
     }
+    function onDayEnter(iso) {
+      if (!isTaoDateInRange(iso, props.min, props.max)) {
+        return;
+      }
+      hoverIso.value = iso;
+    }
+    function onGridLeave() {
+      hoverIso.value = null;
+    }
     function onTriggerKeydown(event) {
       if (props.disabled) {
         return;
@@ -3209,6 +4572,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         window.addEventListener("scroll", onViewportChange, true);
         return;
       }
+      draftStart.value = null;
+      hoverIso.value = null;
       document.removeEventListener("pointerdown", onDocumentPointer);
       window.removeEventListener("resize", onViewportChange);
       window.removeEventListener("scroll", onViewportChange, true);
@@ -3220,14 +4585,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tao-date", { "tao-date--open": open.value, "tao-date--invalid": invalid.value }])
+        class: normalizeClass(["tao-date-range", { "tao-date-range--open": open.value, "tao-date-range--invalid": invalid.value }])
       }, [
         createElementVNode("button", {
           id: controlId.value,
           ref_key: "triggerRef",
           ref: triggerRef,
           type: "button",
-          class: normalizeClass(["tao-date__trigger", { "tao-date__trigger--placeholder": !valueIso.value }]),
+          class: normalizeClass(["tao-date-range__trigger", { "tao-date-range__trigger--placeholder": !committed.value }]),
           role: "combobox",
           "aria-expanded": open.value,
           "aria-haspopup": "dialog",
@@ -3239,8 +4604,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           onKeydown: onTriggerKeydown
         }, [
           createElementVNode("span", _hoisted_2$f, toDisplayString(displayLabel.value || __props.placeholder), 1),
-          _cache[4] || (_cache[4] = createElementVNode("svg", {
-            class: "tao-date__icon",
+          _cache[3] || (_cache[3] = createElementVNode("svg", {
+            class: "tao-date-range__icon",
             viewBox: "0 0 16 16",
             width: "16",
             height: "16",
@@ -3285,7 +4650,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 class: "tao-date__nav",
                 "aria-label": "Предыдущий месяц",
                 onClick: _cache[0] || (_cache[0] = ($event) => goMonth(-1))
-              }, [..._cache[5] || (_cache[5] = [
+              }, [..._cache[4] || (_cache[4] = [
                 createElementVNode("svg", {
                   viewBox: "0 0 24 24",
                   width: "14",
@@ -3309,7 +4674,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 class: "tao-date__nav",
                 "aria-label": "Следующий месяц",
                 onClick: _cache[1] || (_cache[1] = ($event) => goMonth(1))
-              }, [..._cache[6] || (_cache[6] = [
+              }, [..._cache[5] || (_cache[5] = [
                 createElementVNode("svg", {
                   viewBox: "0 0 24 24",
                   width: "14",
@@ -3333,35 +4698,45 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 return openBlock(), createElementBlock("span", { key: day }, toDisplayString(day), 1);
               }), 128))
             ]),
-            createElementVNode("div", _hoisted_7$5, [
+            createElementVNode("div", {
+              class: "tao-date__grid",
+              role: "grid",
+              onMouseleave: onGridLeave
+            }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
+                var _a, _b;
                 return openBlock(), createElementBlock("button", {
                   key: cell.iso,
                   type: "button",
                   class: normalizeClass(["tao-date__day", {
                     "tao-date__day--outside": !cell.currentMonth,
                     "tao-date__day--today": cell.iso === todayIso.value,
-                    "tao-date__day--selected": cell.iso === valueIso.value,
+                    "tao-date__day--selected": daySelected(cell.iso),
+                    "tao-date__day--in-range": dayInRange(cell.iso),
+                    "tao-date__day--range-start": ((_a = highlight.value) == null ? void 0 : _a.start) === cell.iso,
+                    "tao-date__day--range-end": ((_b = highlight.value) == null ? void 0 : _b.end) === cell.iso,
                     "tao-date__day--cursor": cell.iso === cursorIso.value,
                     "tao-date__day--disabled": !unref(isTaoDateInRange)(cell.iso, __props.min, __props.max)
                   }]),
                   role: "gridcell",
-                  "aria-selected": cell.iso === valueIso.value,
+                  "aria-label": unref(formatTaoDateLabel)(cell.iso, __props.locale),
+                  "aria-selected": daySelected(cell.iso),
                   disabled: !unref(isTaoDateInRange)(cell.iso, __props.min, __props.max),
                   onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
                   }, ["prevent"])),
+                  onMouseenter: ($event) => onDayEnter(cell.iso),
                   onClick: ($event) => selectDay(cell.iso)
-                }, toDisplayString(cell.day), 43, _hoisted_8$5);
+                }, toDisplayString(cell.day), 43, _hoisted_7$5);
               }), 128))
-            ]),
-            createElementVNode("div", _hoisted_9$1, [
+            ], 32),
+            createElementVNode("div", _hoisted_8$5, [
               createElementVNode("button", {
                 type: "button",
                 class: "tao-date__link",
                 disabled: !todayEnabled.value,
-                onClick: _cache[3] || (_cache[3] = ($event) => selectDay(todayIso.value))
-              }, " Сегодня ", 8, _hoisted_10$1),
-              valueIso.value ? (openBlock(), createElementBlock("button", {
+                onClick: selectToday
+              }, " Сегодня ", 8, _hoisted_9$1),
+              committed.value ? (openBlock(), createElementBlock("button", {
                 key: 0,
                 type: "button",
                 class: "tao-date__link",
@@ -3374,7 +4749,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4227e5f8"]]);
+const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4e222262"]]);
 const _hoisted_1$g = ["for"];
 const _hoisted_2$e = ["id", "checked", "disabled", "aria-checked"];
 const _hoisted_3$c = {
@@ -4271,7 +5646,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$m, {
                 key: 2,
                 class: "tao-breadcrumb__link",
                 to: item.to
@@ -4462,7 +5837,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) {
@@ -4484,7 +5859,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);
     }
@@ -4542,6 +5917,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;
@@ -4551,7 +5955,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) {
@@ -4561,13 +5968,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) {
@@ -4606,13 +6025,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", {
@@ -4665,8 +6089,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)
@@ -4732,7 +6157,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 = {
@@ -5869,10 +7294,12 @@ const components = [
   TaoModal,
   TaoTabs,
   TaoTooltip,
+  TaoPopover,
   TaoSpoiler,
+  TaoSpoilerGroup,
   TaoCopy,
   TaoContainer,
-  _sfc_main$A,
+  _sfc_main$D,
   TaoSpace,
   TaoIcon,
   TaoLoader,
@@ -5880,6 +7307,7 @@ const components = [
   TaoCheckbox,
   TaoTag,
   TaoDivider,
+  TaoFieldset,
   TaoAnimatedBorder,
   TaoTextarea,
   TaoScrollTop,
@@ -5888,10 +7316,12 @@ const components = [
   TaoFileDrop,
   TaoDropdownMenu,
   TaoPinCode,
-  _sfc_main$k,
+  _sfc_main$m,
   TaoFormField,
   TaoSelect,
+  TaoCombobox,
   TaoDate,
+  TaoDateRange,
   TaoSwitch,
   TaoRadio,
   TaoRadioGroup,
@@ -5926,28 +7356,32 @@ export {
   TaoCard,
   TaoCarousel,
   TaoCheckbox,
+  TaoCombobox,
   TaoConfirmHost,
   TaoContainer,
   TaoCopy,
   TaoCounter,
   TaoDate,
+  TaoDateRange,
   TaoDivider,
   TaoDrawer,
   TaoDropdownMenu,
   TaoEmpty,
+  TaoFieldset,
   TaoFileDrop,
-  _sfc_main$A as TaoFlex,
+  _sfc_main$D as TaoFlex,
   TaoFormField,
   TaoIcon,
   TaoImage,
   TaoInput,
   TaoInputGroup,
   TaoInputNumber,
-  _sfc_main$k as TaoLink,
+  _sfc_main$m as TaoLink,
   TaoLoader,
   TaoModal,
   TaoPagination,
   TaoPinCode,
+  TaoPopover,
   TaoProgress,
   TaoQuantity,
   TaoRadio,
@@ -5958,6 +7392,7 @@ export {
   TaoSlider,
   TaoSpace,
   TaoSpoiler,
+  TaoSpoilerGroup,
   TaoStages,
   TaoSwitch,
   TaoTable,
@@ -5971,7 +7406,9 @@ export {
   TaoUI as default,
   formatTaoDateIso,
   formatTaoDateLabel,
+  formatTaoDateRangeLabel,
   parseTaoDate,
+  parseTaoDateRange,
   toast,
   todayTaoDate
 };