@retailcrm/embed-ui-v1-components 0.9.12 → 0.9.14

package/dist/host.cjs

@@ -7,7 +7,7 @@ const dateFns = require("date-fns");
 const locale = require("date-fns/locale");
 const vue3PerfectScrollbar = require("vue3-perfect-scrollbar");
 const host = require("@omnicajs/vue-remote/host");
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -35,13 +35,13 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$R = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
 function render$n(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$P, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -51,12 +51,12 @@ function render$n(_ctx, _cache) {
   ])]);
 }
 const IconCheckmarkCircleOutlined = { render: render$n };
-const _hoisted_1$O = {
+const _hoisted_1$Q = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$m(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$O, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Q, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M7.113 6.176a.6.6 0 0 1 .848 0L12 10.214l4.038-4.038a.6.6 0 0 1 .849 0l.937.937a.6.6 0 0 1 0 .848L13.785 12l4.04 4.04a.6.6 0 0 1 0 .848l-.937.937a.6.6 0 0 1-.849 0L12 13.784l-4.038 4.04a.6.6 0 0 1-.849 0l-.937-.937a.6.6 0 0 1 0-.848l4.04-4.04-4.039-4.038a.6.6 0 0 1 0-.849z"
@@ -64,12 +64,12 @@ function render$m(_ctx, _cache) {
   ])]);
 }
 const IconClear = { render: render$m };
-const _hoisted_1$N = {
+const _hoisted_1$P = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$l(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$P, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -79,12 +79,12 @@ function render$l(_ctx, _cache) {
   ])]);
 }
 const IconClearCircleOutlined = { render: render$l };
-const _hoisted_1$M = {
+const _hoisted_1$O = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$k(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$M, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$O, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M2 12C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12m2 0a8 8 0 1 0 16 0 8 8 0 0 0-16 0m7.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-.18-6h1.36a.5.5 0 0 1 .5.56l-.4 3.22a.25.25 0 0 1-.25.22h-1.06a.25.25 0 0 1-.25-.22l-.4-3.22a.5.5 0 0 1 .5-.56"
@@ -92,12 +92,12 @@ function render$k(_ctx, _cache) {
   ])]);
 }
 const IconErrorOutlined = { render: render$k };
-const _hoisted_1$L = {
+const _hoisted_1$N = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$j(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -114,13 +114,13 @@ var VARIANT$1 = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT$1 || {});
-const _hoisted_1$K = ["aria-hidden", "aria-live"];
-const _hoisted_2$k = {
+const _hoisted_1$M = ["aria-hidden", "aria-live"];
+const _hoisted_2$m = {
   key: 0,
   class: "ui-v1-alert__icon-outline"
 };
 const _hoisted_3$h = { class: "ui-v1-alert__icon" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -229,7 +229,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$J, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$S, {
         name: "fade",
         onBeforeEnter,
         onBeforeLeave,
@@ -252,7 +252,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             role: "alert"
           }, _ctx.$attrs), [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-              __props.variant ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, [
+              __props.variant ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, [
                 vue.createElementVNode("div", _hoisted_3$h, [
                   __props.variant === vue.unref(VARIANT$1).PRIMARY ? (vue.openBlock(), vue.createBlock(vue.unref(IconInfoOutlined), { key: 0 })) : __props.variant === vue.unref(VARIANT$1).WARNING ? (vue.openBlock(), vue.createBlock(vue.unref(IconErrorOutlined), { key: 1 })) : __props.variant === vue.unref(VARIANT$1).DANGER ? (vue.openBlock(), vue.createBlock(vue.unref(IconClearCircleOutlined), { key: 2 })) : __props.variant === vue.unref(VARIANT$1).SUCCESS ? (vue.openBlock(), vue.createBlock(vue.unref(IconCheckmarkCircleOutlined), { key: 3 })) : vue.createCommentVNode("", true)
                 ])
@@ -278,7 +278,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createVNode(vue.unref(IconClear), { class: "ui-v1-alert__close-icon" })
             ])) : vue.createCommentVNode("", true)
-          ], 16, _hoisted_1$K), [
+          ], 16, _hoisted_1$M), [
             [vue.vShow, state.shown]
           ])
         ]),
@@ -287,12 +287,12 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$L = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$i(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$J, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -314,14 +314,14 @@ const isNumeric = (value) => !isNaN(Number(value));
 const normalizeHeight = (height) => {
   return isNumeric(height) ? `${height}px` : `${height}`;
 };
-const _hoisted_1$I = ["type", "disabled"];
-const _hoisted_2$j = { class: "ui-v1-add-button__content" };
+const _hoisted_1$K = ["type", "disabled"];
+const _hoisted_2$l = { class: "ui-v1-add-button__content" };
 const _hoisted_3$g = { class: "ui-v1-add-button__title" };
 const _hoisted_4$b = {
   key: 0,
   class: "ui-v1-add-button__description"
 };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -364,7 +364,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
           height: vue.unref(normalizeHeight)(__props.height)
         }
       }, _ctx.$attrs), [
-        vue.createElementVNode("span", _hoisted_2$j, [
+        vue.createElementVNode("span", _hoisted_2$l, [
           vue.createElementVNode("span", _hoisted_3$g, [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
               vue.createVNode(vue.unref(IconAddCircle), {
@@ -378,16 +378,16 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "description")
           ])) : vue.createCommentVNode("", true)
         ])
-      ], 16, _hoisted_1$I);
+      ], 16, _hoisted_1$K);
     };
   }
 });
-const _hoisted_1$H = {
+const _hoisted_1$J = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$h(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$J, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -397,24 +397,24 @@ function render$h(_ctx, _cache) {
   ])]);
 }
 const IconHelpOutlined = { render: render$h };
-const _hoisted_1$G = {
+const _hoisted_1$I = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 18 8"
 };
 function render$g(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$G, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$I, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("g", { fill: "currentColor" }, [
       vue.createElementVNode("path", { d: "M0 0v8h2.867q1.257-.011 1.935-.604.68-.594.68-1.748 0-.675-.33-1.143a1.54 1.54 0 0 0-.892-.62q.497-.21.775-.654.279-.45.279-1.039 0-1.077-.694-1.632Q3.926 0 2.584 0zm1.52 6.676v-2.16h1.393q1.048.016 1.048 1.116 0 .488-.303.77-.3.273-.836.274zm1.124-3.324H1.52V1.335h1.064q.628 0 .916.242.294.236.294.78 0 .972-1.15.995M7.503 6.352h2.665L10.679 8h1.616l-2.76-8H8.125L5.38 8h1.616zm2.254-1.336H7.913l.917-2.994zM12.362 8V0h2.27q.972 0 1.737.478.77.473 1.2 1.352.432.873.431 1.989v.368q0 1.115-.425 1.983a3.17 3.17 0 0 1-1.191 1.346A3.26 3.26 0 0 1 14.646 8zm1.52-6.665v5.34h.734q.891 0 1.363-.631.47-.632.481-1.808v-.423q0-1.22-.466-1.846-.466-.632-1.363-.632z" })
     ], -1)
   ])]);
 }
 const SpriteBAD = { render: render$g };
-const _hoisted_1$F = {
+const _hoisted_1$H = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 8"
 };
 function render$f(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$F, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("g", { fill: "currentColor" }, [
       vue.createElementVNode("path", { d: "M3.373 6.016 5.058 0h1.704L4.175 8H2.577L0 0h1.7zM8.99 8H7.46V0H8.99zM11.84 8V5.181h1.343q1.322 0 2.067-.676.75-.681.75-1.857 0-.774-.342-1.379a2.3 2.3 0 0 0-.98-.94Q14.045 0 13.208 0H10.31v8zm1.368-4.154h-1.367v-2.51h1.403q.567.01.888.373t.322.95q0 .571-.322.88-.316.307-.924.307" })
     ], -1)
@@ -422,8 +422,8 @@ function render$f(_ctx, _cache) {
 }
 const SpriteVIP = { render: render$f };
 const ImageWorkersKey = Symbol("$image.workers");
-const _hoisted_1$E = ["alt", "src"];
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$G = ["alt", "src"];
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "UiImage",
   props: {
     alt: {
@@ -459,7 +459,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
         alt: __props.alt,
         src: url.value
-      }, _ctx.$attrs), null, 16, _hoisted_1$E);
+      }, _ctx.$attrs), null, 16, _hoisted_1$G);
     };
   }
 });
@@ -493,11 +493,11 @@ var STATUS = /* @__PURE__ */ ((STATUS2) => {
   return STATUS2;
 })(STATUS || {});
 const AvatarSizeKey = Symbol("UiAvatarSize");
-const _hoisted_1$D = {
+const _hoisted_1$F = {
   key: 1,
   class: "ui-v1-avatar__unresolved"
 };
-const _hoisted_2$i = {
+const _hoisted_2$k = {
   key: 3,
   class: "ui-v1-avatar__initials"
 };
@@ -513,7 +513,7 @@ const _hoisted_5$8 = {
   key: 1,
   class: "ui-v1-avatar__label ui-v1-avatar__label_bad"
 };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -600,7 +600,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
         }
       }, _ctx.$attrs), {
         default: vue.withCtx(() => [
-          __props.src ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+          __props.src ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
             key: 0,
             src: __props.src,
             resize: optimization.value.resize,
@@ -609,7 +609,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
             draggable: "false",
             onLoad: _cache[0] || (_cache[0] = ($event) => loaded.value = true),
             onError: _cache[1] || (_cache[1] = ($event) => loaded.value = false)
-          }, null, 8, ["src", "resize", "crop"])) : !__props.src && unresolved.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+          }, null, 8, ["src", "resize", "crop"])) : !__props.src && unresolved.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
             vue.createVNode(vue.unref(IconHelpOutlined))
           ])) : vue.createCommentVNode("", true),
           __props.status && !(__props.vip || __props.bad) ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -620,7 +620,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               [`ui-v1-avatar__status_${__props.status}`]: __props.status
             })
           }, null, 2)) : vue.createCommentVNode("", true),
-          !(unresolved.value || loaded.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
+          !(unresolved.value || loaded.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode(vue.toDisplayString(initials.value), 1)
             ])
@@ -639,7 +639,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatarList",
   props: {
     /** Список аватарок пользователей */
@@ -666,7 +666,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
             key: index,
             class: "ui-v1-avatar-list__item"
           }, [
-            vue.createVNode(_sfc_main$F, {
+            vue.createVNode(_sfc_main$O, {
               src: avatar.src,
               name: avatar.name
             }, null, 8, ["src", "name"])
@@ -733,7 +733,7 @@ var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT || {});
-const _sfc_main$D = vue.defineComponent({
+const _sfc_main$M = vue.defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -819,8 +819,8 @@ const _sfc_main$D = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$C = { class: "ui-v1-calendar-cell__content" };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$E = { class: "ui-v1-calendar-cell__content" };
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarCell",
   props: {
     current: {
@@ -865,19 +865,19 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           "aria-hidden": "true",
           class: "ui-v1-calendar-cell__backdrop"
         }, null, -1)),
-        vue.createElementVNode("div", _hoisted_1$C, [
+        vue.createElementVNode("div", _hoisted_1$E, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
       ], 16);
     };
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$D = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$e(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$B, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$D, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M15.78 11.28c.14.14.22.331.22.53v.38a.77.77 0 0 1-.22.53l-5.14 5.13a.5.5 0 0 1-.71 0l-.71-.71a.49.49 0 0 1 0-.7L13.67 12 9.22 7.56a.5.5 0 0 1 0-.71l.71-.7a.5.5 0 0 1 .71 0z"
@@ -885,12 +885,12 @@ function render$e(_ctx, _cache) {
   ])]);
 }
 const IconChevronRight = { render: render$e };
-const _hoisted_1$A = {
+const _hoisted_1$C = {
   key: 1,
   "aria-hidden": "true",
   class: "ui-v1-calendar-navigation__placeholder"
 };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarDirectionButton",
   props: {
     label: {
@@ -910,7 +910,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.absent ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+      return !__props.absent ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
         key: 0,
         "aria-label": __props.label,
         appearance: "tertiary",
@@ -927,15 +927,15 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["class"])
         ]),
         _: 1
-      }, 8, ["aria-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A));
+      }, 8, ["aria-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C));
     };
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$B = {
   key: 1,
   class: "ui-v1-calendar-navigation__text"
 };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarSwitchButton",
   props: {
     locked: {
@@ -946,7 +946,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.locked ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+      return !__props.locked ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
         key: 0,
         appearance: "tertiary",
         class: "ui-v1-calendar-navigation__switch-button",
@@ -956,7 +956,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+      })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         vue.renderSlot(_ctx.$slots, "default")
       ]));
     };
@@ -1381,8 +1381,8 @@ const _i18n$6 = define({
     "ru-RU": messages_ru_RU$6
   }
 });
-const _hoisted_1$y = { class: "ui-v1-calendar-wrapper" };
-const _hoisted_2$h = ["aria-label"];
+const _hoisted_1$A = { class: "ui-v1-calendar-wrapper" };
+const _hoisted_2$j = ["aria-label"];
 const _hoisted_3$e = ["id"];
 const _hoisted_4$9 = ["aria-labelledby", "aria-multiselectable"];
 const _hoisted_5$7 = {
@@ -1404,7 +1404,7 @@ const _hoisted_16 = {
   "aria-atomic": "true",
   "aria-live": "polite"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendar",
   props: {
     /** Текущая дата */
@@ -2022,7 +2022,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
       ));
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(viewsComputed.value, (view, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: "view-" + index + "-" + view.date,
@@ -2033,12 +2033,12 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("monthNavigation")
               }, [
-                vue.createVNode(_sfc_main$B, {
+                vue.createVNode(_sfc_main$K, {
                   absent: index === 1 && viewsIsSynchronized.value && views[0].mode === vue.unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("prevMonth"),
                   onClick: ($event) => showPrevMonth(index)
                 }, null, 8, ["absent", "label", "onClick"]),
-                vue.createVNode(_sfc_main$A, {
+                vue.createVNode(_sfc_main$J, {
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).MONTHS
                 }, {
                   default: vue.withCtx(() => [
@@ -2050,13 +2050,13 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$B, {
+                vue.createVNode(_sfc_main$K, {
                   absent: index === 0 && viewsIsSynchronized.value && views[1].mode === vue.unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("nextMonth"),
                   direction: "next",
                   onClick: ($event) => showNextMonth(index)
                 }, null, 8, ["absent", "label", "onClick"])
-              ], 8, _hoisted_2$h),
+              ], 8, _hoisted_2$j),
               vue.createElementVNode("div", {
                 class: "ui-v1-calendar__table",
                 role: "grid",
@@ -2084,7 +2084,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, (day) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$C, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$L, {
                         key: "day-" + index + "-" + day,
                         class: vue.normalizeClass({
                           "ui-v1-calendar__cell-day": true,
@@ -2128,11 +2128,11 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("yearNavigation")
               }, [
-                vue.createVNode(_sfc_main$B, {
+                vue.createVNode(_sfc_main$K, {
                   label: i18n.value.t("prevYear"),
                   onClick: ($event) => showYear(view.date.year - 1, index)
                 }, null, 8, ["label", "onClick"]),
-                vue.createVNode(_sfc_main$A, {
+                vue.createVNode(_sfc_main$J, {
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).YEARS
                 }, {
                   default: vue.withCtx(() => [
@@ -2144,7 +2144,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$B, {
+                vue.createVNode(_sfc_main$K, {
                   label: i18n.value.t("nextYear"),
                   direction: "next",
                   onClick: ($event) => showYear(view.date.year + 1, index)
@@ -2162,7 +2162,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(months2, (month) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$C, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$L, {
                         key: "month-" + month.month,
                         class: vue.normalizeClass({ "ui-v1-calendar__cell-month": true }),
                         current: isCurrentMonth(month.month, index),
@@ -2193,11 +2193,11 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("decadeNavigation")
               }, [
-                vue.createVNode(_sfc_main$B, {
+                vue.createVNode(_sfc_main$K, {
                   label: i18n.value.t("prevDecade"),
                   onClick: ($event) => showPrevDecade(index)
                 }, null, 8, ["label", "onClick"]),
-                vue.createVNode(_sfc_main$A, {
+                vue.createVNode(_sfc_main$J, {
                   locked: "",
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).MONTHS
                 }, {
@@ -2210,7 +2210,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$B, {
+                vue.createVNode(_sfc_main$K, {
                   label: i18n.value.t("nextDecade"),
                   direction: "next",
                   onClick: ($event) => showNextDecade(index)
@@ -2228,7 +2228,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(years, (year) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$C, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$L, {
                         key: "year-" + year,
                         class: vue.normalizeClass({ "ui-v1-calendar__cell-year": true }),
                         current: isCurrentYear(year),
@@ -2263,12 +2263,12 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = {
+const _hoisted_1$z = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$d(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -2305,11 +2305,11 @@ const without = (obj, exclude) => {
   });
   return newObj;
 };
-const _hoisted_1$w = ["id", "value", "name", "disabled", "checked"];
-const _hoisted_2$g = { class: "ui-v1-checkbox__checkmark" };
+const _hoisted_1$y = ["id", "value", "name", "disabled", "checked"];
+const _hoisted_2$i = { class: "ui-v1-checkbox__checkmark" };
 let counter$2 = 0;
 const __default__$2 = {};
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   ...__default__$2,
   __name: "UiCheckbox",
   props: {
@@ -2416,8 +2416,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           type: "checkbox",
           class: "ui-v1-checkbox__input",
           onChange
-        }), null, 16, _hoisted_1$w),
-        vue.createElementVNode("span", _hoisted_2$g, [
+        }), null, 16, _hoisted_1$y),
+        vue.createElementVNode("span", _hoisted_2$i, [
           checked.value && !__props.indeterminate ? (vue.openBlock(), vue.createBlock(vue.unref(IconDone), {
             key: 0,
             class: "ui-v1-checkbox__checkmark-icon"
@@ -2432,15 +2432,15 @@ var COLLAPSE_BEHAVIOUR = /* @__PURE__ */ ((COLLAPSE_BEHAVIOUR2) => {
   COLLAPSE_BEHAVIOUR2["HIDE"] = "hide";
   return COLLAPSE_BEHAVIOUR2;
 })(COLLAPSE_BEHAVIOUR || {});
-const _hoisted_1$v = {
+const _hoisted_1$x = {
   key: 0,
   class: "ui-v1-collapse"
 };
-const _hoisted_2$f = {
+const _hoisted_2$h = {
   key: 1,
   class: "ui-v1-collapse"
 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCollapse",
   props: {
     /** Свёрнут/Развёрнут */
@@ -2558,12 +2558,12 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           __props.collapseBehaviour === vue.unref(COLLAPSE_BEHAVIOUR).DISPOSE ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            __props.expanded ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+            __props.expanded ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
               vue.createElementVNode("div", null, [
                 vue.renderSlot(_ctx.$slots, "default")
               ])
             ])) : vue.createCommentVNode("", true)
-          ], 64)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
+          ], 64)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
             vue.createElementVNode("div", null, [
               vue.renderSlot(_ctx.$slots, "default")
             ])
@@ -2595,8 +2595,8 @@ const CollapseGroupRegisterKey = Symbol("UiCollapseGroup_register");
 const CollapseGroupUnregisterKey = Symbol("UiCollapseGroup_unregister");
 const CollapseGroupExpandKey = Symbol("UiCollapseGroup_expand");
 const CollapseGroupCollapseKey = Symbol("UiCollapseGroup_collapse");
-const _hoisted_1$u = ["id", "aria-labelledby"];
-const _hoisted_2$e = ["id", "disabled", "aria-controls", "aria-expanded", "aria-disabled"];
+const _hoisted_1$w = ["id", "aria-labelledby"];
+const _hoisted_2$g = ["id", "disabled", "aria-controls", "aria-expanded", "aria-disabled"];
 const _hoisted_3$d = { class: "ui-v1-collapse-box__icon-sprite" };
 const _hoisted_4$8 = { class: "ui-v1-collapse-box__header-content" };
 const _hoisted_5$6 = ["id"];
@@ -2611,7 +2611,7 @@ const _hoisted_10 = {
   key: 0,
   class: "ui-v1-collapse-box__footer"
 };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2856,9 +2856,9 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             !__props.disabled ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3, [
               vue.createVNode(vue.unref(IconChevronRight), { class: "ui-v1-collapse-box__arrow" })
             ])) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$e)
+          ], 8, _hoisted_2$g)
         ], 2),
-        vue.createVNode(_sfc_main$x, {
+        vue.createVNode(_sfc_main$G, {
           id: boxId.value + "-collapse",
           "aria-hidden": !state.expanded ? "true" : "false",
           "aria-labelledby": boxId.value + "-button",
@@ -2893,11 +2893,11 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 8, ["id", "aria-hidden", "aria-labelledby", "duration", "expanded", "collapse-behaviour"])
-      ], 16, _hoisted_1$u);
+      ], 16, _hoisted_1$w);
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCollapseGroup",
   props: {
     /**
@@ -3015,12 +3015,12 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$t = {
+const _hoisted_1$v = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$c(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$t, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M18 16V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M4 4h12v12H4zm16 14V6a2 2 0 0 1 2 2v10a4 4 0 0 1-4 4H8a2 2 0 0 1-2-2h12a2 2 0 0 0 2-2"
@@ -4694,8 +4694,8 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     window.addEventListener("click", onGlobalEvent("click"), true);
   }
 }
-const _hoisted_1$s = { class: "ui-v1-popper__content" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$u = { class: "ui-v1-popper__content" };
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopper",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5041,7 +5041,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             ref: arrow2,
             class: "ui-v1-popper__arrow"
           }, null, 512)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_1$s, [
+          vue.createElementVNode("div", _hoisted_1$u, [
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ], 16)
@@ -5049,7 +5049,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTooltip",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5160,7 +5160,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       hide: () => popper.value?.hide()
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$u, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$D, vue.mergeProps({
         ref_key: "popper",
         ref: popper,
         visible: __props.visible,
@@ -5194,11 +5194,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$r = { class: "ui-v1-copy-button__tooltip" };
-const _hoisted_2$d = { class: "ui-v1-copy-button__icon" };
+const _hoisted_1$t = { class: "ui-v1-copy-button__tooltip" };
+const _hoisted_2$f = { class: "ui-v1-copy-button__icon" };
 const _hoisted_3$c = { class: "ui-v1-copy-button__text" };
 const _hoisted_4$7 = ["value"];
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCopyButton",
   props: {
     /** Текст для копирования в буфер обмена */
@@ -5270,7 +5270,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         onClick: copy
       }, [
         vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
-          vue.createVNode(_sfc_main$D, {
+          vue.createVNode(_sfc_main$M, {
             size: __props.size,
             appearance: "tertiary"
           }, {
@@ -5280,7 +5280,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["size"])
         ]),
-        vue.createVNode(_sfc_main$t, vue.mergeProps({
+        vue.createVNode(_sfc_main$C, vue.mergeProps({
           visible: visible.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
           target: rootTarget.value,
@@ -5290,9 +5290,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           ...__props.tooltipOptions
         }), {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$r, [
+            vue.createElementVNode("div", _hoisted_1$t, [
               copied.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createElementVNode("div", _hoisted_2$d, [
+                vue.createElementVNode("div", _hoisted_2$f, [
                   vue.createVNode(vue.unref(IconCheckmarkCircleOutlined))
                 ]),
                 vue.createElementVNode("div", _hoisted_3$c, [
@@ -5350,7 +5350,7 @@ function detectLocale() {
   }
   return "en-GB";
 }
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "UiDate",
   props: {
     date: {
@@ -5377,12 +5377,12 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$q = {
+const _hoisted_1$s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$b(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$s, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -5392,12 +5392,12 @@ function render$b(_ctx, _cache) {
   ])]);
 }
 const IconCalendar = { render: render$b };
-const _hoisted_1$p = {
+const _hoisted_1$r = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$a(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -5506,8 +5506,8 @@ const _i18n$5 = define({
     "ru-RU": messages_ru_RU$5
   }
 });
-const _hoisted_1$o = ["id"];
-const _hoisted_2$c = {
+const _hoisted_1$q = ["id"];
+const _hoisted_2$e = {
   key: 0,
   class: "ui-v1-textbox__prefix"
 };
@@ -5518,7 +5518,7 @@ const _hoisted_6$4 = {
   key: 7,
   class: "ui-v1-textbox__suffix"
 };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTextbox",
   props: {
     /** Уникальный идентификатор поля */
@@ -5942,7 +5942,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-textbox_xl": __props.size === vue.unref(SIZE$5).XL
         }
       }, _ctx.$attrs), [
-        __props.prefix || "prefix" in _ctx.$slots ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, [
+        __props.prefix || "prefix" in _ctx.$slots ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$e, [
           vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
             vue.createTextVNode(vue.toDisplayString(__props.prefix), 1)
           ])
@@ -6032,7 +6032,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(__props.suffix), 1)
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$o);
+      ], 16, _hoisted_1$q);
     };
   }
 });
@@ -6050,11 +6050,11 @@ const deltaTransition$1 = (el) => {
     animationDuration: `${delta * 15}ms`
   } : {};
 };
-const _hoisted_1$n = {
+const _hoisted_1$p = {
   key: 0,
   class: "ui-v1-menu-item__avatar"
 };
-const _hoisted_2$b = {
+const _hoisted_2$d = {
   key: 1,
   class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_leading"
 };
@@ -6072,7 +6072,7 @@ const _hoisted_7$2 = {
   key: 3,
   class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_trailing"
 };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "UiMenuItem",
   props: {
     /** Размер */
@@ -6151,9 +6151,9 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           }),
           onMouseoverOnce: onHover
         }, [
-          _ctx.$slots["avatar"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
+          _ctx.$slots["avatar"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
             vue.renderSlot(_ctx.$slots, "avatar")
-          ])) : _ctx.$slots["leading-icon"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
+          ])) : _ctx.$slots["leading-icon"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, [
             vue.renderSlot(_ctx.$slots, "leading-icon")
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_3$a, [
@@ -6183,7 +6183,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -6361,7 +6361,7 @@ const isQuickDateEqual = (first, second) => {
   }
   return false;
 };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "UiDatePickerQuickMenu",
   props: {
     value: {
@@ -6387,14 +6387,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       emit("change", props.nullable && isActive(date) ? null : date);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$x, {
         class: "ui-v1-date-picker__quick-menu",
         role: "menu",
         native: ""
       }, {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$p, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$y, {
               key: "quick-item-" + index,
               active: isActive(item.value),
               "aria-current": isActive(item.value) ? "true" : "false",
@@ -6439,11 +6439,11 @@ const _i18n$4 = define({
     "ru-RU": messages_ru_RU$4
   }
 });
-const _hoisted_1$m = ["id", "aria-controls", "aria-disabled", "aria-expanded", "aria-readonly"];
-const _hoisted_2$a = ["id"];
+const _hoisted_1$o = ["id", "aria-controls", "aria-disabled", "aria-expanded", "aria-readonly"];
+const _hoisted_2$c = ["id"];
 const _hoisted_3$9 = { class: "ui-v1-date-picker__workspace" };
 const _hoisted_4$4 = { class: "ui-v1-date-picker__action" };
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6810,7 +6810,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           onClick: toggle
         }, [
           vue.renderSlot(_ctx.$slots, "trigger")
-        ])) : (vue.openBlock(), vue.createBlock(_sfc_main$q, vue.mergeProps({
+        ])) : (vue.openBlock(), vue.createBlock(_sfc_main$z, vue.mergeProps({
           key: 1,
           id: inputId.value,
           ref_key: "textbox",
@@ -6845,7 +6845,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
             key: "0"
           } : void 0
         ]), 1040, ["id", "clearable", "value", "placeholder", "active", "disabled", "readonly"])),
-        vue.createVNode(_sfc_main$u, vue.mergeProps({
+        vue.createVNode(_sfc_main$D, vue.mergeProps({
           id: `${inputId.value}-popper`,
           visible: showCalendar.value,
           target: triggerTarget.value,
@@ -6868,7 +6868,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
               }, ["stop"]))
             }, [
-              __props.quickOptions.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
+              __props.quickOptions.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                 key: 0,
                 value: view.value,
                 items: __props.quickOptions,
@@ -6876,7 +6876,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 onChange: onQuickChange
               }, null, 8, ["value", "items", "nullable"])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_3$9, [
-                vue.createVNode(_sfc_main$z, {
+                vue.createVNode(_sfc_main$I, {
                   ref_key: "calendar",
                   ref: calendar,
                   value: view.value,
@@ -6897,7 +6897,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                   })
                 }, [
                   vue.createElementVNode("div", _hoisted_4$4, [
-                    vue.createVNode(_sfc_main$D, {
+                    vue.createVNode(_sfc_main$M, {
                       appearance: "tertiary",
                       class: "ui-v1-date-picker__button",
                       onClick: reset
@@ -6907,7 +6907,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                       ]),
                       _: 1
                     }),
-                    vue.createVNode(_sfc_main$D, {
+                    vue.createVNode(_sfc_main$M, {
                       class: "ui-v1-date-picker__button",
                       onClick: apply2
                     }, {
@@ -6919,20 +6919,20 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                   ])
                 ], 2)) : vue.createCommentVNode("", true)
               ])
-            ], 8, _hoisted_2$a)
+            ], 8, _hoisted_2$c)
           ]),
           _: 1
         }, 16, ["id", "visible", "target", "container", "placement", "aria-hidden", "class", "disabled"])
-      ], 16, _hoisted_1$m);
+      ], 16, _hoisted_1$o);
     };
   }
 });
-var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
+var ALIGN$1 = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["LEFT"] = "left";
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
-})(ALIGN || {});
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+})(ALIGN$1 || {});
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -6943,8 +6943,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     /** Определяет, по какому краю будет выровнен текст ошибки */
     align: {
       type: String,
-      validator: (align) => Object.values(ALIGN).includes(align),
-      default: ALIGN.LEFT
+      validator: (align) => Object.values(ALIGN$1).includes(align),
+      default: ALIGN$1.LEFT
     },
     /**
      * Определяет, будет ли текст ошибок обрезаться через многоточие или
@@ -6961,7 +6961,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass({
           "ui-v1-error": true,
           "ui-v1-error_ellipsis": __props.ellipsis,
-          "ui-v1-error_right": __props.align === vue.unref(ALIGN).RIGHT
+          "ui-v1-error_right": __props.align === vue.unref(ALIGN$1).RIGHT
         })
       }, [
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
@@ -6971,12 +6971,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$n = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$9(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$n, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M12.72 15.78a.75.75 0 0 1-.53.22h-.38a.77.77 0 0 1-.53-.22l-5.13-5.14a.5.5 0 0 1 0-.71l.71-.71a.49.49 0 0 1 .7 0L12 13.67l4.44-4.45a.5.5 0 0 1 .71 0l.7.71a.5.5 0 0 1 0 .71z"
@@ -6984,12 +6984,12 @@ function render$9(_ctx, _cache) {
   ])]);
 }
 const IconChevronDown = { render: render$9 };
-const _hoisted_1$k = {
+const _hoisted_1$m = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$8(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$m, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M11.28 8.22a.75.75 0 0 1 .53-.22h.38a.77.77 0 0 1 .53.22l5.13 5.14a.5.5 0 0 1 0 .71l-.71.71a.49.49 0 0 1-.7 0L12 10.33l-4.44 4.45a.5.5 0 0 1-.71 0l-.7-.71a.5.5 0 0 1 0-.71z"
@@ -6997,8 +6997,8 @@ function render$8(_ctx, _cache) {
   ])]);
 }
 const IconChevronUp = { render: render$8 };
-const _hoisted_1$j = ["id", "aria-expanded", "aria-hidden"];
-const _hoisted_2$9 = {
+const _hoisted_1$l = ["id", "aria-expanded", "aria-hidden"];
+const _hoisted_2$b = {
   "aria-hidden": "true",
   class: "ui-v1-infobox__media"
 };
@@ -7010,7 +7010,7 @@ const _hoisted_5$3 = {
 };
 const _hoisted_6$2 = ["id"];
 const _hoisted_7$1 = ["aria-controls", "aria-expanded"];
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7147,7 +7147,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       syncExpandedFromProps();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$J, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$S, {
         name: "fade",
         onAfterEnter,
         onAfterLeave,
@@ -7167,7 +7167,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             },
             role: "alert"
           }, rootAttrs.value), [
-            vue.createElementVNode("div", _hoisted_2$9, [
+            vue.createElementVNode("div", _hoisted_2$b, [
               vue.createElementVNode("div", _hoisted_3$8, [
                 vue.renderSlot(_ctx.$slots, "icon", {
                   expanded: state.shouldBeExpanded
@@ -7213,7 +7213,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                   }))
                 ], 8, _hoisted_7$1)) : vue.createCommentVNode("", true)
               ])) : vue.createCommentVNode("", true),
-              vue.createVNode(_sfc_main$x, {
+              vue.createVNode(_sfc_main$G, {
                 id: bodyId.value,
                 "aria-labelledby": hasTitle.value ? titleId.value : void 0,
                 expanded: bodyExpanded.value,
@@ -7241,7 +7241,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createVNode(vue.unref(IconClear), { class: "ui-v1-infobox__closer-icon" })
             ])) : vue.createCommentVNode("", true)
-          ], 16, _hoisted_1$j), [
+          ], 16, _hoisted_1$l), [
             [vue.vShow, state.shouldBeShown]
           ])
         ]),
@@ -7250,12 +7250,12 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$k = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$7(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$i, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "m6.844 17.854-.7-.703a.5.5 0 0 1 0-.704l8.48-8.456-6.212.007a.49.49 0 0 1-.496-.5l.007-.991a.5.5 0 0 1 .496-.5L16.994 6c.196 0 .385.078.524.218l.265.267c.137.142.215.33.217.528l-.007 8.633a.5.5 0 0 1-.496.5h-.992a.48.48 0 0 1-.49-.493l.007-6.255-8.48 8.456a.49.49 0 0 1-.698 0"
@@ -7281,8 +7281,8 @@ var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["TITLE02"] = "title-02";
   return SIZE2;
 })(SIZE$3 || {});
-const _hoisted_1$h = ["href", "target"];
-const _hoisted_2$8 = {
+const _hoisted_1$j = ["href", "target"];
+const _hoisted_2$a = {
   key: 0,
   class: "ui-v1-link__inner"
 };
@@ -7290,7 +7290,7 @@ const _hoisted_3$7 = {
   key: 2,
   class: "ui-v1-link__icon"
 };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -7359,7 +7359,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
         },
         target: __props.external ? "_blank" : "_self"
       }, _ctx.$attrs), [
-        __props.dotted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$8, [
+        __props.dotted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$a, [
           vue.renderSlot(_ctx.$slots, "default")
         ])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
         _ctx.$slots.icon || __props.external ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$7, [
@@ -7367,11 +7367,11 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$h);
+      ], 16, _hoisted_1$j);
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -7403,7 +7403,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$J : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$S : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -7437,9 +7437,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$h = {};
-const _hoisted_1$g = { class: "ui-v1-menu-item-group" };
-const _hoisted_2$7 = { class: "ui-v1-menu-item-group__head" };
+const _sfc_main$q = {};
+const _hoisted_1$i = { class: "ui-v1-menu-item-group" };
+const _hoisted_2$9 = { class: "ui-v1-menu-item-group__head" };
 const _hoisted_3$6 = {
   key: 0,
   class: "ui-v1-menu-item-group__head-option"
@@ -7453,8 +7453,8 @@ const _hoisted_5$2 = {
   class: "ui-v1-menu-item-group__count"
 };
 function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
-    vue.createElementVNode("div", _hoisted_2$7, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+    vue.createElementVNode("div", _hoisted_2$9, [
       _ctx.$slots.option ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
         vue.renderSlot(_ctx.$slots, "option")
       ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
@@ -7474,7 +7474,7 @@ function _sfc_render(_ctx, _cache) {
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render]]);
+const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render]]);
 class LayerRegistry {
   registry;
   started = false;
@@ -7554,11 +7554,11 @@ var CLOSE_METHOD = /* @__PURE__ */ ((CLOSE_METHOD2) => {
   CLOSE_METHOD2["KEY_ESC"] = "Esc";
   return CLOSE_METHOD2;
 })(CLOSE_METHOD || {});
-var DIRECTION$1 = /* @__PURE__ */ ((DIRECTION2) => {
+var DIRECTION$2 = /* @__PURE__ */ ((DIRECTION2) => {
   DIRECTION2["LEFT"] = "left";
   DIRECTION2["RIGHT"] = "right";
   return DIRECTION2;
-})(DIRECTION$1 || {});
+})(DIRECTION$2 || {});
 var SCROLLING$1 = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NORMAL"] = "normal";
   SCROLLING2["NATIVE"] = "native";
@@ -7570,8 +7570,8 @@ var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   return SIZE2;
 })(SIZE$2 || {});
-const _hoisted_1$f = ["id", "aria-hidden", "role"];
-const _hoisted_2$6 = ["id"];
+const _hoisted_1$h = ["id", "aria-hidden", "role"];
+const _hoisted_2$8 = ["id"];
 const _hoisted_3$5 = { class: "ui-v1-modal-sidebar__header" };
 const _hoisted_4$1 = { class: "ui-v1-modal-sidebar__header-inner" };
 const _hoisted_5$1 = {
@@ -7588,7 +7588,7 @@ const _hoisted_8 = {
   key: 2,
   class: "ui-v1-modal-sidebar__footer"
 };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7612,8 +7612,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     /** Определяет направление появления панели */
     direction: {
       type: String,
-      validator: (direction) => Object.values(DIRECTION$1).includes(direction),
-      default: DIRECTION$1.RIGHT
+      validator: (direction) => Object.values(DIRECTION$2).includes(direction),
+      default: DIRECTION$2.RIGHT
     },
     /** Время, через которое плавающий элемент удаляется со страницы, если был скрыт */
     disposeTimeout: {
@@ -7814,7 +7814,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         to: vue.unref(globals)?.container || "body"
       }, [
-        vue.createVNode(_sfc_main$J, {
+        vue.createVNode(_sfc_main$S, {
           name: "fade-2",
           onBeforeEnter: _cache[5] || (_cache[5] = ($event) => visibilityOfOverlay.value = "showing"),
           onAfterEnter: _cache[6] || (_cache[6] = ($event) => visibilityOfOverlay.value = "shown"),
@@ -7835,7 +7835,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               "aria-modal": "true",
               role: __props.role
             }, _ctx.$attrs, { onClick: onBackdropClick }), [
-              vue.createVNode(_sfc_main$J, {
+              vue.createVNode(_sfc_main$S, {
                 name: `slide-${__props.direction}`,
                 onBeforeEnter: _cache[1] || (_cache[1] = ($event) => visibilityOfSidebar.value = "showing"),
                 onAfterEnter: _cache[2] || (_cache[2] = ($event) => visibilityOfSidebar.value = "shown"),
@@ -7849,7 +7849,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass({
                       "ui-v1-modal-sidebar": true,
                       "ui-v1-modal-sidebar_fixed": __props.fixed,
-                      "ui-v1-modal-sidebar_left": __props.direction === vue.unref(DIRECTION$1).LEFT,
+                      "ui-v1-modal-sidebar_left": __props.direction === vue.unref(DIRECTION$2).LEFT,
                       "ui-v1-modal-sidebar_size_sm": __props.size === vue.unref(SIZE$2).SM,
                       "ui-v1-modal-sidebar_size_lg": __props.size === vue.unref(SIZE$2).LG
                     })
@@ -7876,7 +7876,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                           "aria-hidden": "true",
                           width: "32"
                         }),
-                        vue.createVNode(_sfc_main$t, {
+                        vue.createVNode(_sfc_main$C, {
                           target: closerTarget.value,
                           "offset-main-axis": 0
                         }, {
@@ -7891,7 +7891,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                       vue.renderSlot(_ctx.$slots, "default", {
                         overlapped: state.overlapped
                       })
-                    ])) : (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+                    ])) : (vue.openBlock(), vue.createBlock(_sfc_main$x, {
                       key: 1,
                       native: __props.scrolling === vue.unref(SCROLLING$1).NATIVE,
                       class: "ui-v1-modal-sidebar__body",
@@ -7910,11 +7910,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                         overlapped: state.overlapped
                       })
                     ])) : vue.createCommentVNode("", true)
-                  ], 10, _hoisted_2$6)) : vue.createCommentVNode("", true)
+                  ], 10, _hoisted_2$8)) : vue.createCommentVNode("", true)
                 ]),
                 _: 3
               }, 8, ["name"])
-            ], 16, _hoisted_1$f), [
+            ], 16, _hoisted_1$h), [
               [vue.vShow, state.shown]
             ])
           ]),
@@ -7936,7 +7936,7 @@ var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NATIVE"] = "native";
   return SCROLLING2;
 })(SCROLLING || {});
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -8156,7 +8156,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return vue.h(_sfc_main$J, {
+      return vue.h(_sfc_main$S, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -8181,7 +8181,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : vue.h(vue.Teleport, {
       to: globals?.container ?? document.body
-    }, vue.h(_sfc_main$J, {
+    }, vue.h(_sfc_main$S, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -8199,7 +8199,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, vue.h(_sfc_main$o, {
+      }, vue.h(_sfc_main$x, {
         class: {
           "ui-v1-modal-window-container": true,
           "ui-v1-modal-window-container_fullscreen": props.fullscreen,
@@ -8223,12 +8223,12 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$g = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$6(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$g, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -8238,11 +8238,11 @@ function render$6(_ctx, _cache) {
   ])]);
 }
 const IconWarning = { render: render$6 };
-const _hoisted_1$d = {
+const _hoisted_1$f = {
   key: 0,
   class: "ui-v1-modal-window__icon"
 };
-const _hoisted_2$5 = ["id"];
+const _hoisted_2$7 = ["id"];
 const _hoisted_3$4 = ["disabled"];
 const _hoisted_4 = {
   key: 1,
@@ -8256,7 +8256,7 @@ const _hoisted_6 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -8376,7 +8376,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watch(() => props.opened, toggle);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$f, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$o, vue.mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -8405,7 +8405,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === vue.unref(APPEARANCE).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+            __props.appearance === vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
               vue.renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -8420,7 +8420,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, "title", {
                 overlapped: state.overlapped
               })
-            ], 8, _hoisted_2$5)) : vue.createCommentVNode("", true),
+            ], 8, _hoisted_2$7)) : vue.createCommentVNode("", true),
             __props.appearance !== vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 2,
               "aria-keyshortcuts": "Esc",
@@ -8436,7 +8436,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               })
             ], 8, _hoisted_3$4)) : vue.createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -8469,12 +8469,12 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$e = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$5(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$c, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M19 11.5v1a.5.5 0 0 1-.5.5H13v5.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V13H5.5a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H11V5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V11h5.5a.5.5 0 0 1 .5.5"
@@ -8482,12 +8482,12 @@ function render$5(_ctx, _cache) {
   ])]);
 }
 const IconAdd = { render: render$5 };
-const _hoisted_1$b = {
+const _hoisted_1$d = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$4(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$d, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M8.138 11.06A.52.52 0 0 1 8 10.705c0-.133.05-.261.138-.355l.187-.2A.44.44 0 0 1 8.66 10h6.68a.44.44 0 0 1 .335.15l.187.2a.52.52 0 0 1 .138.355c0 .133-.05.26-.138.355l-3.536 3.788A.43.43 0 0 1 12 15a.43.43 0 0 1-.326-.152z"
@@ -8495,12 +8495,12 @@ function render$4(_ctx, _cache) {
   ])]);
 }
 const IconCaret = { render: render$4 };
-const _hoisted_1$a = {
+const _hoisted_1$c = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$3(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$c, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M16.14 12.94a.5.5 0 0 1 0 .71l-.2.2a.5.5 0 0 1-.36.15H8.42a.5.5 0 0 1-.36-.15l-.2-.2a.5.5 0 0 1 0-.71l3.79-3.79a.48.48 0 0 1 .7 0z"
@@ -8508,12 +8508,12 @@ function render$3(_ctx, _cache) {
   ])]);
 }
 const IconCaretUp = { render: render$3 };
-const _hoisted_1$9 = {
+const _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$2(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M5.5 13.25c-.276 0-.5-.28-.5-.625v-1.25c0-.345.224-.625.5-.625h13c.276 0 .5.28.5.625v1.25c0 .345-.224.625-.5.625z"
@@ -8521,11 +8521,11 @@ function render$2(_ctx, _cache) {
   ])]);
 }
 const IconRemove = { render: render$2 };
-var DIRECTION = /* @__PURE__ */ ((DIRECTION2) => {
+var DIRECTION$1 = /* @__PURE__ */ ((DIRECTION2) => {
   DIRECTION2["HORIZONTAL"] = "horizontal";
   DIRECTION2["VERTICAL"] = "vertical";
   return DIRECTION2;
-})(DIRECTION || {});
+})(DIRECTION$1 || {});
 var VIOLATION = /* @__PURE__ */ ((VIOLATION2) => {
   VIOLATION2["NAN"] = "nan";
   VIOLATION2["TOO_LARGE"] = "too-large";
@@ -8623,10 +8623,10 @@ const _i18n$3 = define({
     "ru-RU": messages_ru_RU$3
   }
 });
-const _hoisted_1$8 = ["id", "aria-disabled", "aria-readonly"];
-const _hoisted_2$4 = ["id", "aria-controls", "aria-label", "disabled"];
+const _hoisted_1$a = ["id", "aria-disabled", "aria-readonly"];
+const _hoisted_2$6 = ["id", "aria-controls", "aria-label", "disabled"];
 const _hoisted_3$3 = ["id", "aria-controls", "aria-label", "disabled"];
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8683,8 +8683,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     },
     direction: {
       type: String,
-      validator: (value) => Object.values(DIRECTION).includes(value),
-      default: DIRECTION.HORIZONTAL
+      validator: (value) => Object.values(DIRECTION$1).includes(value),
+      default: DIRECTION$1.HORIZONTAL
     },
     size: {
       type: String,
@@ -8944,8 +8944,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         id: `${stepperId.value}-root`,
         class: {
           "ui-v1-number-stepper": true,
-          "ui-v1-number-stepper_horizontal": __props.direction === vue.unref(DIRECTION).HORIZONTAL,
-          "ui-v1-number-stepper_vertical": __props.direction === vue.unref(DIRECTION).VERTICAL,
+          "ui-v1-number-stepper_horizontal": __props.direction === vue.unref(DIRECTION$1).HORIZONTAL,
+          "ui-v1-number-stepper_vertical": __props.direction === vue.unref(DIRECTION$1).VERTICAL,
           "ui-v1-number-stepper_outlined": __props.outlined,
           "ui-v1-number-stepper_inline": !__props.outlined,
           "ui-v1-number-stepper_disabled": __props.disabled,
@@ -8965,7 +8965,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           type: "button",
           onClick: decrease
         }, [
-          __props.direction === vue.unref(DIRECTION).HORIZONTAL ? (vue.openBlock(), vue.createBlock(vue.unref(IconRemove), {
+          __props.direction === vue.unref(DIRECTION$1).HORIZONTAL ? (vue.openBlock(), vue.createBlock(vue.unref(IconRemove), {
             key: 0,
             "aria-hidden": "true",
             class: "ui-v1-number-stepper__icon"
@@ -8974,8 +8974,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             "aria-hidden": "true",
             class: "ui-v1-number-stepper__icon"
           }))
-        ], 8, _hoisted_2$4),
-        vue.createVNode(_sfc_main$q, vue.mergeProps(resolvedTextboxOptions.value, {
+        ], 8, _hoisted_2$6),
+        vue.createVNode(_sfc_main$z, vue.mergeProps(resolvedTextboxOptions.value, {
           id: stepperId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -9005,7 +9005,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           type: "button",
           onClick: increase
         }, [
-          __props.direction === vue.unref(DIRECTION).HORIZONTAL ? (vue.openBlock(), vue.createBlock(vue.unref(IconAdd), {
+          __props.direction === vue.unref(DIRECTION$1).HORIZONTAL ? (vue.openBlock(), vue.createBlock(vue.unref(IconAdd), {
             key: 0,
             "aria-hidden": "true",
             class: "ui-v1-number-stepper__icon"
@@ -9015,11 +9015,11 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             class: "ui-v1-number-stepper__icon"
           }))
         ], 8, _hoisted_3$3)
-      ], 16, _hoisted_1$8);
+      ], 16, _hoisted_1$a);
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopperConnector",
   setup(__props) {
     const target = vue.ref(null);
@@ -9030,7 +9030,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopperTarget",
   props: {
     tag: {
@@ -9053,11 +9053,11 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["id", "name", "value", "checked", "required", "disabled"];
+const _hoisted_1$9 = ["id", "name", "value", "checked", "required", "disabled"];
 let nameCounter = 0;
 let idCounter = 0;
 const __default__$1 = {};
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   ...__default__$1,
   ...{
     inheritAttrs: false
@@ -9146,7 +9146,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           type: "radio",
           class: "ui-v1-radio__input",
           onChange
-        }), null, 16, _hoisted_1$7),
+        }), null, 16, _hoisted_1$9),
         _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "ui-v1-radio__checkmark" }, null, -1))
       ], 16);
     };
@@ -9252,16 +9252,16 @@ const createManipulator = (options) => {
     onDragEnd
   };
 };
-const _hoisted_1$6 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "ui-v1-slider__label"
 };
-const _hoisted_2$3 = ["onMousedown", "onKeydown", "onFocus"];
+const _hoisted_2$5 = ["onMousedown", "onKeydown", "onFocus"];
 const _hoisted_3$2 = {
   key: 1,
   class: "ui-v1-slider__label"
 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "UiSlider",
   props: {
     type: {
@@ -9424,7 +9424,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(onClick)($event)),
         onKeydown: _cache[3] || (_cache[3] = ($event) => onRootKeydown($event))
       }), [
-        props.labelled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+        props.labelled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
           vue.renderSlot(_ctx.$slots, "label", {
             boundary: props.min
           })
@@ -9465,7 +9465,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
                 key: 0,
                 boundary: handle.value
               }) : vue.createCommentVNode("", true)
-            ], 16, _hoisted_2$3);
+            ], 16, _hoisted_2$5);
           }), 128))
         ], 512),
         props.labelled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
@@ -9488,7 +9488,7 @@ var PLACEMENT = /* @__PURE__ */ ((PLACEMENT2) => {
   PLACEMENT2["LEFT_START"] = "left-start";
   return PLACEMENT2;
 })(PLACEMENT || {});
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "UiSelectPopper",
   props: {
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
@@ -9611,7 +9611,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$u, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$D, vue.mergeProps({
         id: __props.id + "-popper",
         ref_key: "popper",
         ref: popper,
@@ -9679,7 +9679,7 @@ const _i18n$2 = define({
     "ru-RU": messages_ru_RU$2
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "UiSelectTrigger",
   props: {
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
@@ -9905,7 +9905,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           class: "ui-v1-select__touchstone"
         }, vue.toDisplayString(selectionLabels.value), 513)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
-          vue.createVNode(_sfc_main$q, {
+          vue.createVNode(_sfc_main$z, {
             id: __props.id,
             value: inputValue.value,
             placeholder: !inputReadonly.value && __props.expanded ? i18n.value.t("search.placeholder") : __props.placeholder,
@@ -9946,12 +9946,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["id", "checked", "disabled", "aria-checked", "aria-disabled"];
-const _hoisted_2$2 = { class: "ui-v1-switch__track" };
+const _hoisted_1$7 = ["id", "checked", "disabled", "aria-checked", "aria-disabled"];
+const _hoisted_2$4 = { class: "ui-v1-switch__track" };
 const _hoisted_3$1 = { class: "ui-v1-switch__handle" };
 let counter = 0;
 const __default__ = {};
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   __name: "UiSwitch",
   props: {
@@ -10024,8 +10024,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           role: "switch",
           class: "ui-v1-switch__input",
           onChange
-        }), null, 16, _hoisted_1$5),
-        vue.createElementVNode("span", _hoisted_2$2, [
+        }), null, 16, _hoisted_1$7),
+        vue.createElementVNode("span", _hoisted_2$4, [
           vue.createElementVNode("span", _hoisted_3$1, [
             !__props.square ? (vue.openBlock(), vue.createBlock(vue.unref(IconDone), {
               key: 0,
@@ -10037,6 +10037,294 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
+  ALIGN2["LEFT"] = "left";
+  ALIGN2["CENTER"] = "center";
+  ALIGN2["RIGHT"] = "right";
+  return ALIGN2;
+})(ALIGN || {});
+var VALIGN = /* @__PURE__ */ ((VALIGN2) => {
+  VALIGN2["TOP"] = "top";
+  VALIGN2["MIDDLE"] = "middle";
+  VALIGN2["BOTTOM"] = "bottom";
+  return VALIGN2;
+})(VALIGN || {});
+var DIRECTION = /* @__PURE__ */ ((DIRECTION2) => {
+  DIRECTION2["ASC"] = "asc";
+  DIRECTION2["DESC"] = "desc";
+  return DIRECTION2;
+})(DIRECTION || {});
+const byRowKey = (key) => {
+  return (row) => row[key];
+};
+const asRowClass = (value) => value;
+const asRowAttrs = (value) => value;
+const _sfc_main$e = vue.defineComponent({
+  name: "UiTableBodyCell",
+  props: {
+    align: {
+      type: String,
+      default: ALIGN.LEFT,
+      validator: (align) => Object.values(ALIGN).includes(align)
+    },
+    valign: {
+      type: String,
+      default: VALIGN.MIDDLE,
+      validator: (valign) => Object.values(VALIGN).includes(valign)
+    },
+    colspan: {
+      type: Number,
+      default: void 0
+    },
+    rowspan: {
+      type: Number,
+      default: void 0
+    },
+    trim: {
+      type: Boolean,
+      default: false
+    },
+    theme: {
+      type: String,
+      default: "default",
+      validator: (theme) => ["default", "group"].includes(theme)
+    }
+  },
+  setup(props, { attrs, slots }) {
+    return () => vue.h("td", {
+      ...attrs,
+      colspan: props.colspan,
+      rowspan: props.rowspan,
+      class: [attrs.class, {
+        "ui-v1-table__body-cell": true,
+        [`ui-v1-table__body-cell_align-${props.align}`]: true,
+        [`ui-v1-table__body-cell_valign-${props.valign}`]: true,
+        [`ui-v1-table__body-cell_theme-${props.theme}`]: true,
+        "ui-v1-table__body-cell_trim": props.trim
+      }]
+    }, slots.default?.());
+  }
+});
+const toCssSize = (value) => {
+  if (typeof value === "number") {
+    return `${value}px`;
+  }
+  return value;
+};
+const _sfc_main$d = vue.defineComponent({
+  name: "UiTableCol",
+  props: {
+    width: {
+      type: [String, Number],
+      default: void 0
+    },
+    minWidth: {
+      type: [String, Number],
+      default: void 0
+    },
+    maxWidth: {
+      type: [String, Number],
+      default: void 0
+    }
+  },
+  setup(props, { attrs }) {
+    return () => vue.h("col", {
+      ...attrs,
+      width: props.width,
+      style: [
+        attrs.style ?? null,
+        {
+          width: toCssSize(props.width),
+          minWidth: toCssSize(props.minWidth),
+          maxWidth: toCssSize(props.maxWidth)
+        }
+      ]
+    });
+  }
+});
+const _hoisted_1$6 = ["type"];
+const _hoisted_2$3 = { class: "ui-v1-table__footer-button-content" };
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiTableFooterButton",
+  props: {
+    type: {
+      type: String,
+      default: "button",
+      validator: (type) => ["button", "submit", "reset"].includes(type)
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+        type: __props.type,
+        class: "ui-v1-table__footer-button"
+      }, _ctx.$attrs), [
+        vue.createElementVNode("span", _hoisted_2$3, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ])
+      ], 16, _hoisted_1$6);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiTableFooterSection",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "ui-v1-table__footer-section" }, _ctx.$attrs), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main$a = vue.defineComponent({
+  name: "UiTableHeadCell",
+  props: {
+    align: {
+      type: String,
+      default: ALIGN.LEFT,
+      validator: (align) => Object.values(ALIGN).includes(align)
+    },
+    trim: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { attrs, slots }) {
+    return () => vue.h("th", {
+      ...attrs,
+      scope: attrs.scope ?? "col",
+      class: [attrs.class, {
+        "ui-v1-table__head-cell": true,
+        [`ui-v1-table__head-cell_align-${props.align}`]: true,
+        "ui-v1-table__head-cell_trim": props.trim
+      }]
+    }, slots.default?.());
+  }
+});
+const _sfc_main$9 = vue.defineComponent({
+  name: "UiTableRoot",
+  props: {
+    bordered: {
+      type: Boolean,
+      default: false
+    },
+    fixed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { attrs, slots }) {
+    return () => vue.h("table", {
+      ...attrs,
+      class: [attrs.class, {
+        "ui-v1-table": true,
+        "ui-v1-table_bordered": props.bordered,
+        "ui-v1-table_fixed": props.fixed
+      }]
+    }, slots.default?.());
+  }
+});
+const _sfc_main$8 = vue.defineComponent({
+  name: "UiTableRow",
+  props: {
+    interactive: {
+      type: Boolean,
+      default: false
+    },
+    expanded: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { attrs, slots }) {
+    return () => vue.h("tr", {
+      ...attrs,
+      class: [attrs.class, {
+        "ui-v1-table__row": true,
+        "ui-v1-table__row_interactive": props.interactive,
+        "ui-v1-table__row_expanded": props.expanded
+      }]
+    }, slots.default?.());
+  }
+});
+const sectionTagByKind = {
+  head: "thead",
+  body: "tbody",
+  foot: "tfoot"
+};
+const _sfc_main$7 = vue.defineComponent({
+  name: "UiTableSection",
+  props: {
+    kind: {
+      type: String,
+      default: "body",
+      validator: (kind) => Object.keys(sectionTagByKind).includes(kind)
+    }
+  },
+  setup(props, { attrs, slots }) {
+    return () => vue.h(sectionTagByKind[props.kind], {
+      ...attrs,
+      class: [attrs.class, {
+        "ui-v1-table__section": true,
+        [`ui-v1-table__section_${props.kind}`]: true
+      }]
+    }, slots.default?.());
+  }
+});
+const _hoisted_1$5 = {
+  "aria-hidden": "true",
+  class: "ui-v1-table__sorter-icon",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_2$2 = { class: "ui-v1-table__sorter-label" };
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiTableSorter",
+  props: {
+    direction: {
+      type: String,
+      default: null,
+      validator: (direction) => direction === null || Object.values(DIRECTION).includes(direction)
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+        type: "button",
+        class: "ui-v1-table__sorter"
+      }, _ctx.$attrs), [
+        (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, [
+          vue.createElementVNode("path", {
+            class: vue.normalizeClass({
+              "ui-v1-table__sorter-path": true,
+              "ui-v1-table__sorter-path_active": __props.direction === vue.unref(DIRECTION).ASC
+            }),
+            d: "M16.3,8.3c0-0.1-0.1-0.3-0.1-0.4l-3.8-3.8c-0.2-0.2-0.5-0.2-0.7,0c0,0,0,0,0,0L7.9,7.9c-0.2,0.2-0.2,0.5,0,0.7c0,0,0,0,0,0l0.2,0.2C8.2,8.9,8.3,9,8.4,9h7.2c0.1,0,0.3-0.1,0.4-0.1l0.2-0.2C16.2,8.6,16.3,8.4,16.3,8.3z"
+          }, null, 2),
+          vue.createElementVNode("path", {
+            class: vue.normalizeClass({
+              "ui-v1-table__sorter-path": true,
+              "ui-v1-table__sorter-path_active": __props.direction === vue.unref(DIRECTION).DESC
+            }),
+            d: "M7.7,15.7c0,0.1,0.1,0.3,0.1,0.4l3.8,3.8c0.2,0.2,0.5,0.2,0.7,0c0,0,0,0,0,0l3.8-3.8c0.2-0.2,0.2-0.5,0-0.7c0,0,0,0,0,0l-0.2-0.2c-0.1-0.1-0.2-0.2-0.4-0.1H8.4c-0.1,0-0.3,0.1-0.4,0.1l-0.2,0.2C7.8,15.4,7.7,15.6,7.7,15.7z"
+          }, null, 2)
+        ])),
+        vue.createElementVNode("span", _hoisted_2$2, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ])
+      ], 16);
+    };
+  }
+});
 const _hoisted_1$4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
@@ -10138,7 +10426,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "ui-v1-tag-wrapper" }, vue.toHandlers(_ctx.$attrs, true)), [
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "ui-v1-tag-wrapper" }, _ctx.$attrs), [
         vue.createElementVNode("div", {
           class: vue.normalizeClass({
             ["ui-v1-tag"]: true,
@@ -10648,7 +10936,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         },
         role: "combobox"
       }, _ctx.$attrs, { onMousedown: onRootMouseDown }), [
-        vue.createVNode(_sfc_main$q, vue.mergeProps({
+        vue.createVNode(_sfc_main$z, vue.mergeProps({
           id: inputId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -10675,7 +10963,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 16, ["id", "value", "placeholder", "clearable", "disabled", "readonly"]),
-        vue.createVNode(_sfc_main$u, {
+        vue.createVNode(_sfc_main$D, {
           id: `${inputId.value}-listbox`,
           visible: expanded.value,
           target: rootTarget.value,
@@ -10690,14 +10978,14 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           onAttached: onPopperAttached
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$o, {
+            vue.createVNode(_sfc_main$x, {
               ref_key: "scrollable",
               ref: scrollable,
               class: "ui-v1-time-picker__list"
             }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(variants.value, (time2, index) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$p, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                     id: optionId(index),
                     key: `${time2}-${index}`,
                     ref_for: true,
@@ -10809,7 +11097,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return SIZE$7.SM;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$D, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -10882,7 +11170,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$j, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$s, vue.mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -11055,7 +11343,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 0 })) : vue.createCommentVNode("", true),
+        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$r, { key: 0 })) : vue.createCommentVNode("", true),
         vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
           ref_key: "iframe",
           ref: iframe,
@@ -11070,96 +11358,120 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UiAddButton: _sfc_main$H,
-  UiAlert: _sfc_main$I,
-  UiAvatar: _sfc_main$F,
-  UiAvatarList: _sfc_main$E,
-  UiButton: _sfc_main$D,
-  UiCalendar: _sfc_main$z,
-  UiCheckbox: _sfc_main$y,
-  UiCollapse: _sfc_main$x,
-  UiCollapseBox: _sfc_main$w,
-  UiCollapseGroup: _sfc_main$v,
-  UiCopyButton: _sfc_main$s,
-  UiDate: _sfc_main$r,
-  UiDatePicker: _sfc_main$m,
-  UiError: _sfc_main$l,
-  UiImage: _sfc_main$G,
-  UiInfobox: _sfc_main$k,
-  UiLink: _sfc_main$j,
-  UiLoader: _sfc_main$i,
-  UiMenuItem: _sfc_main$p,
+  UiAddButton: _sfc_main$Q,
+  UiAlert: _sfc_main$R,
+  UiAvatar: _sfc_main$O,
+  UiAvatarList: _sfc_main$N,
+  UiButton: _sfc_main$M,
+  UiCalendar: _sfc_main$I,
+  UiCheckbox: _sfc_main$H,
+  UiCollapse: _sfc_main$G,
+  UiCollapseBox: _sfc_main$F,
+  UiCollapseGroup: _sfc_main$E,
+  UiCopyButton: _sfc_main$B,
+  UiDate: _sfc_main$A,
+  UiDatePicker: _sfc_main$v,
+  UiError: _sfc_main$u,
+  UiImage: _sfc_main$P,
+  UiInfobox: _sfc_main$t,
+  UiLink: _sfc_main$s,
+  UiLoader: _sfc_main$r,
+  UiMenuItem: _sfc_main$y,
   UiMenuItemGroup,
-  UiModalSidebar: _sfc_main$g,
-  UiModalWindow: _sfc_main$e,
-  UiModalWindowSurface: _sfc_main$f,
-  UiNumberStepper: _sfc_main$d,
-  UiPopper: _sfc_main$u,
-  UiPopperConnector: _sfc_main$c,
-  UiPopperTarget: _sfc_main$b,
-  UiRadio: _sfc_main$a,
-  UiScrollBox: _sfc_main$o,
-  UiSelectPopper: _sfc_main$8,
-  UiSelectTrigger: _sfc_main$7,
-  UiSlider: _sfc_main$9,
-  UiSwitch: _sfc_main$6,
+  UiModalSidebar: _sfc_main$p,
+  UiModalWindow: _sfc_main$n,
+  UiModalWindowSurface: _sfc_main$o,
+  UiNumberStepper: _sfc_main$m,
+  UiPopper: _sfc_main$D,
+  UiPopperConnector: _sfc_main$l,
+  UiPopperTarget: _sfc_main$k,
+  UiRadio: _sfc_main$j,
+  UiScrollBox: _sfc_main$x,
+  UiSelectPopper: _sfc_main$h,
+  UiSelectTrigger: _sfc_main$g,
+  UiSlider: _sfc_main$i,
+  UiSwitch: _sfc_main$f,
+  UiTableBodyCell: _sfc_main$e,
+  UiTableCol: _sfc_main$d,
+  UiTableFooterButton: _sfc_main$c,
+  UiTableFooterSection: _sfc_main$b,
+  UiTableHeadCell: _sfc_main$a,
+  UiTableRoot: _sfc_main$9,
+  UiTableRow: _sfc_main$8,
+  UiTableSection: _sfc_main$7,
+  UiTableSorter: _sfc_main$6,
   UiTag: _sfc_main$5,
-  UiTextbox: _sfc_main$q,
+  UiTextbox: _sfc_main$z,
   UiTimePicker: _sfc_main$4,
   UiToolbar: _sfc_main$3,
   UiToolbarButton: _sfc_main$2,
   UiToolbarLink: _sfc_main$1,
-  UiTooltip: _sfc_main$t,
-  UiTransition: _sfc_main$J,
+  UiTooltip: _sfc_main$C,
+  UiTransition: _sfc_main$S,
   UiYandexMap: _sfc_main
 }, Symbol.toStringTag, { value: "Module" }));
 const createProvider = () => host.createProvider(components);
 const provider = createProvider();
+exports.ALIGN = ALIGN;
+exports.DIRECTION = DIRECTION;
 exports.I18nPlugin = plugin$1;
 exports.ImageWorkersKey = ImageWorkersKey;
 exports.ModalPlugin = plugin;
-exports.UiAddButton = _sfc_main$H;
-exports.UiAlert = _sfc_main$I;
-exports.UiAvatar = _sfc_main$F;
-exports.UiAvatarList = _sfc_main$E;
-exports.UiButton = _sfc_main$D;
-exports.UiCalendar = _sfc_main$z;
-exports.UiCheckbox = _sfc_main$y;
-exports.UiCollapse = _sfc_main$x;
-exports.UiCollapseBox = _sfc_main$w;
-exports.UiCollapseGroup = _sfc_main$v;
-exports.UiCopyButton = _sfc_main$s;
-exports.UiDate = _sfc_main$r;
-exports.UiDatePicker = _sfc_main$m;
-exports.UiError = _sfc_main$l;
-exports.UiImage = _sfc_main$G;
-exports.UiInfobox = _sfc_main$k;
-exports.UiLink = _sfc_main$j;
-exports.UiLoader = _sfc_main$i;
-exports.UiMenuItem = _sfc_main$p;
+exports.UiAddButton = _sfc_main$Q;
+exports.UiAlert = _sfc_main$R;
+exports.UiAvatar = _sfc_main$O;
+exports.UiAvatarList = _sfc_main$N;
+exports.UiButton = _sfc_main$M;
+exports.UiCalendar = _sfc_main$I;
+exports.UiCheckbox = _sfc_main$H;
+exports.UiCollapse = _sfc_main$G;
+exports.UiCollapseBox = _sfc_main$F;
+exports.UiCollapseGroup = _sfc_main$E;
+exports.UiCopyButton = _sfc_main$B;
+exports.UiDate = _sfc_main$A;
+exports.UiDatePicker = _sfc_main$v;
+exports.UiError = _sfc_main$u;
+exports.UiImage = _sfc_main$P;
+exports.UiInfobox = _sfc_main$t;
+exports.UiLink = _sfc_main$s;
+exports.UiLoader = _sfc_main$r;
+exports.UiMenuItem = _sfc_main$y;
 exports.UiMenuItemGroup = UiMenuItemGroup;
-exports.UiModalSidebar = _sfc_main$g;
-exports.UiModalWindow = _sfc_main$e;
-exports.UiModalWindowSurface = _sfc_main$f;
-exports.UiNumberStepper = _sfc_main$d;
-exports.UiPopper = _sfc_main$u;
-exports.UiPopperConnector = _sfc_main$c;
-exports.UiPopperTarget = _sfc_main$b;
-exports.UiRadio = _sfc_main$a;
-exports.UiScrollBox = _sfc_main$o;
-exports.UiSelectPopper = _sfc_main$8;
-exports.UiSelectTrigger = _sfc_main$7;
-exports.UiSlider = _sfc_main$9;
-exports.UiSwitch = _sfc_main$6;
+exports.UiModalSidebar = _sfc_main$p;
+exports.UiModalWindow = _sfc_main$n;
+exports.UiModalWindowSurface = _sfc_main$o;
+exports.UiNumberStepper = _sfc_main$m;
+exports.UiPopper = _sfc_main$D;
+exports.UiPopperConnector = _sfc_main$l;
+exports.UiPopperTarget = _sfc_main$k;
+exports.UiRadio = _sfc_main$j;
+exports.UiScrollBox = _sfc_main$x;
+exports.UiSelectPopper = _sfc_main$h;
+exports.UiSelectTrigger = _sfc_main$g;
+exports.UiSlider = _sfc_main$i;
+exports.UiSwitch = _sfc_main$f;
+exports.UiTableBodyCell = _sfc_main$e;
+exports.UiTableCol = _sfc_main$d;
+exports.UiTableFooterButton = _sfc_main$c;
+exports.UiTableFooterSection = _sfc_main$b;
+exports.UiTableHeadCell = _sfc_main$a;
+exports.UiTableRoot = _sfc_main$9;
+exports.UiTableRow = _sfc_main$8;
+exports.UiTableSection = _sfc_main$7;
+exports.UiTableSorter = _sfc_main$6;
 exports.UiTag = _sfc_main$5;
-exports.UiTextbox = _sfc_main$q;
+exports.UiTextbox = _sfc_main$z;
 exports.UiTimePicker = _sfc_main$4;
 exports.UiToolbar = _sfc_main$3;
 exports.UiToolbarButton = _sfc_main$2;
 exports.UiToolbarLink = _sfc_main$1;
-exports.UiTooltip = _sfc_main$t;
-exports.UiTransition = _sfc_main$J;
+exports.UiTooltip = _sfc_main$C;
+exports.UiTransition = _sfc_main$S;
 exports.UiYandexMap = _sfc_main;
+exports.VALIGN = VALIGN;
 exports.VueI18n = VueI18n;
+exports.asRowAttrs = asRowAttrs;
+exports.asRowClass = asRowClass;
+exports.byRowKey = byRowKey;
 exports.createProvider = createProvider;
 exports.provider = provider;