@1337exp/taoui 1.2.2 → 1.3.2

package/dist/index.cjs

@@ -2,17 +2,17 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.TaoUI = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";
-  const _hoisted_1$F = ["type", "disabled"];
-  const _hoisted_2$A = {
+  const _hoisted_1$J = ["type", "disabled"];
+  const _hoisted_2$C = {
     key: 0,
     class: "tao-button__loader"
   };
-  const _hoisted_3$u = {
+  const _hoisted_3$w = {
     key: 1,
     class: "tao-button__icon"
   };
-  const _hoisted_4$o = { class: "tao-button__content" };
-  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$q = { class: "tao-button__content" };
+  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoButton" },
     __name: "TaoButton",
     props: {
@@ -49,12 +49,12 @@
           disabled: __props.disabled || __props.loading,
           onClick: handleClick
         }, [
-          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$A)) : vue.createCommentVNode("", true),
-          __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$u, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_4$o, [
+          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$C)) : vue.createCommentVNode("", true),
+          __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_4$q, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
-        ], 10, _hoisted_1$F);
+        ], 10, _hoisted_1$J);
       };
     }
   });
@@ -65,8 +65,8 @@
     }
     return target;
   };
-  const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-5a0fd489"]]);
-  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+  const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-5a0fd489"]]);
+  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoBlock" },
     __name: "TaoBlock",
     props: {
@@ -98,24 +98,24 @@
       };
     }
   });
-  const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-feb87e36"]]);
+  const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-feb87e36"]]);
   const formFieldKey = Symbol("taoFormField");
-  const _hoisted_1$E = { class: "tao-input-wrapper" };
-  const _hoisted_2$z = ["for"];
-  const _hoisted_3$t = {
+  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$M = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInput" },
     __name: "TaoInput",
     props: {
@@ -151,12 +151,12 @@
         emit("focus", event);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
           __props.label && !vue.unref(field) ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             class: "tao-input__label",
             for: controlId.value
-          }, vue.toDisplayString(__props.label), 9, _hoisted_2$z)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(__props.label), 9, _hoisted_2$B)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["tao-input-shell", {
               "tao-input-shell--focused": focused.value,
@@ -166,7 +166,7 @@
               "tao-input-shell--suffix": _ctx.$slots.suffix
             }])
           }, [
-            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$t, [
+            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, [
               vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             vue.createElementVNode("input", {
@@ -181,27 +181,27 @@
               onInput: handleInput,
               onBlur: handleBlur,
               onFocus: handleFocus
-            }, null, 42, _hoisted_4$n),
-            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$f, [
+            }, null, 42, _hoisted_4$p),
+            _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$h, [
               vue.renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 2),
-          __props.error && __props.errorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$b, vue.toDisplayString(__props.errorMessage), 1)) : vue.createCommentVNode("", true)
+          __props.error && __props.errorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$d, vue.toDisplayString(__props.errorMessage), 1)) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-b522e041"]]);
-  const _hoisted_1$D = {
+  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$y = { class: "tao-input-group__field" };
-  const _hoisted_3$s = {
+  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$L = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInputGroup" },
     __name: "TaoInputGroup",
     setup(__props) {
@@ -223,28 +223,28 @@
           onFocusin: onFocusIn,
           onFocusout: onFocusOut
         }, [
-          _ctx.$slots.before ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+          _ctx.$slots.before ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
             vue.renderSlot(_ctx.$slots, "before", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$y, [
+          vue.createElementVNode("div", _hoisted_2$A, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
-          _ctx.$slots.after ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
+          _ctx.$slots.after ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
             vue.renderSlot(_ctx.$slots, "after", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ], 34);
       };
     }
   });
-  const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-f06bb3b1"]]);
-  const _hoisted_1$C = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
-  const _hoisted_2$x = {
+  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$r = ["disabled"];
-  const _hoisted_4$m = ["disabled"];
-  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$t = ["disabled"];
+  const _hoisted_4$o = ["disabled"];
+  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoInputNumber" },
     __name: "TaoInputNumber",
     props: {
@@ -393,8 +393,8 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 40, _hoisted_1$C),
-          __props.controls ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
+          }, null, 40, _hoisted_1$G),
+          __props.controls ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-input-number__step",
@@ -402,7 +402,7 @@
               tabindex: "-1",
               disabled: __props.disabled || atMax.value,
               onClick: _cache[0] || (_cache[0] = ($event) => bump(1))
-            }, " + ", 8, _hoisted_3$r),
+            }, " + ", 8, _hoisted_3$t),
             vue.createElementVNode("button", {
               type: "button",
               class: "tao-input-number__step",
@@ -410,17 +410,17 @@
               tabindex: "-1",
               disabled: __props.disabled || atMin.value,
               onClick: _cache[1] || (_cache[1] = ($event) => bump(-1))
-            }, " − ", 8, _hoisted_4$m)
+            }, " − ", 8, _hoisted_4$o)
           ])) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
   });
-  const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-55b65a4d"]]);
-  const _hoisted_1$B = ["aria-label", "disabled"];
-  const _hoisted_2$w = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
-  const _hoisted_3$q = ["disabled"];
-  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+  const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-55b65a4d"]]);
+  const _hoisted_1$F = ["aria-label", "disabled"];
+  const _hoisted_2$y = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+  const _hoisted_3$s = ["disabled"];
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoQuantity" },
     __name: "TaoQuantity",
     props: {
@@ -553,7 +553,7 @@
             "aria-label": minusLabel.value,
             disabled: minusDisabled.value,
             onClick: onDec
-          }, " − ", 8, _hoisted_1$B),
+          }, " − ", 8, _hoisted_1$F),
           vue.createElementVNode("input", {
             id: controlId.value,
             class: "tao-quantity__input",
@@ -573,49 +573,49 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 40, _hoisted_2$w),
+          }, null, 40, _hoisted_2$y),
           vue.createElementVNode("button", {
             type: "button",
             class: "tao-quantity__btn tao-quantity__btn--inc",
             "aria-label": "Увеличить",
             disabled: plusDisabled.value,
             onClick: onInc
-          }, " + ", 8, _hoisted_3$q)
+          }, " + ", 8, _hoisted_3$s)
         ], 2);
       };
     }
   });
-  const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-df6baf04"]]);
-  const _hoisted_1$A = {
+  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$v = {
+  const _hoisted_2$x = {
     key: 0,
     class: "tao-card__header-title"
   };
-  const _hoisted_3$p = { 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$I = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCard" },
     __name: "TaoCard",
     props: {
@@ -647,14 +647,14 @@
           }]),
           style: vue.normalizeStyle(radiusStyle.value)
         }, [
-          _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+          _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
             vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: "tao-card__content",
             style: vue.normalizeStyle(paddingStyle.value)
           }, [
-            _ctx.$slots.headerTitle ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$v, [
+            _ctx.$slots.headerTitle ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$x, [
               vue.renderSlot(_ctx.$slots, "headerTitle", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
             _ctx.$slots.header || _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -664,22 +664,22 @@
               vue.createElementVNode("span", null, [
                 vue.renderSlot(_ctx.$slots, "header", {}, void 0, true)
               ]),
-              _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$p, [
+              _ctx.$slots.headerSecondary ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$r, [
                 vue.renderSlot(_ctx.$slots, "headerSecondary", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ], 2)) : vue.createCommentVNode("", true),
-            _ctx.$slots.title || _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
-              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$e, [
+            _ctx.$slots.title || _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
+              _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_5$g, [
                 vue.renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ])) : vue.createCommentVNode("", true),
-              _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$a, [
+              _ctx.$slots.sub ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$c, [
                 vue.renderSlot(_ctx.$slots, "sub", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$6, [
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$8, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$6, [
+            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$7, [
               vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 4)
@@ -687,7 +687,7 @@
       };
     }
   });
-  const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__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(
@@ -716,19 +716,19 @@
       first.focus();
     }
   }
-  const _hoisted_1$z = ["aria-labelledby"];
-  const _hoisted_2$u = {
+  const _hoisted_1$D = ["aria-labelledby"];
+  const _hoisted_2$w = {
     key: 0,
     class: "tao-modal__header"
   };
-  const _hoisted_3$o = ["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$H = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoModal" },
     __name: "TaoModal",
     props: {
@@ -828,13 +828,13 @@
                   "aria-labelledby": __props.title ? vue.unref(titleId) : void 0,
                   tabindex: "-1"
                 }, [
-                  __props.title || _ctx.$slots.header || __props.closable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
+                  __props.title || _ctx.$slots.header || __props.closable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
                     vue.renderSlot(_ctx.$slots, "header", {}, () => [
                       __props.title ? (vue.openBlock(), vue.createElementBlock("h2", {
                         key: 0,
                         id: vue.unref(titleId),
                         class: "tao-modal__title"
-                      }, vue.toDisplayString(__props.title), 9, _hoisted_3$o)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k))
+                      }, vue.toDisplayString(__props.title), 9, _hoisted_3$q)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$m))
                     ], true),
                     __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                       key: 0,
@@ -844,13 +844,13 @@
                       onClick: close
                     }, " × ")) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", _hoisted_5$d, [
+                  vue.createElementVNode("div", _hoisted_5$f, [
                     vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                   ]),
-                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$9, [
+                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$b, [
                     vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                   ])) : vue.createCommentVNode("", true)
-                ], 8, _hoisted_1$z)
+                ], 8, _hoisted_1$D)
               ], 32)) : vue.createCommentVNode("", true)
             ]),
             _: 3
@@ -859,11 +859,11 @@
       };
     }
   });
-  const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-0cffe849"]]);
-  const _hoisted_1$y = { class: "tao-tabs" };
-  const _hoisted_2$t = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
-  const _hoisted_3$n = ["id", "aria-labelledby"];
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-0cffe849"]]);
+  const _hoisted_1$C = { class: "tao-tabs" };
+  const _hoisted_2$v = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
+  const _hoisted_3$p = ["id", "aria-labelledby"];
+  const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTabs" },
     __name: "TaoTabs",
     props: {
@@ -927,7 +927,7 @@
         }
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
           vue.createElementVNode("div", {
             class: "tao-tabs__list",
             role: "tablist",
@@ -952,7 +952,7 @@
                 }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   vue.createTextVNode(vue.toDisplayString(tab.label), 1)
                 ], 64))
-              ], 8, _hoisted_2$t);
+              ], 8, _hoisted_2$v);
             }), 128))
           ], 32),
           vue.createElementVNode("div", {
@@ -962,13 +962,13 @@
             "aria-labelledby": tabId(__props.modelValue)
           }, [
             vue.renderSlot(_ctx.$slots, "default", { activeTab: __props.modelValue }, void 0, true)
-          ], 8, _hoisted_3$n)
+          ], 8, _hoisted_3$p)
         ]);
       };
     }
   });
-  const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-bf16735e"]]);
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-bf16735e"]]);
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTooltip" },
     __name: "TaoTooltip",
     props: {
@@ -1000,22 +1000,213 @@
       };
     }
   });
-  const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-6f3b3c11"]]);
-  const _hoisted_1$x = { class: "tao-spoiler" };
-  const _hoisted_2$s = ["aria-expanded", "aria-controls"];
-  const _hoisted_3$m = {
+  const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-6f3b3c11"]]);
+  const _hoisted_1$B = { class: "tao-popover" };
+  const _sfc_main$I = /* @__PURE__ */ vue.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 = vue.ref(null);
+      const panelRef = vue.ref(null);
+      const internal = vue.ref(false);
+      const panelStyle = vue.ref({ top: "0px", left: "0px" });
+      const isControlled = vue.computed(() => props.modelValue !== void 0);
+      const open = vue.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 vue.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();
+        }
+      }
+      vue.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);
+      });
+      vue.onBeforeUnmount(() => {
+        document.removeEventListener("pointerdown", onDocumentPointer);
+        document.removeEventListener("keydown", onDocumentKey);
+        window.removeEventListener("resize", onViewportChange);
+        window.removeEventListener("scroll", onViewportChange, true);
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+          vue.createElementVNode("div", {
+            ref_key: "triggerRef",
+            ref: triggerRef,
+            class: "tao-popover__trigger",
+            onClick: onTriggerClick
+          }, [
+            vue.renderSlot(_ctx.$slots, "trigger", {
+              open: open.value,
+              toggle
+            }, void 0, true)
+          ], 512),
+          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+            open.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              ref_key: "panelRef",
+              ref: panelRef,
+              class: "tao-popover__panel",
+              role: "dialog",
+              tabindex: "-1",
+              style: vue.normalizeStyle(panelStyle.value)
+            }, [
+              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 4)) : vue.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$E = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_4$l = ["id"];
+  const _hoisted_5$e = { class: "tao-spoiler__content-inner" };
+  const _sfc_main$H = /* @__PURE__ */ vue.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 }) {
@@ -1023,9 +1214,20 @@
       const emit = __emit;
       const panelId = vue.useId();
       const internal = vue.ref(props.defaultOpen);
+      const group = vue.inject(spoilerGroupKey, null);
+      const inGroup = vue.computed(() => group !== null && props.name !== void 0 && props.name !== "");
       const isControlled = vue.computed(() => props.modelValue !== void 0);
-      const isOpen = vue.computed(() => isControlled.value ? Boolean(props.modelValue) : internal.value);
+      const isOpen = vue.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;
@@ -1052,7 +1254,7 @@
         });
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
           vue.createElementVNode("button", {
             type: "button",
             class: "tao-spoiler__header",
@@ -1063,12 +1265,12 @@
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["tao-spoiler__icon", { "tao-spoiler__icon--open": isOpen.value }])
             }, "▶", 2),
-            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, [
+            __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(__props.title), 1)
               ], true)
             ])) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$s),
+          ], 8, _hoisted_2$u),
           vue.createVNode(vue.Transition, {
             name: "tao-spoiler-slide",
             onBeforeEnter,
@@ -1082,10 +1284,10 @@
                 id: vue.unref(panelId),
                 class: "tao-spoiler__content"
               }, [
-                vue.createElementVNode("div", _hoisted_5$c, [
+                vue.createElementVNode("div", _hoisted_5$e, [
                   vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ])
-              ], 8, _hoisted_4$j)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_4$l)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -1093,33 +1295,136 @@
       };
     }
   });
-  const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-c9f4d962"]]);
-  const _hoisted_1$w = { class: "tao-copy" };
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ccb052cf"]]);
+  const _hoisted_1$z = { class: "tao-spoiler-group" };
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "TaoSpoilerGroup" },
+    __name: "TaoSpoilerGroup",
+    props: {
+      modelValue: { default: null }
+    },
+    emits: ["update:modelValue", "change"],
+    setup(__props, { emit: __emit }) {
+      const props = __props;
+      const emit = __emit;
+      const model = vue.computed(() => props.modelValue);
+      function setOpen(name) {
+        emit("update:modelValue", name);
+        emit("change", name);
+      }
+      vue.provide(spoilerGroupKey, {
+        model,
+        setOpen
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]);
+      };
+    }
+  });
+  const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-6b172e89"]]);
+  const _hoisted_1$y = ["aria-label"];
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCopy" },
     __name: "TaoCopy",
     props: {
       text: {},
-      successMessage: { default: "Скопировано!" }
+      successMessage: { default: "Скопировано!" },
+      tip: { type: Boolean, default: true }
     },
     setup(__props) {
       const props = __props;
       const copied = vue.ref(false);
-      let timeoutId;
+      const triggerRef = vue.ref(null);
+      const tipRef = vue.ref(null);
+      const tipStyle = vue.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();
         }
       }
+      vue.watch(copied, async (isCopied) => {
+        if (!isCopied || !props.tip) {
+          unbindTipGuards();
+          return;
+        }
+        await vue.nextTick();
+        await vue.nextTick();
+        updateTipPosition();
+        bindTipGuards();
+      });
+      vue.onMounted(() => {
+        visibleObserver = new IntersectionObserver((entries) => {
+          if (entries.some((entry) => !entry.isIntersecting)) {
+            hideTip();
+          }
+        });
+        if (triggerRef.value) {
+          visibleObserver.observe(triggerRef.value);
+        }
+      });
+      vue.onBeforeUnmount(() => {
+        hideTip();
+        unbindTipGuards();
+        visibleObserver == null ? void 0 : visibleObserver.disconnect();
+        visibleObserver = null;
+      });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+        return vue.openBlock(), vue.createElementBlock("span", {
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          class: "tao-copy"
+        }, [
           vue.renderSlot(_ctx.$slots, "default", {
             copy,
             copied: copied.value
@@ -1127,15 +1432,51 @@
             vue.createElementVNode("button", {
               type: "button",
               class: vue.normalizeClass(["tao-copy__button", { "tao-copy__button--copied": copied.value }]),
+              "aria-label": copied.value ? __props.successMessage : "Копировать",
               onClick: copy
-            }, vue.toDisplayString(copied.value ? __props.successMessage : "Копировать"), 3)
-          ], true)
-        ]);
+            }, [..._cache[0] || (_cache[0] = [
+              vue.createElementVNode("svg", {
+                viewBox: "0 0 24 24",
+                width: "16",
+                height: "16",
+                "aria-hidden": "true",
+                focusable: "false"
+              }, [
+                vue.createElementVNode("rect", {
+                  x: "8",
+                  y: "7",
+                  width: "12",
+                  height: "14",
+                  rx: "2",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }),
+                vue.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),
+          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+            copied.value && __props.tip && __props.successMessage ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              ref_key: "tipRef",
+              ref: tipRef,
+              class: "tao-copy__tip",
+              role: "status",
+              style: vue.normalizeStyle(tipStyle.value)
+            }, vue.toDisplayString(__props.successMessage), 5)) : vue.createCommentVNode("", true)
+          ]))
+        ], 512);
       };
     }
   });
-  const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-73a42ad9"]]);
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-1953c07e"]]);
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoContainer" },
     __name: "TaoContainer",
     props: {
@@ -1152,8 +1493,8 @@
       };
     }
   });
-  const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4c0deb90"]]);
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-4c0deb90"]]);
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFlex" },
     __name: "TaoFlex",
     props: {
@@ -1184,7 +1525,7 @@
       };
     }
   });
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSpace" },
     __name: "TaoSpace",
     props: {
@@ -1204,9 +1545,9 @@
       };
     }
   });
-  const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-698ca712"]]);
-  const _hoisted_1$v = { class: "tao-icon" };
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+  const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-698ca712"]]);
+  const _hoisted_1$x = { class: "tao-icon" };
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoIcon" },
     __name: "TaoIcon",
     props: {
@@ -1221,7 +1562,7 @@
       }));
       const props = __props;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$v, [
+        return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$x, [
           vue.renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
           vue.createElementVNode("i", {
             class: vue.normalizeClass(["tao-icon__value", [`icon-${props.name}`, { "tao-icon__value--invert": props.invert }]]),
@@ -1232,8 +1573,8 @@
       };
     }
   });
-  const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-145b2cfc"]]);
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const TaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-145b2cfc"]]);
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoLoader" },
     __name: "TaoLoader",
     props: {
@@ -1294,16 +1635,17 @@
       };
     }
   });
-  const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-75a40018"]]);
-  const _hoisted_1$u = { class: "tao-image" };
-  const _hoisted_2$r = ["src", "alt"];
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const TaoLoader = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-75a40018"]]);
+  const _hoisted_1$w = { class: "tao-image" };
+  const _hoisted_2$t = ["src", "alt", "loading"];
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...{ 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 }) {
@@ -1322,34 +1664,36 @@
         isLoaded.value = false;
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
           __props.src ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             class: vue.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$r)) : vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          }, null, 42, _hoisted_2$t)) : vue.renderSlot(_ctx.$slots, "default", {}, () => [
             _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "tao-image__placeholder" }, "No image available", -1))
           ], true, 1)
         ]);
       };
     }
   });
-  const TaoImage = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-9da4bb7d"]]);
-  const _hoisted_1$t = ["for"];
-  const _hoisted_2$q = ["id", "checked", "disabled", "aria-checked", "aria-invalid", "aria-describedby"];
-  const _hoisted_3$l = {
+  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$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCheckbox" },
     __name: "TaoCheckbox",
     props: {
@@ -1419,18 +1763,18 @@
             "aria-invalid": invalid.value || void 0,
             "aria-describedby": describedBy.value,
             onChange: onInputChange
-          }, null, 40, _hoisted_2$q),
+          }, null, 40, _hoisted_2$s),
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "tao-checkbox__box" }, null, -1)),
-          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$l, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$i, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, vue.toDisplayString(__props.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$k, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])),
           vue.renderSlot(_ctx.$slots, "post", { text: __props.label }, void 0, true)
-        ], 10, _hoisted_1$t);
+        ], 10, _hoisted_1$v);
       };
     }
   });
-  const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-f6b0e565"]]);
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f6b0e565"]]);
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTag" },
     __name: "TaoTag",
     props: {
@@ -1458,17 +1802,17 @@
       };
     }
   });
-  const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-290c0f6a"]]);
-  const _hoisted_1$s = {
+  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$p = { class: "tao-divider-text__value" };
-  const _hoisted_3$k = {
+  const _hoisted_2$r = { class: "tao-divider-text__value" };
+  const _hoisted_3$m = {
     key: 2,
     class: "tao-divider-line"
   };
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDivider" },
     __name: "TaoDivider",
     props: {
@@ -1482,18 +1826,48 @@
         return __props.variant === "gap" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-        }, null, 2)) : __props.variant === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+        }, null, 2)) : __props.variant === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-          vue.createElementVNode("span", _hoisted_2$p, [
+          vue.createElementVNode("span", _hoisted_2$r, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
           _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k));
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m));
       };
     }
   });
-  const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-8187a15d"]]);
-  const _sfc_main$t = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+    ...{ name: "TaoFieldset" },
+    __name: "TaoFieldset",
+    props: {
+      legend: { default: "" },
+      align: { default: "start" }
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("fieldset", {
+          class: vue.normalizeClass(["tao-fieldset", `tao-fieldset--${__props.align}`])
+        }, [
+          __props.legend || _ctx.$slots.legend ? (vue.openBlock(), vue.createElementBlock("legend", _hoisted_1$t, [
+            vue.renderSlot(_ctx.$slots, "legend", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(__props.legend), 1)
+            ], true)
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_2$q, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ], 2);
+      };
+    }
+  });
+  const TaoFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-34440ba5"]]);
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoAnimatedBorder" },
     __name: "TaoAnimatedBorder",
     props: {
@@ -1517,18 +1891,18 @@
       };
     }
   });
-  const TaoAnimatedBorder = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-f1534571"]]);
-  const _hoisted_1$r = {
+  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$o = {
+  const _hoisted_2$p = {
     key: 1,
     class: "tao-textarea-wrap"
   };
-  const _hoisted_3$j = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
-  const _hoisted_4$h = ["id"];
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$l = ["id", "placeholder", "spellcheck", "autocomplete", "minlength", "maxlength", "disabled", "rows", "value", "aria-invalid", "aria-describedby"];
+  const _hoisted_4$j = ["id"];
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoTextarea" },
     __name: "TaoTextarea",
     props: {
@@ -1625,7 +1999,7 @@
         vue.nextTick(autoResize);
       });
       return (_ctx, _cache) => {
-        return __props.dummy ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$r, vue.toDisplayString(__props.modelValue), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
+        return __props.dummy ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$s, vue.toDisplayString(__props.modelValue), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
           vue.createElementVNode("textarea", {
             id: controlId.value,
             ref_key: "textareaRef",
@@ -1654,21 +2028,21 @@
             onFocus,
             onBlur,
             onKeydown
-          }, null, 42, _hoisted_3$j),
+          }, null, 42, _hoisted_3$l),
           __props.count ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             id: counterId.value,
             class: vue.normalizeClass(["tao-textarea__count", { "tao-textarea__count--limit": atLimit.value }])
-          }, vue.toDisplayString(countLabel.value), 11, _hoisted_4$h)) : vue.createCommentVNode("", true)
+          }, vue.toDisplayString(countLabel.value), 11, _hoisted_4$j)) : vue.createCommentVNode("", true)
         ]));
       };
     }
   });
-  const TaoTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-2534c0c4"]]);
-  const _hoisted_1$q = ["tabindex"];
-  const _hoisted_2$n = { class: "tao-scroll-top__content" };
+  const 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$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoScrollTop" },
     __name: "TaoScrollTop",
     props: {
@@ -1768,7 +2142,7 @@
               "aria-label": "Наверх",
               onClick: vue.withModifiers(onClick, ["prevent"])
             }, [
-              vue.createElementVNode("div", _hoisted_2$n, [
+              vue.createElementVNode("div", _hoisted_2$o, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass([{ "tao-scroll-top__ripple--active": isRippleActive.value }, "tao-scroll-top__ripple"]),
                   style: vue.normalizeStyle(rippleStyle)
@@ -1785,33 +2159,33 @@
                   ], -1))
                 ], true)
               ])
-            ], 14, _hoisted_1$q)) : vue.createCommentVNode("", true)
+            ], 14, _hoisted_1$r)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         });
       };
     }
   });
-  const TaoScrollTop = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-ce902f42"]]);
-  const _hoisted_1$p = { class: "tao-progress" };
-  const _hoisted_2$m = {
+  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$i = { 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$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoProgress" },
     __name: "TaoProgress",
     props: {
@@ -1842,16 +2216,16 @@
         () => hasRight.value ? `(${props.progress}%)` : `${props.progress}%`
       );
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["tao-progress__container", { "tao-progress__container--over": showOverPercent.value }]),
             style: vue.normalizeStyle({ minWidth: `${minW.value}px`, maxWidth: `${maxW.value}px` })
           }, [
-            _ctx.$slots.left ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, [
+            _ctx.$slots.left ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [
               vue.renderSlot(_ctx.$slots, "left", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_3$i, [
-              showOverPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, vue.toDisplayString(__props.progress) + "%", 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_3$k, [
+              showOverPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$i, vue.toDisplayString(__props.progress) + "%", 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", {
                 class: "tao-progress__track",
                 style: vue.normalizeStyle({ height: `${__props.height}px` })
@@ -1862,23 +2236,23 @@
                 }, null, 6)
               ], 4)
             ]),
-            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [
+            _ctx.$slots.right || showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
               vue.renderSlot(_ctx.$slots, "right", {}, void 0, true),
-              showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$8, vue.toDisplayString(endPercentLabel.value), 1)) : vue.createCommentVNode("", true)
+              showEndPercent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$a, vue.toDisplayString(endPercentLabel.value), 1)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
           ], 6)
         ]);
       };
     }
   });
-  const TaoProgress = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-54c13718"]]);
-  const _hoisted_1$o = ["id", "tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-describedby"];
-  const _hoisted_2$l = ["placeholder"];
-  const _hoisted_3$h = {
+  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$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSlider" },
     __name: "TaoSlider",
     props: {
@@ -2072,21 +2446,29 @@
             onKeydown: onShadowKeydown,
             onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, null, 40, _hoisted_2$l)), [
+          }, null, 40, _hoisted_2$m)), [
             [vue.vModelText, shadowModel.value]
-          ]) : __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$h, [
+          ]) : __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
             vue.renderSlot(_ctx.$slots, "pre-value", {}, void 0, true),
             vue.createTextVNode(vue.toDisplayString(__props.modelValue), 1),
             vue.renderSlot(_ctx.$slots, "post-value", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
-        ], 42, _hoisted_1$o);
+        ], 42, _hoisted_1$p);
       };
     }
   });
-  const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-241d1042"]]);
-  const _hoisted_1$n = { class: "tao-file-drop" };
-  const _hoisted_2$k = ["accept", "multiple"];
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  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__ */ vue.defineComponent({
     ...{ name: "TaoFileDrop" },
     __name: "TaoFileDrop",
     props: {
@@ -2094,7 +2476,8 @@
       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 }) {
@@ -2102,6 +2485,13 @@
       const emit = __emit;
       const isDragging = vue.ref(false);
       const fileInput = vue.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;
@@ -2127,60 +2517,110 @@
       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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
-          __props.showClear && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("button", {
-            key: 0,
-            type: "button",
-            class: "tao-file-drop__clear",
-            "aria-label": "Очистить файлы",
-            onClick: requestClear
-          }, " ✕ ")) : vue.createCommentVNode("", true),
-          vue.createElementVNode("label", {
-            class: vue.normalizeClass(["tao-file-drop__zone", [`tao-file-drop__zone--${__props.size}`, { "tao-file-drop__zone--dragging": isDragging.value }]]),
-            onDragover: handleDragOver,
-            onDragleave: handleDragLeave,
-            onDrop: handleDrop
-          }, [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              _cache[1] || (_cache[1] = vue.createTextVNode("Перетащите файл сюда или нажмите, чтобы выбрать", -1))
-            ], true),
-            vue.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] = vue.withModifiers(() => {
-              }, ["stop"]))
-            }, null, 40, _hoisted_2$k)
-          ], 34)
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+          vue.createElementVNode("div", _hoisted_2$l, [
+            __props.showClear && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "tao-file-drop__clear",
+              "aria-label": "Очистить файлы",
+              onClick: requestClear
+            }, " ✕ ")) : vue.createCommentVNode("", true),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass(["tao-file-drop__zone", [`tao-file-drop__zone--${__props.size}`, { "tao-file-drop__zone--dragging": isDragging.value }]]),
+              onDragover: handleDragOver,
+              onDragleave: handleDragLeave,
+              onDrop: handleDrop
+            }, [
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                _cache[1] || (_cache[1] = vue.createTextVNode("Перетащите файл сюда или нажмите, чтобы выбрать", -1))
+              ], true),
+              vue.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] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, null, 40, _hoisted_3$i)
+            ], 34)
+          ]),
+          __props.list && __props.modelValue.length ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_4$h, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modelValue, (file, index) => {
+              return vue.openBlock(), vue.createElementBlock("li", {
+                key: fileKey(file, index),
+                class: "tao-file-drop__file"
+              }, [
+                vue.createElementVNode("span", _hoisted_5$c, vue.toDisplayString(file.name), 1),
+                vue.createElementVNode("span", _hoisted_6$9, vue.toDisplayString(formatSize(file.size)), 1),
+                vue.createElementVNode("button", {
+                  type: "button",
+                  class: "tao-file-drop__remove",
+                  "aria-label": `Убрать «${file.name}»`,
+                  onClick: ($event) => removeAt(index)
+                }, " ✕ ", 8, _hoisted_7$7)
+              ]);
+            }), 128))
+          ])) : vue.createCommentVNode("", true)
         ]);
       };
     }
   });
-  const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3543419a"]]);
-  const _hoisted_1$m = ["aria-expanded"];
-  const _hoisted_2$j = {
+  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$g = ["onClick", "onMouseenter"];
-  const _hoisted_4$f = { key: 1 };
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$h = ["onClick", "onMouseenter"];
+  const _hoisted_4$g = { key: 1 };
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDropdownMenu" },
     __name: "TaoDropdownMenu",
     props: {
@@ -2315,8 +2755,8 @@
             "aria-expanded": isOpen.value,
             onClick: toggleMenu
           }, [
-            _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$j, "⋮"))
-          ], 8, _hoisted_1$m),
+            _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {}, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$k, "⋮"))
+          ], 8, _hoisted_1$n),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -2341,8 +2781,8 @@
                     id: action.id,
                     ico: action.ico,
                     text: action.name
-                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$f, vue.toDisplayString(action.name), 1))
-                ], 42, _hoisted_3$g);
+                  }, void 0, true, 0) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$g, vue.toDisplayString(action.name), 1))
+                ], 42, _hoisted_3$h);
               }), 128))
             ], 36)) : vue.createCommentVNode("", true)
           ]))
@@ -2350,10 +2790,10 @@
       };
     }
   });
-  const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-420a7e63"]]);
-  const _hoisted_1$l = ["aria-invalid", "aria-describedby"];
-  const _hoisted_2$i = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const TaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-420a7e63"]]);
+  const _hoisted_1$m = ["aria-invalid", "aria-describedby"];
+  const _hoisted_2$j = ["id", "value", "placeholder", "type", "inputmode", "pattern", "onInput", "onKeydown", "onFocus"];
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoPinCode" },
     __name: "TaoPinCode",
     props: {
@@ -2520,14 +2960,14 @@
               onKeydown: ($event) => onKeydown($event, index),
               onFocus: ($event) => onFocus(index),
               onBlur
-            }, null, 42, _hoisted_2$i);
+            }, null, 42, _hoisted_2$j);
           }), 128))
-        ], 8, _hoisted_1$l);
+        ], 8, _hoisted_1$m);
       };
     }
   });
-  const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-c3182673"]]);
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const TaoPinCode = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-c3182673"]]);
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoLink" },
     __name: "TaoLink",
     props: {
@@ -2569,8 +3009,8 @@
       };
     }
   });
-  const _hoisted_1$k = ["for"];
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$l = ["for"];
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoFormField" },
     __name: "TaoFormField",
     props: {
@@ -2606,7 +3046,7 @@
             key: 0,
             class: "tao-form-field__label",
             for: vue.unref(id)
-          }, vue.toDisplayString(__props.label), 9, _hoisted_1$k)) : vue.createCommentVNode("", true),
+          }, vue.toDisplayString(__props.label), 9, _hoisted_1$l)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           __props.error ? (vue.openBlock(), vue.createElementBlock("p", {
             key: 1,
@@ -2621,12 +3061,12 @@
       };
     }
   });
-  const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-11324f0c"]]);
-  const _hoisted_1$j = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-  const _hoisted_2$h = { class: "tao-select__value" };
-  const _hoisted_3$f = ["aria-activedescendant"];
-  const _hoisted_4$e = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const TaoFormField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-11324f0c"]]);
+  const _hoisted_1$k = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+  const _hoisted_2$i = { class: "tao-select__value" };
+  const _hoisted_3$g = ["aria-activedescendant"];
+  const _hoisted_4$f = ["id", "aria-selected", "aria-disabled", "data-tao-select-index", "onClick", "onMouseenter"];
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoSelect" },
     __name: "TaoSelect",
     props: {
@@ -2839,12 +3279,12 @@
             onClick: toggle,
             onKeydown: onTriggerKeydown
           }, [
-            vue.createElementVNode("span", _hoisted_2$h, vue.toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
+            vue.createElementVNode("span", _hoisted_2$i, vue.toDisplayString(((_a = selected.value) == null ? void 0 : _a.label) ?? __props.placeholder), 1),
             _cache[2] || (_cache[2] = vue.createElementVNode("span", {
               class: "tao-select__chevron",
               "aria-hidden": "true"
             }, null, -1))
-          ], 42, _hoisted_1$j),
+          ], 42, _hoisted_1$k),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -2880,9 +3320,9 @@
                     }, ["prevent"])),
                     onClick: ($event) => selectOption(option),
                     onMouseenter: ($event) => !option.disabled && (activeIndex.value = index)
-                  }, vue.toDisplayString(option.label), 43, _hoisted_4$e);
+                  }, vue.toDisplayString(option.label), 43, _hoisted_4$f);
                 }), 128))
-              ], 40, _hoisted_3$f),
+              ], 40, _hoisted_3$g),
               selected.value ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
                 type: "button",
@@ -2897,14 +3337,14 @@
       };
     }
   });
-  const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-42551757"]]);
-  const _hoisted_1$i = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
-  const _hoisted_2$g = {
+  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$e = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3$f = ["id", "aria-selected", "aria-disabled", "data-tao-combobox-index", "onClick", "onMouseenter"];
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoCombobox" },
     __name: "TaoCombobox",
     props: {
@@ -3305,7 +3745,7 @@
               onFocus,
               onBlur,
               onKeydown: onInputKeydown
-            }, null, 40, _hoisted_1$i),
+            }, null, 40, _hoisted_1$j),
             _cache[1] || (_cache[1] = vue.createElementVNode("span", {
               class: "tao-combobox__chevron",
               "aria-hidden": "true"
@@ -3326,7 +3766,7 @@
                 class: "tao-combobox__list",
                 role: "listbox"
               }, [
-                !rows.value.length ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$g, "Ничего не найдено")) : vue.createCommentVNode("", true),
+                !rows.value.length ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_2$h, "Ничего не найдено")) : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(rows.value, (row, index) => {
                   return vue.openBlock(), vue.createElementBlock("li", {
                     id: `${listId}-row-${index}`,
@@ -3350,7 +3790,7 @@
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(row.option.label), 1)
                     ], 64))
-                  ], 42, _hoisted_3$e);
+                  ], 42, _hoisted_3$f);
                 }), 128))
               ], 512),
               selected.value ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -3365,7 +3805,7 @@
       };
     }
   });
-  const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-adeb76a4"]]);
+  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")}`;
@@ -3430,6 +3870,36 @@
       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",
@@ -3463,23 +3933,23 @@
       };
     });
   }
-  const _hoisted_1$h = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
-  const _hoisted_2$f = { class: "tao-date__value" };
-  const _hoisted_3$d = ["aria-label"];
-  const _hoisted_4$d = { class: "tao-date__header" };
-  const _hoisted_5$a = { class: "tao-date__month" };
-  const _hoisted_6$7 = {
+  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$5 = {
+  const _hoisted_7$6 = {
     class: "tao-date__grid",
     role: "grid"
   };
-  const _hoisted_8$5 = ["aria-selected", "disabled", "onClick"];
-  const _hoisted_9$1 = { class: "tao-date__footer" };
+  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$h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "TaoDate" },
     __name: "TaoDate",
     props: {
@@ -3709,7 +4179,7 @@
             onClick: toggle,
             onKeydown: onTriggerKeydown
           }, [
-            vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
+            vue.createElementVNode("span", _hoisted_2$g, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
             _cache[4] || (_cache[4] = vue.createElementVNode("svg", {
               class: "tao-date__icon",
               viewBox: "0 0 16 16",
@@ -3736,7 +4206,7 @@
                 "stroke-linecap": "round"
               })
             ], -1))
-          ], 42, _hoisted_1$h),
+          ], 42, _hoisted_1$i),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             open.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
@@ -3750,7 +4220,7 @@
               style: vue.normalizeStyle(panelStyle.value),
               onKeydown: onPanelKeydown
             }, [
-              vue.createElementVNode("div", _hoisted_4$d, [
+              vue.createElementVNode("div", _hoisted_4$e, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -3774,7 +4244,7 @@
                     })
                   ], -1)
                 ])]),
-                vue.createElementVNode("p", _hoisted_5$a, vue.toDisplayString(monthLabel.value), 1),
+                vue.createElementVNode("p", _hoisted_5$b, vue.toDisplayString(monthLabel.value), 1),
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__nav",
@@ -3799,12 +4269,12 @@
                   ], -1)
                 ])])
               ]),
-              vue.createElementVNode("div", _hoisted_6$7, [
+              vue.createElementVNode("div", _hoisted_6$8, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekdays.value, (day) => {
                   return vue.openBlock(), vue.createElementBlock("span", { key: day }, vue.toDisplayString(day), 1);
                 }), 128))
               ]),
-              vue.createElementVNode("div", _hoisted_7$5, [
+              vue.createElementVNode("div", _hoisted_7$6, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cells.value, (cell) => {
                   return vue.openBlock(), vue.createElementBlock("button", {
                     key: cell.iso,
@@ -3817,15 +4287,16 @@
                       "tao-date__day--disabled": !vue.unref(isTaoDateInRange)(cell.iso, __props.min, __props.max)
                     }]),
                     role: "gridcell",
+                    "aria-label": vue.unref(formatTaoDateLabel)(cell.iso, __props.locale),
                     "aria-selected": cell.iso === valueIso.value,
                     disabled: !vue.unref(isTaoDateInRange)(cell.iso, __props.min, __props.max),
                     onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(() => {
                     }, ["prevent"])),
                     onClick: ($event) => selectDay(cell.iso)
-                  }, vue.toDisplayString(cell.day), 43, _hoisted_8$5);
+                  }, vue.toDisplayString(cell.day), 43, _hoisted_8$6);
                 }), 128))
               ]),
-              vue.createElementVNode("div", _hoisted_9$1, [
+              vue.createElementVNode("div", _hoisted_9$2, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "tao-date__link",
@@ -3839,13 +4310,449 @@
                   onClick: clear
                 }, "Очистить")) : vue.createCommentVNode("", true)
               ])
+            ], 44, _hoisted_3$e)) : vue.createCommentVNode("", true)
+          ]))
+        ], 2);
+      };
+    }
+  });
+  const TaoDate = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-f4a9cddd"]]);
+  const _hoisted_1$h = ["id", "aria-expanded", "aria-invalid", "aria-describedby", "disabled"];
+  const _hoisted_2$f = { class: "tao-date-range__value" };
+  const _hoisted_3$d = ["aria-label"];
+  const _hoisted_4$d = { class: "tao-date__header" };
+  const _hoisted_5$a = { class: "tao-date__month" };
+  const _hoisted_6$7 = {
+    class: "tao-date__weekdays",
+    "aria-hidden": "true"
+  };
+  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__ */ vue.defineComponent({
+    ...{ name: "TaoDateRange" },
+    __name: "TaoDateRange",
+    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 = vue.inject(formFieldKey, null);
+      const localId = vue.useId();
+      const gridId = `${localId}-grid`;
+      const controlId = vue.computed(() => (field == null ? void 0 : field.id) ?? localId);
+      const invalid = vue.computed(() => props.error || Boolean(field == null ? void 0 : field.invalid.value));
+      const describedBy = vue.computed(() => field == null ? void 0 : field.describedBy.value);
+      const open = vue.ref(false);
+      const viewYear = vue.ref(2026);
+      const viewMonth = vue.ref(1);
+      const cursorIso = vue.ref(todayTaoDate());
+      const draftStart = vue.ref(null);
+      const hoverIso = vue.ref(null);
+      const triggerRef = vue.ref(null);
+      const panelRef = vue.ref(null);
+      const panelStyle = vue.ref({ top: "0px", left: "0px" });
+      const committed = vue.computed(() => parseTaoDateRange(props.modelValue));
+      const highlight = vue.computed(() => {
+        if (draftStart.value) {
+          return sortTaoDateRange(draftStart.value, hoverIso.value ?? cursorIso.value ?? draftStart.value);
+        }
+        return committed.value;
+      });
+      const displayLabel = vue.computed(
+        () => committed.value ? formatTaoDateRangeLabel(committed.value.start, committed.value.end, props.locale) : ""
+      );
+      const weekdays = vue.computed(() => taoWeekdayLabels(props.locale));
+      const monthLabel = vue.computed(() => formatTaoMonthLabel(viewYear.value, viewMonth.value, props.locale));
+      const cells = vue.computed(() => buildTaoDateGrid(viewYear.value, viewMonth.value));
+      const todayIso = vue.computed(() => todayTaoDate());
+      const todayEnabled = vue.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) {
+          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, _b;
+        if (props.disabled) {
+          return;
+        }
+        open.value = next;
+        if (!next) {
+          return;
+        }
+        draftStart.value = null;
+        hoverIso.value = null;
+        syncViewFrom(((_a = committed.value) == null ? void 0 : _a.start) ?? todayIso.value);
+        await vue.nextTick();
+        updatePosition();
+        (_b = panelRef.value) == null ? void 0 : _b.focus();
+      }
+      function toggle() {
+        void setOpen(!open.value);
+      }
+      function close() {
+        open.value = false;
+      }
+      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;
+        }
+        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) {
+          return;
+        }
+        viewYear.value = parts.y;
+        viewMonth.value = parts.m;
+        cursorIso.value = shiftTaoMonth(cursorIso.value, delta);
+        void vue.nextTick(updatePosition);
+      }
+      function moveCursor(days) {
+        hoverIso.value = null;
+        cursorIso.value = shiftTaoDate(cursorIso.value, days);
+        syncViewFrom(cursorIso.value);
+        void vue.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;
+        }
+        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();
+        }
+      }
+      vue.watch(open, (isOpen) => {
+        if (isOpen) {
+          document.addEventListener("pointerdown", onDocumentPointer);
+          window.addEventListener("resize", onViewportChange);
+          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);
+      });
+      vue.onBeforeUnmount(() => {
+        document.removeEventListener("pointerdown", onDocumentPointer);
+        window.removeEventListener("resize", onViewportChange);
+        window.removeEventListener("scroll", onViewportChange, true);
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["tao-date-range", { "tao-date-range--open": open.value, "tao-date-range--invalid": invalid.value }])
+        }, [
+          vue.createElementVNode("button", {
+            id: controlId.value,
+            ref_key: "triggerRef",
+            ref: triggerRef,
+            type: "button",
+            class: vue.normalizeClass(["tao-date-range__trigger", { "tao-date-range__trigger--placeholder": !committed.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
+          }, [
+            vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(displayLabel.value || __props.placeholder), 1),
+            _cache[3] || (_cache[3] = vue.createElementVNode("svg", {
+              class: "tao-date-range__icon",
+              viewBox: "0 0 16 16",
+              width: "16",
+              height: "16",
+              "aria-hidden": "true",
+              focusable: "false"
+            }, [
+              vue.createElementVNode("rect", {
+                x: "2",
+                y: "3",
+                width: "12",
+                height: "11",
+                rx: "1.5",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.4"
+              }),
+              vue.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$h),
+          (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+            open.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              id: gridId,
+              ref_key: "panelRef",
+              ref: panelRef,
+              class: "tao-date__panel",
+              role: "dialog",
+              "aria-label": monthLabel.value,
+              tabindex: "-1",
+              style: vue.normalizeStyle(panelStyle.value),
+              onKeydown: onPanelKeydown
+            }, [
+              vue.createElementVNode("div", _hoisted_4$d, [
+                vue.createElementVNode("button", {
+                  type: "button",
+                  class: "tao-date__nav",
+                  "aria-label": "Предыдущий месяц",
+                  onClick: _cache[0] || (_cache[0] = ($event) => goMonth(-1))
+                }, [..._cache[4] || (_cache[4] = [
+                  vue.createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    width: "14",
+                    height: "14",
+                    "aria-hidden": "true",
+                    focusable: "false"
+                  }, [
+                    vue.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)
+                ])]),
+                vue.createElementVNode("p", _hoisted_5$a, vue.toDisplayString(monthLabel.value), 1),
+                vue.createElementVNode("button", {
+                  type: "button",
+                  class: "tao-date__nav",
+                  "aria-label": "Следующий месяц",
+                  onClick: _cache[1] || (_cache[1] = ($event) => goMonth(1))
+                }, [..._cache[5] || (_cache[5] = [
+                  vue.createElementVNode("svg", {
+                    viewBox: "0 0 24 24",
+                    width: "14",
+                    height: "14",
+                    "aria-hidden": "true",
+                    focusable: "false"
+                  }, [
+                    vue.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)
+                ])])
+              ]),
+              vue.createElementVNode("div", _hoisted_6$7, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekdays.value, (day) => {
+                  return vue.openBlock(), vue.createElementBlock("span", { key: day }, vue.toDisplayString(day), 1);
+                }), 128))
+              ]),
+              vue.createElementVNode("div", {
+                class: "tao-date__grid",
+                role: "grid",
+                onMouseleave: onGridLeave
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(cells.value, (cell) => {
+                  var _a, _b;
+                  return vue.openBlock(), vue.createElementBlock("button", {
+                    key: cell.iso,
+                    type: "button",
+                    class: vue.normalizeClass(["tao-date__day", {
+                      "tao-date__day--outside": !cell.currentMonth,
+                      "tao-date__day--today": cell.iso === todayIso.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": !vue.unref(isTaoDateInRange)(cell.iso, __props.min, __props.max)
+                    }]),
+                    role: "gridcell",
+                    "aria-label": vue.unref(formatTaoDateLabel)(cell.iso, __props.locale),
+                    "aria-selected": daySelected(cell.iso),
+                    disabled: !vue.unref(isTaoDateInRange)(cell.iso, __props.min, __props.max),
+                    onMousedown: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+                    }, ["prevent"])),
+                    onMouseenter: ($event) => onDayEnter(cell.iso),
+                    onClick: ($event) => selectDay(cell.iso)
+                  }, vue.toDisplayString(cell.day), 43, _hoisted_7$5);
+                }), 128))
+              ], 32),
+              vue.createElementVNode("div", _hoisted_8$5, [
+                vue.createElementVNode("button", {
+                  type: "button",
+                  class: "tao-date__link",
+                  disabled: !todayEnabled.value,
+                  onClick: selectToday
+                }, " Сегодня ", 8, _hoisted_9$1),
+                committed.value ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: "tao-date__link",
+                  onClick: clear
+                }, "Очистить")) : vue.createCommentVNode("", true)
+              ])
             ], 44, _hoisted_3$d)) : vue.createCommentVNode("", true)
           ]))
         ], 2);
       };
     }
   });
-  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 = {
@@ -4742,7 +5649,7 @@
                 class: "tao-breadcrumb__item"
               }, [
                 index > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$4, "/")) : vue.createCommentVNode("", true),
-                index === __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, vue.toDisplayString(item.label), 1)) : item.to ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+                index === __props.items.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, vue.toDisplayString(item.label), 1)) : item.to ? (vue.openBlock(), vue.createBlock(_sfc_main$m, {
                   key: 2,
                   class: "tao-breadcrumb__link",
                   to: item.to
@@ -6390,10 +7297,12 @@
     TaoModal,
     TaoTabs,
     TaoTooltip,
+    TaoPopover,
     TaoSpoiler,
+    TaoSpoilerGroup,
     TaoCopy,
     TaoContainer,
-    _sfc_main$B,
+    _sfc_main$D,
     TaoSpace,
     TaoIcon,
     TaoLoader,
@@ -6401,6 +7310,7 @@
     TaoCheckbox,
     TaoTag,
     TaoDivider,
+    TaoFieldset,
     TaoAnimatedBorder,
     TaoTextarea,
     TaoScrollTop,
@@ -6409,11 +7319,12 @@
     TaoFileDrop,
     TaoDropdownMenu,
     TaoPinCode,
-    _sfc_main$l,
+    _sfc_main$m,
     TaoFormField,
     TaoSelect,
     TaoCombobox,
     TaoDate,
+    TaoDateRange,
     TaoSwitch,
     TaoRadio,
     TaoRadioGroup,
@@ -6453,23 +7364,26 @@
   exports2.TaoCopy = TaoCopy;
   exports2.TaoCounter = TaoCounter;
   exports2.TaoDate = TaoDate;
+  exports2.TaoDateRange = TaoDateRange;
   exports2.TaoDivider = TaoDivider;
   exports2.TaoDrawer = TaoDrawer;
   exports2.TaoDropdownMenu = TaoDropdownMenu;
   exports2.TaoEmpty = TaoEmpty;
+  exports2.TaoFieldset = TaoFieldset;
   exports2.TaoFileDrop = TaoFileDrop;
-  exports2.TaoFlex = _sfc_main$B;
+  exports2.TaoFlex = _sfc_main$D;
   exports2.TaoFormField = TaoFormField;
   exports2.TaoIcon = TaoIcon;
   exports2.TaoImage = TaoImage;
   exports2.TaoInput = TaoInput;
   exports2.TaoInputGroup = TaoInputGroup;
   exports2.TaoInputNumber = TaoInputNumber;
-  exports2.TaoLink = _sfc_main$l;
+  exports2.TaoLink = _sfc_main$m;
   exports2.TaoLoader = TaoLoader;
   exports2.TaoModal = TaoModal;
   exports2.TaoPagination = TaoPagination;
   exports2.TaoPinCode = TaoPinCode;
+  exports2.TaoPopover = TaoPopover;
   exports2.TaoProgress = TaoProgress;
   exports2.TaoQuantity = TaoQuantity;
   exports2.TaoRadio = TaoRadio;
@@ -6480,6 +7394,7 @@
   exports2.TaoSlider = TaoSlider;
   exports2.TaoSpace = TaoSpace;
   exports2.TaoSpoiler = TaoSpoiler;
+  exports2.TaoSpoilerGroup = TaoSpoilerGroup;
   exports2.TaoStages = TaoStages;
   exports2.TaoSwitch = TaoSwitch;
   exports2.TaoTable = TaoTable;
@@ -6493,7 +7408,9 @@
   exports2.default = TaoUI;
   exports2.formatTaoDateIso = formatTaoDateIso;
   exports2.formatTaoDateLabel = formatTaoDateLabel;
+  exports2.formatTaoDateRangeLabel = formatTaoDateRangeLabel;
   exports2.parseTaoDate = parseTaoDate;
+  exports2.parseTaoDateRange = parseTaoDateRange;
   exports2.toast = toast;
   exports2.todayTaoDate = todayTaoDate;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });