@retailcrm/embed-ui-v1-components 0.9.13 → 0.9.15

package/dist/host.js

@@ -1,11 +1,11 @@
-import { defineComponent, openBlock, createBlock, Transition, withCtx, renderSlot, createElementBlock, createElementVNode, ref, reactive, computed, watch, onMounted, withDirectives, mergeProps, unref, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, createVNode, vShow, inject, useSlots, resolveDynamicComponent, provide, Fragment, renderList, Text, Comment, h, getCurrentInstance, nextTick, onBeforeUnmount, useId, onActivated, onDeactivated, Teleport, shallowRef, normalizeStyle, createSlots, withModifiers, useAttrs, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, openBlock, createBlock, Transition, withCtx, renderSlot, createElementBlock, createElementVNode, ref, reactive, computed, watch, onMounted, withDirectives, mergeProps, unref, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, createVNode, vShow, inject, useSlots, resolveDynamicComponent, provide, Fragment, renderList, Text, Comment, h, getCurrentInstance, nextTick, onBeforeUnmount, useId, onActivated, onDeactivated, Teleport, shallowRef, normalizeStyle, createSlots, withModifiers, useAttrs, normalizeProps, guardReactiveProps, withKeys, isVNode, onUpdated } from "vue";
 import { preview } from "@retailcrm/image-preview";
 import isEqual from "lodash.isequal";
 import { format, formatISO } from "date-fns";
 import { ru, es, enGB } from "date-fns/locale";
 import { PerfectScrollbar } from "vue3-perfect-scrollbar";
 import { createProvider as createProvider$1 } from "@omnicajs/vue-remote/host";
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -33,13 +33,13 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$V = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function render$n(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
+function render$o(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$V, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -48,26 +48,26 @@ function render$n(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconCheckmarkCircleOutlined = { render: render$n };
-const _hoisted_1$Q = {
+const IconCheckmarkCircleOutlined = { render: render$o };
+const _hoisted_1$U = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$m(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Q, [..._cache[0] || (_cache[0] = [
+function render$n(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$U, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconClear = { render: render$m };
-const _hoisted_1$P = {
+const IconClear = { render: render$n };
+const _hoisted_1$T = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$l(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$P, [..._cache[0] || (_cache[0] = [
+function render$m(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$T, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -76,26 +76,26 @@ function render$l(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconClearCircleOutlined = { render: render$l };
-const _hoisted_1$O = {
+const IconClearCircleOutlined = { render: render$m };
+const _hoisted_1$S = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$k(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$O, [..._cache[0] || (_cache[0] = [
+function render$l(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconErrorOutlined = { render: render$k };
-const _hoisted_1$N = {
+const IconErrorOutlined = { render: render$l };
+const _hoisted_1$R = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$j(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
+function render$k(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -104,7 +104,7 @@ function render$j(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconInfoOutlined = { render: render$j };
+const IconInfoOutlined = { render: render$k };
 var VARIANT$1 = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["PRIMARY"] = "primary";
   VARIANT2["WARNING"] = "warning";
@@ -112,13 +112,13 @@ var VARIANT$1 = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT$1 || {});
-const _hoisted_1$M = ["aria-hidden", "aria-live"];
-const _hoisted_2$m = {
+const _hoisted_1$Q = ["aria-hidden", "aria-live"];
+const _hoisted_2$o = {
   key: 0,
   class: "ui-v1-alert__icon-outline"
 };
-const _hoisted_3$h = { class: "ui-v1-alert__icon" };
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _hoisted_3$i = { class: "ui-v1-alert__icon" };
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -227,7 +227,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$S, {
+      return openBlock(), createBlock(_sfc_main$10, {
         name: "fade",
         onBeforeEnter,
         onBeforeLeave,
@@ -250,8 +250,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             role: "alert"
           }, _ctx.$attrs), [
             renderSlot(_ctx.$slots, "icon", {}, () => [
-              __props.variant ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
-                createElementVNode("div", _hoisted_3$h, [
+              __props.variant ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
+                createElementVNode("div", _hoisted_3$i, [
                   __props.variant === unref(VARIANT$1).PRIMARY ? (openBlock(), createBlock(unref(IconInfoOutlined), { key: 0 })) : __props.variant === unref(VARIANT$1).WARNING ? (openBlock(), createBlock(unref(IconErrorOutlined), { key: 1 })) : __props.variant === unref(VARIANT$1).DANGER ? (openBlock(), createBlock(unref(IconClearCircleOutlined), { key: 2 })) : __props.variant === unref(VARIANT$1).SUCCESS ? (openBlock(), createBlock(unref(IconCheckmarkCircleOutlined), { key: 3 })) : createCommentVNode("", true)
                 ])
               ])) : createCommentVNode("", true)
@@ -276,7 +276,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(unref(IconClear), { class: "ui-v1-alert__close-icon" })
             ])) : createCommentVNode("", true)
-          ], 16, _hoisted_1$M), [
+          ], 16, _hoisted_1$Q), [
             [vShow, state.shown]
           ])
         ]),
@@ -285,12 +285,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$P = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$i(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
+function render$j(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$P, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -299,7 +299,7 @@ function render$i(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconAddCircle = { render: render$i };
+const IconAddCircle = { render: render$j };
 var COLOR$1 = /* @__PURE__ */ ((COLOR2) => {
   COLOR2["GREEN"] = "green";
   COLOR2["BLUE"] = "blue";
@@ -312,14 +312,14 @@ const isNumeric = (value) => !isNaN(Number(value));
 const normalizeHeight = (height) => {
   return isNumeric(height) ? `${height}px` : `${height}`;
 };
-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 = {
+const _hoisted_1$O = ["type", "disabled"];
+const _hoisted_2$n = { class: "ui-v1-add-button__content" };
+const _hoisted_3$h = { class: "ui-v1-add-button__title" };
+const _hoisted_4$c = {
   key: 0,
   class: "ui-v1-add-button__description"
 };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -362,8 +362,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           height: unref(normalizeHeight)(__props.height)
         }
       }, _ctx.$attrs), [
-        createElementVNode("span", _hoisted_2$l, [
-          createElementVNode("span", _hoisted_3$g, [
+        createElementVNode("span", _hoisted_2$n, [
+          createElementVNode("span", _hoisted_3$h, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
               createVNode(unref(IconAddCircle), {
                 "aria-hidden": "true",
@@ -372,20 +372,20 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             ]),
             renderSlot(_ctx.$slots, "default")
           ]),
-          !__props.small && _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
+          !__props.small && _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_4$c, [
             renderSlot(_ctx.$slots, "description")
           ])) : createCommentVNode("", true)
         ])
-      ], 16, _hoisted_1$K);
+      ], 16, _hoisted_1$O);
     };
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$N = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$h(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$J, [..._cache[0] || (_cache[0] = [
+function render$i(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -394,34 +394,34 @@ function render$h(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconHelpOutlined = { render: render$h };
-const _hoisted_1$I = {
+const IconHelpOutlined = { render: render$i };
+const _hoisted_1$M = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 18 8"
 };
-function render$g(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$I, [..._cache[0] || (_cache[0] = [
+function render$h(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$M, [..._cache[0] || (_cache[0] = [
     createElementVNode("g", { fill: "currentColor" }, [
       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$H = {
+const SpriteBAD = { render: render$h };
+const _hoisted_1$L = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 8"
 };
-function render$f(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
+function render$g(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
     createElementVNode("g", { fill: "currentColor" }, [
       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)
   ])]);
 }
-const SpriteVIP = { render: render$f };
+const SpriteVIP = { render: render$g };
 const ImageWorkersKey = Symbol("$image.workers");
-const _hoisted_1$G = ["alt", "src"];
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _hoisted_1$K = ["alt", "src"];
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "UiImage",
   props: {
     alt: {
@@ -457,7 +457,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("img", mergeProps({
         alt: __props.alt,
         src: url.value
-      }, _ctx.$attrs), null, 16, _hoisted_1$G);
+      }, _ctx.$attrs), null, 16, _hoisted_1$K);
     };
   }
 });
@@ -476,12 +476,12 @@ const isURL = (href, loose = true) => {
     return false;
   }
 };
-var SIZE$8 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$a = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$8 || {});
+})(SIZE$a || {});
 var STATUS = /* @__PURE__ */ ((STATUS2) => {
   STATUS2["NONE"] = "";
   STATUS2["BUSY"] = "busy";
@@ -491,27 +491,27 @@ var STATUS = /* @__PURE__ */ ((STATUS2) => {
   return STATUS2;
 })(STATUS || {});
 const AvatarSizeKey = Symbol("UiAvatarSize");
-const _hoisted_1$F = {
+const _hoisted_1$J = {
   key: 1,
   class: "ui-v1-avatar__unresolved"
 };
-const _hoisted_2$k = {
+const _hoisted_2$m = {
   key: 3,
   class: "ui-v1-avatar__initials"
 };
-const _hoisted_3$f = {
+const _hoisted_3$g = {
   key: 4,
   class: "ui-v1-avatar__labels"
 };
-const _hoisted_4$a = {
+const _hoisted_4$b = {
   key: 0,
   class: "ui-v1-avatar__label ui-v1-avatar__label_vip"
 };
-const _hoisted_5$8 = {
+const _hoisted_5$9 = {
   key: 1,
   class: "ui-v1-avatar__label ui-v1-avatar__label_bad"
 };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -550,8 +550,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     /** Размер изображения */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$8).includes(size),
-      default: SIZE$8.SM
+      validator: (size) => Object.values(SIZE$a).includes(size),
+      default: SIZE$a.SM
     },
     optimize: {
       type: [Boolean, Object],
@@ -579,9 +579,9 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       const processing = typeof props.optimize === "object" ? props.optimize : {};
       return {
         resize: processing.resize ?? {
-          [SIZE$8.XS]: "48x-",
-          [SIZE$8.SM]: "72x-",
-          [SIZE$8.LG]: "104x-"
+          [SIZE$a.XS]: "48x-",
+          [SIZE$a.SM]: "72x-",
+          [SIZE$a.LG]: "104x-"
         }[size.value],
         crop: processing.crop
       };
@@ -598,7 +598,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         }
       }, _ctx.$attrs), {
         default: withCtx(() => [
-          __props.src ? (openBlock(), createBlock(_sfc_main$P, {
+          __props.src ? (openBlock(), createBlock(_sfc_main$Z, {
             key: 0,
             src: __props.src,
             resize: optimization.value.resize,
@@ -607,7 +607,7 @@ const _sfc_main$O = /* @__PURE__ */ 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 ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
+          }, null, 8, ["src", "resize", "crop"])) : !__props.src && unresolved.value ? (openBlock(), createElementBlock("div", _hoisted_1$J, [
             createVNode(unref(IconHelpOutlined))
           ])) : createCommentVNode("", true),
           __props.status && !(__props.vip || __props.bad) ? (openBlock(), createElementBlock("span", {
@@ -618,16 +618,16 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               [`ui-v1-avatar__status_${__props.status}`]: __props.status
             })
           }, null, 2)) : createCommentVNode("", true),
-          !(unresolved.value || loaded.value) ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
+          !(unresolved.value || loaded.value) ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(initials.value), 1)
             ])
           ])) : createCommentVNode("", true),
-          __props.vip || __props.bad ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
-            __props.vip ? (openBlock(), createElementBlock("span", _hoisted_4$a, [
+          __props.vip || __props.bad ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
+            __props.vip ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
               createVNode(unref(SpriteVIP), { class: "ui-v1-avatar__vip" })
             ])) : createCommentVNode("", true),
-            __props.bad ? (openBlock(), createElementBlock("span", _hoisted_5$8, [
+            __props.bad ? (openBlock(), createElementBlock("span", _hoisted_5$9, [
               createVNode(unref(SpriteBAD), { class: "ui-v1-avatar__bad" })
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -637,7 +637,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "UiAvatarList",
   props: {
     /** Список аватарок пользователей */
@@ -648,8 +648,8 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     /** Размер аватарок */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$8).includes(size),
-      default: SIZE$8.SM
+      validator: (size) => Object.values(SIZE$a).includes(size),
+      default: SIZE$a.SM
     }
   },
   setup(__props) {
@@ -664,7 +664,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             key: index,
             class: "ui-v1-avatar-list__item"
           }, [
-            createVNode(_sfc_main$O, {
+            createVNode(_sfc_main$Y, {
               src: avatar.src,
               name: avatar.name
             }, null, 8, ["src", "name"])
@@ -711,27 +711,27 @@ const useElementRef = () => {
   provide(ElementRefKey, ref(null));
   return el;
 };
-var APPEARANCE$3 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$5 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["OUTLINED"] = "outlined";
   APPEARANCE2["PRIMARY"] = "primary";
   APPEARANCE2["SECONDARY"] = "secondary";
   APPEARANCE2["TERTIARY"] = "tertiary";
   return APPEARANCE2;
-})(APPEARANCE$3 || {});
-var SIZE$7 = /* @__PURE__ */ ((SIZE2) => {
+})(APPEARANCE$5 || {});
+var SIZE$9 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   SIZE2["MD"] = "md";
   SIZE2["SM"] = "sm";
   SIZE2["XS"] = "xs";
   return SIZE2;
-})(SIZE$7 || {});
+})(SIZE$9 || {});
 var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DEFAULT"] = "default";
   VARIANT2["SUCCESS"] = "success";
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT || {});
-const _sfc_main$M = defineComponent({
+const _sfc_main$W = defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -747,7 +747,7 @@ const _sfc_main$M = defineComponent({
     /** Регулирует внешний вид кнопки: primary, secondary, tertiary or outlined */
     appearance: {
       type: String,
-      default: APPEARANCE$3.PRIMARY
+      default: APPEARANCE$5.PRIMARY
     },
     /** Регулирует цветовую схему кнопки: default, success or danger */
     variant: {
@@ -757,7 +757,7 @@ const _sfc_main$M = defineComponent({
     /** Размер */
     size: {
       type: String,
-      default: SIZE$7.SM
+      default: SIZE$9.SM
     },
     /** Если кнопка активна */
     active: {
@@ -817,8 +817,8 @@ const _sfc_main$M = defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "ui-v1-calendar-cell__content" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _hoisted_1$I = { class: "ui-v1-calendar-cell__content" };
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "UiCalendarCell",
   props: {
     current: {
@@ -863,32 +863,32 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           "aria-hidden": "true",
           class: "ui-v1-calendar-cell__backdrop"
         }, null, -1)),
-        createElementVNode("div", _hoisted_1$E, [
+        createElementVNode("div", _hoisted_1$I, [
           renderSlot(_ctx.$slots, "default")
         ])
       ], 16);
     };
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$H = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, [..._cache[0] || (_cache[0] = [
+function render$f(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconChevronRight = { render: render$e };
-const _hoisted_1$C = {
+const IconChevronRight = { render: render$f };
+const _hoisted_1$G = {
   key: 1,
   "aria-hidden": "true",
   class: "ui-v1-calendar-navigation__placeholder"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "UiCalendarDirectionButton",
   props: {
     label: {
@@ -908,7 +908,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.absent ? (openBlock(), createBlock(_sfc_main$M, {
+      return !__props.absent ? (openBlock(), createBlock(_sfc_main$W, {
         key: 0,
         "aria-label": __props.label,
         appearance: "tertiary",
@@ -925,15 +925,15 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class"])
         ]),
         _: 1
-      }, 8, ["aria-label"])) : (openBlock(), createElementBlock("div", _hoisted_1$C));
+      }, 8, ["aria-label"])) : (openBlock(), createElementBlock("div", _hoisted_1$G));
     };
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$F = {
   key: 1,
   class: "ui-v1-calendar-navigation__text"
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "UiCalendarSwitchButton",
   props: {
     locked: {
@@ -944,7 +944,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.locked ? (openBlock(), createBlock(_sfc_main$M, {
+      return !__props.locked ? (openBlock(), createBlock(_sfc_main$W, {
         key: 0,
         appearance: "tertiary",
         class: "ui-v1-calendar-navigation__switch-button",
@@ -954,17 +954,17 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      })) : (openBlock(), createElementBlock("div", _hoisted_1$B, [
+      })) : (openBlock(), createElementBlock("div", _hoisted_1$F, [
         renderSlot(_ctx.$slots, "default")
       ]));
     };
   }
 });
-var APPEARANCE$2 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$4 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["SINGLE"] = "single";
   APPEARANCE2["DOUBLE"] = "double";
   return APPEARANCE2;
-})(APPEARANCE$2 || {});
+})(APPEARANCE$4 || {});
 var TYPE$2 = /* @__PURE__ */ ((TYPE2) => {
   TYPE2["SINGLE"] = "single";
   TYPE2["RANGE"] = "range";
@@ -1379,11 +1379,11 @@ const _i18n$6 = define({
     "ru-RU": messages_ru_RU$6
   }
 });
-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 = {
+const _hoisted_1$E = { class: "ui-v1-calendar-wrapper" };
+const _hoisted_2$l = ["aria-label"];
+const _hoisted_3$f = ["id"];
+const _hoisted_4$a = ["aria-labelledby", "aria-multiselectable"];
+const _hoisted_5$8 = {
   class: "ui-v1-calendar__row",
   role: "row"
 };
@@ -1402,7 +1402,7 @@ const _hoisted_16 = {
   "aria-atomic": "true",
   "aria-live": "polite"
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "UiCalendar",
   props: {
     /** Текущая дата */
@@ -1420,8 +1420,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     /** Одиночный или двойной вид */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$2).includes(appearance),
-      default: APPEARANCE$2.SINGLE
+      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
+      default: APPEARANCE$4.SINGLE
     },
     /** Первый день недели */
     firstDayOfWeek: {
@@ -1561,7 +1561,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     });
     const viewsComputed = computed(() => {
       const view = [views[0]];
-      if (props.appearance === APPEARANCE$2.DOUBLE) {
+      if (props.appearance === APPEARANCE$4.DOUBLE) {
         view.push(views[1]);
       }
       return view.map(({ date, decade, mode }) => ({
@@ -1573,7 +1573,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     });
     const viewsIsSynchronized = computed(() => {
       const [first, last] = views;
-      return props.appearance === APPEARANCE$2.DOUBLE && first.mode === last.mode && first.date.inSameMonth(new CalendarDay(last.date.year, last.date.month - 1));
+      return props.appearance === APPEARANCE$4.DOUBLE && first.mode === last.mode && first.date.inSameMonth(new CalendarDay(last.date.year, last.date.month - 1));
     });
     const range = computed(() => {
       const [first, last] = valueComputed.value;
@@ -1997,7 +1997,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       return date.inSameMonth(views[viewIndex].date);
     };
     const inSelectedView = (date) => {
-      return inSelectedMonth(date, 0) || inSelectedMonth(date, 1) && props.appearance === APPEARANCE$2.DOUBLE;
+      return inSelectedMonth(date, 0) || inSelectedMonth(date, 1) && props.appearance === APPEARANCE$4.DOUBLE;
     };
     const inRangeDate = (date) => {
       const [min2, max2] = range.value;
@@ -2020,7 +2020,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       ));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(viewsComputed.value, (view, index) => {
           return openBlock(), createElementBlock("div", {
             key: "view-" + index + "-" + view.date,
@@ -2031,12 +2031,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("monthNavigation")
               }, [
-                createVNode(_sfc_main$K, {
+                createVNode(_sfc_main$U, {
                   absent: index === 1 && viewsIsSynchronized.value && views[0].mode === unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("prevMonth"),
                   onClick: ($event) => showPrevMonth(index)
                 }, null, 8, ["absent", "label", "onClick"]),
-                createVNode(_sfc_main$J, {
+                createVNode(_sfc_main$T, {
                   onClick: ($event) => views[index].mode = unref(VIEW_MODE).MONTHS
                 }, {
                   default: withCtx(() => [
@@ -2044,17 +2044,17 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                       id: getGridLabelId(index, unref(VIEW_MODE).DAYS),
                       "aria-atomic": "true",
                       "aria-live": "polite"
-                    }, toDisplayString(i18n.value.t(`months.${view.date.month - 1}`)) + " " + toDisplayString(view.date.year), 9, _hoisted_3$e)
+                    }, toDisplayString(i18n.value.t(`months.${view.date.month - 1}`)) + " " + toDisplayString(view.date.year), 9, _hoisted_3$f)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                createVNode(_sfc_main$K, {
+                createVNode(_sfc_main$U, {
                   absent: index === 0 && viewsIsSynchronized.value && views[1].mode === unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("nextMonth"),
                   direction: "next",
                   onClick: ($event) => showNextMonth(index)
                 }, null, 8, ["absent", "label", "onClick"])
-              ], 8, _hoisted_2$j),
+              ], 8, _hoisted_2$l),
               createElementVNode("div", {
                 class: "ui-v1-calendar__table",
                 role: "grid",
@@ -2062,7 +2062,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 "aria-describedby": dayGridHintId,
                 "aria-multiselectable": props.type === unref(TYPE$2).RANGE ? "true" : void 0
               }, [
-                createElementVNode("div", _hoisted_5$7, [
+                createElementVNode("div", _hoisted_5$8, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(weekdaysNames.value, (name, i) => {
                     return openBlock(), createElementBlock("div", {
                       key: "weekday-" + i,
@@ -2082,7 +2082,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                     role: "row"
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(week, (day) => {
-                      return openBlock(), createBlock(_sfc_main$L, {
+                      return openBlock(), createBlock(_sfc_main$V, {
                         key: "day-" + index + "-" + day,
                         class: normalizeClass({
                           "ui-v1-calendar__cell-day": true,
@@ -2119,18 +2119,18 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                     }), 128))
                   ], 2);
                 }), 128))
-              ], 8, _hoisted_4$9)
+              ], 8, _hoisted_4$a)
             ], 64)) : createCommentVNode("", true),
             view.mode === unref(VIEW_MODE).MONTHS ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createElementVNode("nav", {
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("yearNavigation")
               }, [
-                createVNode(_sfc_main$K, {
+                createVNode(_sfc_main$U, {
                   label: i18n.value.t("prevYear"),
                   onClick: ($event) => showYear(view.date.year - 1, index)
                 }, null, 8, ["label", "onClick"]),
-                createVNode(_sfc_main$J, {
+                createVNode(_sfc_main$T, {
                   onClick: ($event) => views[index].mode = unref(VIEW_MODE).YEARS
                 }, {
                   default: withCtx(() => [
@@ -2142,7 +2142,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                createVNode(_sfc_main$K, {
+                createVNode(_sfc_main$U, {
                   label: i18n.value.t("nextYear"),
                   direction: "next",
                   onClick: ($event) => showYear(view.date.year + 1, index)
@@ -2160,7 +2160,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                     role: "row"
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(months2, (month) => {
-                      return openBlock(), createBlock(_sfc_main$L, {
+                      return openBlock(), createBlock(_sfc_main$V, {
                         key: "month-" + month.month,
                         class: normalizeClass({ "ui-v1-calendar__cell-month": true }),
                         current: isCurrentMonth(month.month, index),
@@ -2191,11 +2191,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("decadeNavigation")
               }, [
-                createVNode(_sfc_main$K, {
+                createVNode(_sfc_main$U, {
                   label: i18n.value.t("prevDecade"),
                   onClick: ($event) => showPrevDecade(index)
                 }, null, 8, ["label", "onClick"]),
-                createVNode(_sfc_main$J, {
+                createVNode(_sfc_main$T, {
                   locked: "",
                   onClick: ($event) => views[index].mode = unref(VIEW_MODE).MONTHS
                 }, {
@@ -2208,7 +2208,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                createVNode(_sfc_main$K, {
+                createVNode(_sfc_main$U, {
                   label: i18n.value.t("nextDecade"),
                   direction: "next",
                   onClick: ($event) => showNextDecade(index)
@@ -2226,7 +2226,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                     role: "row"
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(years, (year) => {
-                      return openBlock(), createBlock(_sfc_main$L, {
+                      return openBlock(), createBlock(_sfc_main$V, {
                         key: "year-" + year,
                         class: normalizeClass({ "ui-v1-calendar__cell-year": true }),
                         current: isCurrentYear(year),
@@ -2261,12 +2261,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$D = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
+function render$e(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -2275,7 +2275,7 @@ function render$d(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconDone = { render: render$d };
+const IconDone = { render: render$e };
 const expect = (value) => ({
   toBeOneOf(variants) {
     return Object.values(variants).includes(value);
@@ -2303,11 +2303,11 @@ const without = (obj, exclude) => {
   });
   return newObj;
 };
-const _hoisted_1$y = ["id", "value", "name", "disabled", "checked"];
-const _hoisted_2$i = { class: "ui-v1-checkbox__checkmark" };
-let counter$2 = 0;
+const _hoisted_1$C = ["id", "value", "name", "disabled", "checked"];
+const _hoisted_2$k = { class: "ui-v1-checkbox__checkmark" };
+let counter$3 = 0;
 const __default__$2 = {};
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   __name: "UiCheckbox",
   props: {
@@ -2319,7 +2319,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     /** Атрибут name нативного поля ввода */
     name: {
       type: String,
-      default: () => "ui-v1-checkbox-" + ++counter$2
+      default: () => "ui-v1-checkbox-" + ++counter$3
     },
     /** Значение модели используемое с директивой v-model */
     model: {
@@ -2414,8 +2414,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           type: "checkbox",
           class: "ui-v1-checkbox__input",
           onChange
-        }), null, 16, _hoisted_1$y),
-        createElementVNode("span", _hoisted_2$i, [
+        }), null, 16, _hoisted_1$C),
+        createElementVNode("span", _hoisted_2$k, [
           checked.value && !__props.indeterminate ? (openBlock(), createBlock(unref(IconDone), {
             key: 0,
             class: "ui-v1-checkbox__checkmark-icon"
@@ -2430,15 +2430,15 @@ var COLLAPSE_BEHAVIOUR = /* @__PURE__ */ ((COLLAPSE_BEHAVIOUR2) => {
   COLLAPSE_BEHAVIOUR2["HIDE"] = "hide";
   return COLLAPSE_BEHAVIOUR2;
 })(COLLAPSE_BEHAVIOUR || {});
-const _hoisted_1$x = {
+const _hoisted_1$B = {
   key: 0,
   class: "ui-v1-collapse"
 };
-const _hoisted_2$h = {
+const _hoisted_2$j = {
   key: 1,
   class: "ui-v1-collapse"
 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "UiCollapse",
   props: {
     /** Свёрнут/Развёрнут */
@@ -2556,12 +2556,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           __props.collapseBehaviour === unref(COLLAPSE_BEHAVIOUR).DISPOSE ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            __props.expanded ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
+            __props.expanded ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
               createElementVNode("div", null, [
                 renderSlot(_ctx.$slots, "default")
               ])
             ])) : createCommentVNode("", true)
-          ], 64)) : withDirectives((openBlock(), createElementBlock("div", _hoisted_2$h, [
+          ], 64)) : withDirectives((openBlock(), createElementBlock("div", _hoisted_2$j, [
             createElementVNode("div", null, [
               renderSlot(_ctx.$slots, "default")
             ])
@@ -2584,20 +2584,20 @@ var COLOR = /* @__PURE__ */ ((COLOR2) => {
   COLOR2["YELLOW"] = "yellow";
   return COLOR2;
 })(COLOR || {});
-var SIZE$6 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$8 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   return SIZE2;
-})(SIZE$6 || {});
+})(SIZE$8 || {});
 const CollapseGroupRegisterKey = Symbol("UiCollapseGroup_register");
 const CollapseGroupUnregisterKey = Symbol("UiCollapseGroup_unregister");
 const CollapseGroupExpandKey = Symbol("UiCollapseGroup_expand");
 const CollapseGroupCollapseKey = Symbol("UiCollapseGroup_collapse");
-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"];
+const _hoisted_1$A = ["id", "aria-labelledby"];
+const _hoisted_2$i = ["id", "disabled", "aria-controls", "aria-expanded", "aria-disabled"];
+const _hoisted_3$e = { class: "ui-v1-collapse-box__icon-sprite" };
+const _hoisted_4$9 = { class: "ui-v1-collapse-box__header-content" };
+const _hoisted_5$7 = ["id"];
 const _hoisted_6$5 = ["id"];
 const _hoisted_7$3 = {
   key: 1,
@@ -2609,7 +2609,7 @@ const _hoisted_10 = {
   key: 0,
   class: "ui-v1-collapse-box__footer"
 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2665,8 +2665,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     /** Размер иконки */
     iconSize: {
       type: String,
-      default: SIZE$6.SM,
-      validator: (value) => Object.values(SIZE$6).includes(value)
+      default: SIZE$8.SM,
+      validator: (value) => Object.values(SIZE$8).includes(value)
     },
     /** Рамка вместо тени */
     bordered: {
@@ -2832,17 +2832,17 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 [`ui-v1-collapse-box__icon_${__props.iconSize}`]: __props.iconSize
               })
             }, [
-              createElementVNode("span", _hoisted_3$d, [
+              createElementVNode("span", _hoisted_3$e, [
                 renderSlot(_ctx.$slots, "icon")
               ])
             ], 2)) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_4$8, [
+            createElementVNode("span", _hoisted_4$9, [
               createElementVNode("span", {
                 id: boxId.value + "-title",
                 class: "ui-v1-collapse-box__title"
               }, [
                 renderSlot(_ctx.$slots, "title")
-              ], 8, _hoisted_5$6),
+              ], 8, _hoisted_5$7),
               _ctx.$slots["description"] ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 id: boxId.value + "-description",
@@ -2854,9 +2854,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             !__props.disabled ? (openBlock(), createElementBlock("span", _hoisted_7$3, [
               createVNode(unref(IconChevronRight), { class: "ui-v1-collapse-box__arrow" })
             ])) : createCommentVNode("", true)
-          ], 8, _hoisted_2$g)
+          ], 8, _hoisted_2$i)
         ], 2),
-        createVNode(_sfc_main$G, {
+        createVNode(_sfc_main$Q, {
           id: boxId.value + "-collapse",
           "aria-hidden": !state.expanded ? "true" : "false",
           "aria-labelledby": boxId.value + "-button",
@@ -2891,11 +2891,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["id", "aria-hidden", "aria-labelledby", "duration", "expanded", "collapse-behaviour"])
-      ], 16, _hoisted_1$w);
+      ], 16, _hoisted_1$A);
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "UiCollapseGroup",
   props: {
     /**
@@ -3013,19 +3013,19 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$z = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, [..._cache[0] || (_cache[0] = [
+function render$d(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconCopy = { render: render$c };
+const IconCopy = { render: render$d };
 const sides$1 = ["top", "right", "bottom", "left"];
 const min = Math.min;
 const max = Math.max;
@@ -4692,8 +4692,8 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     window.addEventListener("click", onGlobalEvent("click"), true);
   }
 }
-const _hoisted_1$u = { class: "ui-v1-popper__content" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$y = { class: "ui-v1-popper__content" };
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "UiPopper",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5039,7 +5039,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             ref: arrow2,
             class: "ui-v1-popper__arrow"
           }, null, 512)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_1$u, [
+          createElementVNode("div", _hoisted_1$y, [
             renderSlot(_ctx.$slots, "default")
           ])
         ], 16)
@@ -5047,7 +5047,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "UiTooltip",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5158,7 +5158,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       hide: () => popper.value?.hide()
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$D, mergeProps({
+      return openBlock(), createBlock(_sfc_main$N, mergeProps({
         ref_key: "popper",
         ref: popper,
         visible: __props.visible,
@@ -5192,11 +5192,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$x = { class: "ui-v1-copy-button__tooltip" };
+const _hoisted_2$h = { class: "ui-v1-copy-button__icon" };
+const _hoisted_3$d = { class: "ui-v1-copy-button__text" };
+const _hoisted_4$8 = ["value"];
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "UiCopyButton",
   props: {
     /** Текст для копирования в буфер обмена */
@@ -5207,7 +5207,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     /** Размер кнопки */
     size: {
       type: String,
-      default: SIZE$7.XS
+      default: SIZE$9.XS
     },
     /** Объект, содержащий параметры настройки Tooltip */
     tooltipOptions: {
@@ -5268,7 +5268,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         onClick: copy
       }, [
         renderSlot(_ctx.$slots, "trigger", {}, () => [
-          createVNode(_sfc_main$M, {
+          createVNode(_sfc_main$W, {
             size: __props.size,
             appearance: "tertiary"
           }, {
@@ -5278,7 +5278,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["size"])
         ]),
-        createVNode(_sfc_main$C, mergeProps({
+        createVNode(_sfc_main$M, mergeProps({
           visible: visible.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
           target: rootTarget.value,
@@ -5288,12 +5288,12 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           ...__props.tooltipOptions
         }), {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_1$t, [
+            createElementVNode("div", _hoisted_1$x, [
               copied.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createElementVNode("div", _hoisted_2$f, [
+                createElementVNode("div", _hoisted_2$h, [
                   createVNode(unref(IconCheckmarkCircleOutlined))
                 ]),
-                createElementVNode("div", _hoisted_3$c, [
+                createElementVNode("div", _hoisted_3$d, [
                   renderSlot(_ctx.$slots, "hint-copied")
                 ])
               ], 64)) : renderSlot(_ctx.$slots, "hint", { key: 1 })
@@ -5308,7 +5308,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           value: __props.text,
           class: "ui-v1-copy-button__area",
           type: "text"
-        }, null, 8, _hoisted_4$7)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_4$8)) : createCommentVNode("", true)
       ], 544);
     };
   }
@@ -5348,7 +5348,7 @@ function detectLocale() {
   }
   return "en-GB";
 }
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "UiDate",
   props: {
     date: {
@@ -5375,12 +5375,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$w = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, [..._cache[0] || (_cache[0] = [
+function render$c(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -5389,13 +5389,13 @@ function render$b(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconCalendar = { render: render$b };
-const _hoisted_1$r = {
+const IconCalendar = { render: render$c };
+const _hoisted_1$v = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$r, [..._cache[0] || (_cache[0] = [
+function render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -5404,7 +5404,7 @@ function render$a(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconClearCircle = { render: render$a };
+const IconClearCircle = { render: render$b };
 var TYPE$1 = /* @__PURE__ */ ((TYPE2) => {
   TYPE2["EMAIL"] = "email";
   TYPE2["PASSWORD"] = "password";
@@ -5425,14 +5425,14 @@ var INPUTMODE = /* @__PURE__ */ ((INPUTMODE2) => {
   INPUTMODE2["URL"] = "url";
   return INPUTMODE2;
 })(INPUTMODE || {});
-var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$7 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   SIZE2["XL"] = "xl";
   return SIZE2;
-})(SIZE$5 || {});
+})(SIZE$7 || {});
 const decimalsOf = (value) => {
   const [, fraction] = String(value).replace(",", ".").split(".");
   return fraction ? fraction.length : 0;
@@ -5504,19 +5504,19 @@ const _i18n$5 = define({
     "ru-RU": messages_ru_RU$5
   }
 });
-const _hoisted_1$q = ["id"];
-const _hoisted_2$e = {
+const _hoisted_1$u = ["id"];
+const _hoisted_2$g = {
   key: 0,
   class: "ui-v1-textbox__prefix"
 };
-const _hoisted_3$b = ["id", "type", "value", "max", "min", "step", "aria-invalid", "autocomplete", "inputmode", "maxlength", "placeholder", "readonly", "required", "disabled"];
-const _hoisted_4$6 = ["id", "value", "aria-invalid", "autocomplete", "inputmode", "maxlength", "placeholder", "rows", "cols", "readonly", "required", "disabled"];
-const _hoisted_5$5 = ["disabled", "aria-controls", "aria-label"];
+const _hoisted_3$c = ["id", "type", "value", "max", "min", "step", "aria-invalid", "autocomplete", "inputmode", "maxlength", "placeholder", "readonly", "required", "disabled"];
+const _hoisted_4$7 = ["id", "value", "aria-invalid", "autocomplete", "inputmode", "maxlength", "placeholder", "rows", "cols", "readonly", "required", "disabled"];
+const _hoisted_5$6 = ["disabled", "aria-controls", "aria-label"];
 const _hoisted_6$4 = {
   key: 7,
   class: "ui-v1-textbox__suffix"
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "UiTextbox",
   props: {
     /** Уникальный идентификатор поля */
@@ -5579,7 +5579,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     /** Размер поля ввода */
     size: {
       type: String,
-      default: SIZE$5.SM
+      default: SIZE$7.SM
     },
     /** Нативный атрибут input|textarea */
     placeholder: {
@@ -5934,13 +5934,13 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           "ui-v1-textbox_autofit": __props.autofit,
           "ui-v1-textbox_invalid": __props.invalid,
           "ui-v1-textbox_outlined": __props.outlined,
-          "ui-v1-textbox_xs": __props.size === unref(SIZE$5).XS,
-          "ui-v1-textbox_md": __props.size === unref(SIZE$5).MD,
-          "ui-v1-textbox_lg": __props.size === unref(SIZE$5).LG,
-          "ui-v1-textbox_xl": __props.size === unref(SIZE$5).XL
+          "ui-v1-textbox_xs": __props.size === unref(SIZE$7).XS,
+          "ui-v1-textbox_md": __props.size === unref(SIZE$7).MD,
+          "ui-v1-textbox_lg": __props.size === unref(SIZE$7).LG,
+          "ui-v1-textbox_xl": __props.size === unref(SIZE$7).XL
         }
       }, _ctx.$attrs), [
-        __props.prefix || "prefix" in _ctx.$slots ? (openBlock(), createElementBlock("span", _hoisted_2$e, [
+        __props.prefix || "prefix" in _ctx.$slots ? (openBlock(), createElementBlock("span", _hoisted_2$g, [
           renderSlot(_ctx.$slots, "prefix", {}, () => [
             createTextVNode(toDisplayString(__props.prefix), 1)
           ])
@@ -5977,7 +5977,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           onChange,
           onFocus,
           onBlur
-        }), null, 16, _hoisted_3$b)) : (openBlock(), createElementBlock("textarea", mergeProps({
+        }), null, 16, _hoisted_3$c)) : (openBlock(), createElementBlock("textarea", mergeProps({
           key: 3,
           id: __props.id ?? unref(uid2),
           ref_key: "textbox",
@@ -6000,7 +6000,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           onChange,
           onFocus,
           onBlur
-        }), null, 16, _hoisted_4$6)),
+        }), null, 16, _hoisted_4$7)),
         __props.autofit ? (openBlock(), createElementBlock("span", {
           key: 4,
           ref_key: "placeholderRef",
@@ -6017,7 +6017,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           onClick: clear2
         }, [
           createVNode(unref(IconClearCircle), { "aria-hidden": "true" })
-        ], 8, _hoisted_5$5)) : createCommentVNode("", true),
+        ], 8, _hoisted_5$6)) : createCommentVNode("", true),
         "trailing-icon" in _ctx.$slots ? (openBlock(), createElementBlock("span", {
           key: 6,
           class: "ui-v1-textbox__icon ui-v1-textbox__icon_trailing",
@@ -6030,17 +6030,17 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(__props.suffix), 1)
           ])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$q);
+      ], 16, _hoisted_1$u);
     };
   }
 });
-var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$6 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$4 || {});
+})(SIZE$6 || {});
 const deltaTransition$1 = (el) => {
   const delta = el.scrollWidth - el.clientWidth;
   return delta !== 0 ? {
@@ -6048,17 +6048,17 @@ const deltaTransition$1 = (el) => {
     animationDuration: `${delta * 15}ms`
   } : {};
 };
-const _hoisted_1$p = {
+const _hoisted_1$t = {
   key: 0,
   class: "ui-v1-menu-item__avatar"
 };
-const _hoisted_2$d = {
+const _hoisted_2$f = {
   key: 1,
   class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_leading"
 };
-const _hoisted_3$a = { class: "ui-v1-menu-item__content" };
-const _hoisted_4$5 = { class: "ui-v1-menu-item__text" };
-const _hoisted_5$4 = {
+const _hoisted_3$b = { class: "ui-v1-menu-item__content" };
+const _hoisted_4$6 = { class: "ui-v1-menu-item__text" };
+const _hoisted_5$5 = {
   key: 0,
   class: "ui-v1-menu-item__description"
 };
@@ -6070,13 +6070,13 @@ const _hoisted_7$2 = {
   key: 3,
   class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_trailing"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "UiMenuItem",
   props: {
     /** Размер */
     size: {
       type: String,
-      default: SIZE$4.MD
+      default: SIZE$6.MD
     },
     /** Описание */
     description: {
@@ -6149,13 +6149,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           }),
           onMouseoverOnce: onHover
         }, [
-          _ctx.$slots["avatar"] ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+          _ctx.$slots["avatar"] ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
             renderSlot(_ctx.$slots, "avatar")
-          ])) : _ctx.$slots["leading-icon"] ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+          ])) : _ctx.$slots["leading-icon"] ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
             renderSlot(_ctx.$slots, "leading-icon")
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3$a, [
-            createElementVNode("div", _hoisted_4$5, [
+          createElementVNode("div", _hoisted_3$b, [
+            createElementVNode("div", _hoisted_4$6, [
               __props.ticker ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 ref_key: "textRef",
@@ -6166,7 +6166,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "default")
               ], 4)) : renderSlot(_ctx.$slots, "default", { key: 1 })
             ]),
-            _ctx.$slots["description"] || __props.description ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
+            _ctx.$slots["description"] || __props.description ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
               renderSlot(_ctx.$slots, "description", {}, () => [
                 createTextVNode(toDisplayString(__props.description), 1)
               ])
@@ -6181,7 +6181,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -6359,7 +6359,7 @@ const isQuickDateEqual = (first, second) => {
   }
   return false;
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "UiDatePickerQuickMenu",
   props: {
     value: {
@@ -6385,18 +6385,18 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       emit("change", props.nullable && isActive(date) ? null : date);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$x, {
+      return openBlock(), createBlock(_sfc_main$H, {
         class: "ui-v1-date-picker__quick-menu",
         role: "menu",
         native: ""
       }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$y, {
+            return openBlock(), createBlock(_sfc_main$I, {
               key: "quick-item-" + index,
               active: isActive(item.value),
               "aria-current": isActive(item.value) ? "true" : "false",
-              size: unref(SIZE$4).SM,
+              size: unref(SIZE$6).SM,
               role: "menuitem",
               onClick: ($event) => onClick(item.value)
             }, {
@@ -6437,11 +6437,11 @@ const _i18n$4 = define({
     "ru-RU": messages_ru_RU$4
   }
 });
-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$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = ["id", "aria-controls", "aria-disabled", "aria-expanded", "aria-readonly"];
+const _hoisted_2$e = ["id"];
+const _hoisted_3$a = { class: "ui-v1-date-picker__workspace" };
+const _hoisted_4$5 = { class: "ui-v1-date-picker__action" };
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6486,8 +6486,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     },
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$2).includes(appearance),
-      default: APPEARANCE$2.SINGLE
+      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
+      default: APPEARANCE$4.SINGLE
     },
     synchronization: {
       type: String,
@@ -6808,7 +6808,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           onClick: toggle
         }, [
           renderSlot(_ctx.$slots, "trigger")
-        ])) : (openBlock(), createBlock(_sfc_main$z, mergeProps({
+        ])) : (openBlock(), createBlock(_sfc_main$J, mergeProps({
           key: 1,
           id: inputId.value,
           ref_key: "textbox",
@@ -6843,7 +6843,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             key: "0"
           } : void 0
         ]), 1040, ["id", "clearable", "value", "placeholder", "active", "disabled", "readonly"])),
-        createVNode(_sfc_main$D, mergeProps({
+        createVNode(_sfc_main$N, mergeProps({
           id: `${inputId.value}-popper`,
           visible: showCalendar.value,
           target: triggerTarget.value,
@@ -6866,15 +6866,15 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
             }, [
-              __props.quickOptions.length > 0 ? (openBlock(), createBlock(_sfc_main$w, {
+              __props.quickOptions.length > 0 ? (openBlock(), createBlock(_sfc_main$G, {
                 key: 0,
                 value: view.value,
                 items: __props.quickOptions,
                 nullable: __props.nullable,
                 onChange: onQuickChange
               }, null, 8, ["value", "items", "nullable"])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$9, [
-                createVNode(_sfc_main$I, {
+              createElementVNode("div", _hoisted_3$a, [
+                createVNode(_sfc_main$S, {
                   ref_key: "calendar",
                   ref: calendar,
                   value: view.value,
@@ -6891,11 +6891,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   key: 0,
                   class: normalizeClass({
                     "ui-v1-date-picker__footer": true,
-                    "ui-v1-date-picker__footer_horizontal": __props.appearance === unref(APPEARANCE$2).DOUBLE
+                    "ui-v1-date-picker__footer_horizontal": __props.appearance === unref(APPEARANCE$4).DOUBLE
                   })
                 }, [
-                  createElementVNode("div", _hoisted_4$4, [
-                    createVNode(_sfc_main$M, {
+                  createElementVNode("div", _hoisted_4$5, [
+                    createVNode(_sfc_main$W, {
                       appearance: "tertiary",
                       class: "ui-v1-date-picker__button",
                       onClick: reset
@@ -6905,7 +6905,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(_sfc_main$M, {
+                    createVNode(_sfc_main$W, {
                       class: "ui-v1-date-picker__button",
                       onClick: apply2
                     }, {
@@ -6917,11 +6917,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   ])
                 ], 2)) : createCommentVNode("", true)
               ])
-            ], 8, _hoisted_2$c)
+            ], 8, _hoisted_2$e)
           ]),
           _: 1
         }, 16, ["id", "visible", "target", "container", "placement", "aria-hidden", "class", "disabled"])
-      ], 16, _hoisted_1$o);
+      ], 16, _hoisted_1$s);
     };
   }
 });
@@ -6930,7 +6930,7 @@ var ALIGN$1 = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
 })(ALIGN$1 || {});
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -6969,46 +6969,46 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = {
+const _hoisted_1$r = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, [..._cache[0] || (_cache[0] = [
+function render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$r, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconChevronDown = { render: render$9 };
-const _hoisted_1$m = {
+const IconChevronDown = { render: render$a };
+const _hoisted_1$q = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, [..._cache[0] || (_cache[0] = [
+function render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconChevronUp = { render: render$8 };
-const _hoisted_1$l = ["id", "aria-expanded", "aria-hidden"];
-const _hoisted_2$b = {
+const IconChevronUp = { render: render$9 };
+const _hoisted_1$p = ["id", "aria-expanded", "aria-hidden"];
+const _hoisted_2$d = {
   "aria-hidden": "true",
   class: "ui-v1-infobox__media"
 };
-const _hoisted_3$8 = { class: "ui-v1-infobox__icon" };
-const _hoisted_4$3 = { class: "ui-v1-infobox__content" };
-const _hoisted_5$3 = {
+const _hoisted_3$9 = { class: "ui-v1-infobox__icon" };
+const _hoisted_4$4 = { class: "ui-v1-infobox__content" };
+const _hoisted_5$4 = {
   key: 0,
   class: "ui-v1-infobox__header"
 };
 const _hoisted_6$2 = ["id"];
 const _hoisted_7$1 = ["aria-controls", "aria-expanded"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7145,7 +7145,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       syncExpandedFromProps();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$S, {
+      return openBlock(), createBlock(_sfc_main$10, {
         name: "fade",
         onAfterEnter,
         onAfterLeave,
@@ -7165,8 +7165,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             },
             role: "alert"
           }, rootAttrs.value), [
-            createElementVNode("div", _hoisted_2$b, [
-              createElementVNode("div", _hoisted_3$8, [
+            createElementVNode("div", _hoisted_2$d, [
+              createElementVNode("div", _hoisted_3$9, [
                 renderSlot(_ctx.$slots, "icon", {
                   expanded: state.shouldBeExpanded
                 }, () => [
@@ -7174,8 +7174,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 ])
               ])
             ]),
-            createElementVNode("div", _hoisted_4$3, [
-              hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+            createElementVNode("div", _hoisted_4$4, [
+              hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
                 hasTitle.value ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   id: titleId.value,
@@ -7211,7 +7211,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   }))
                 ], 8, _hoisted_7$1)) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
-              createVNode(_sfc_main$G, {
+              createVNode(_sfc_main$Q, {
                 id: bodyId.value,
                 "aria-labelledby": hasTitle.value ? titleId.value : void 0,
                 expanded: bodyExpanded.value,
@@ -7239,7 +7239,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(unref(IconClear), { class: "ui-v1-infobox__closer-icon" })
             ])) : createCommentVNode("", true)
-          ], 16, _hoisted_1$l), [
+          ], 16, _hoisted_1$p), [
             [vShow, state.shouldBeShown]
           ])
         ]),
@@ -7248,28 +7248,28 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$o = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, [..._cache[0] || (_cache[0] = [
+function render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconOpenInNew = { render: render$7 };
-var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
+const IconOpenInNew = { render: render$8 };
+var APPEARANCE$3 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["BREADCRUMBS"] = "breadcrumbs";
   APPEARANCE2["DEFAULT"] = "default";
   APPEARANCE2["NAVIGATION"] = "navigation";
   APPEARANCE2["NAVIGATION_ANCHOR"] = "navigation-anchor";
   APPEARANCE2["TITLE"] = "title";
   return APPEARANCE2;
-})(APPEARANCE$1 || {});
-var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
+})(APPEARANCE$3 || {});
+var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["ARTICLE"] = "article";
   SIZE2["BODY"] = "body";
   SIZE2["PARAGRAPH"] = "paragraph";
@@ -7278,17 +7278,17 @@ var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["TITLE01"] = "title-01";
   SIZE2["TITLE02"] = "title-02";
   return SIZE2;
-})(SIZE$3 || {});
-const _hoisted_1$j = ["href", "target"];
-const _hoisted_2$a = {
+})(SIZE$5 || {});
+const _hoisted_1$n = ["href", "target"];
+const _hoisted_2$c = {
   key: 0,
   class: "ui-v1-link__inner"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$8 = {
   key: 2,
   class: "ui-v1-link__icon"
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -7308,14 +7308,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     /** Тип ссылок */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance),
-      default: APPEARANCE$1.DEFAULT
+      validator: (appearance) => Object.values(APPEARANCE$3).includes(appearance),
+      default: APPEARANCE$3.DEFAULT
     },
     /** Размер текста */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$3).includes(size),
-      default: SIZE$3.BODY
+      validator: (size) => Object.values(SIZE$5).includes(size),
+      default: SIZE$5.BODY
     },
     /** Инвертированный цвет ссылок для тёмного фона */
     light: {
@@ -7357,19 +7357,19 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         },
         target: __props.external ? "_blank" : "_self"
       }, _ctx.$attrs), [
-        __props.dotted ? (openBlock(), createElementBlock("span", _hoisted_2$a, [
+        __props.dotted ? (openBlock(), createElementBlock("span", _hoisted_2$c, [
           renderSlot(_ctx.$slots, "default")
         ])) : renderSlot(_ctx.$slots, "default", { key: 1 }),
-        _ctx.$slots.icon || __props.external ? (openBlock(), createElementBlock("span", _hoisted_3$7, [
+        _ctx.$slots.icon || __props.external ? (openBlock(), createElementBlock("span", _hoisted_3$8, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             createVNode(unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
           ])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$j);
+      ], 16, _hoisted_1$n);
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -7401,7 +7401,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$S : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$10 : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -7435,27 +7435,27 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-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 = {
+const _sfc_main$A = {};
+const _hoisted_1$m = { class: "ui-v1-menu-item-group" };
+const _hoisted_2$b = { class: "ui-v1-menu-item-group__head" };
+const _hoisted_3$7 = {
   key: 0,
   class: "ui-v1-menu-item-group__head-option"
 };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   key: 1,
   class: "ui-v1-menu-item-group__head-inner"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$3 = {
   key: 0,
   class: "ui-v1-menu-item-group__count"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
-    createElementVNode("div", _hoisted_2$9, [
-      _ctx.$slots.option ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [
+    createElementVNode("div", _hoisted_2$b, [
+      _ctx.$slots.option ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
         renderSlot(_ctx.$slots, "option")
-      ])) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
+      ])) : (openBlock(), createElementBlock("div", _hoisted_4$3, [
         createElementVNode("div", {
           class: normalizeClass({
             "ui-v1-menu-item-group__title": true,
@@ -7464,7 +7464,7 @@ function _sfc_render(_ctx, _cache) {
         }, [
           renderSlot(_ctx.$slots, "label")
         ], 2),
-        _ctx.$slots.quantity ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+        _ctx.$slots.quantity ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
           renderSlot(_ctx.$slots, "quantity")
         ])) : createCommentVNode("", true)
       ]))
@@ -7472,7 +7472,7 @@ function _sfc_render(_ctx, _cache) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render]]);
+const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render]]);
 class LayerRegistry {
   registry;
   started = false;
@@ -7544,8 +7544,8 @@ const plugin = {
   }
 };
 const nextAnimationFrame = async () => new Promise((resolve) => requestAnimationFrame(resolve));
-let counter$1 = 0;
-const uid = (prefix) => `${prefix}-${++counter$1}`;
+let counter$2 = 0;
+const uid = (prefix) => `${prefix}-${++counter$2}`;
 var CLOSE_METHOD = /* @__PURE__ */ ((CLOSE_METHOD2) => {
   CLOSE_METHOD2["CLICK_CROSS"] = "Cross";
   CLOSE_METHOD2["CLICK_OUTSIDE"] = "Outside";
@@ -7563,16 +7563,16 @@ var SCROLLING$1 = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NONE"] = "none";
   return SCROLLING2;
 })(SCROLLING$1 || {});
-var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   SIZE2["SM"] = "sm";
   return SIZE2;
-})(SIZE$2 || {});
-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 = {
+})(SIZE$4 || {});
+const _hoisted_1$l = ["id", "aria-hidden", "role"];
+const _hoisted_2$a = ["id"];
+const _hoisted_3$6 = { class: "ui-v1-modal-sidebar__header" };
+const _hoisted_4$2 = { class: "ui-v1-modal-sidebar__header-inner" };
+const _hoisted_5$2 = {
   "aria-level": "1",
   class: "ui-v1-modal-sidebar__title",
   role: "heading"
@@ -7586,7 +7586,7 @@ const _hoisted_8 = {
   key: 2,
   class: "ui-v1-modal-sidebar__footer"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7632,7 +7632,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     /** Размер панели */
     size: {
       type: String,
-      default: SIZE$2.SM
+      default: SIZE$4.SM
     },
     /** ARIA-роль модального контейнера */
     role: {
@@ -7812,7 +7812,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         key: 0,
         to: unref(globals)?.container || "body"
       }, [
-        createVNode(_sfc_main$S, {
+        createVNode(_sfc_main$10, {
           name: "fade-2",
           onBeforeEnter: _cache[5] || (_cache[5] = ($event) => visibilityOfOverlay.value = "showing"),
           onAfterEnter: _cache[6] || (_cache[6] = ($event) => visibilityOfOverlay.value = "shown"),
@@ -7833,7 +7833,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               "aria-modal": "true",
               role: __props.role
             }, _ctx.$attrs, { onClick: onBackdropClick }), [
-              createVNode(_sfc_main$S, {
+              createVNode(_sfc_main$10, {
                 name: `slide-${__props.direction}`,
                 onBeforeEnter: _cache[1] || (_cache[1] = ($event) => visibilityOfSidebar.value = "showing"),
                 onAfterEnter: _cache[2] || (_cache[2] = ($event) => visibilityOfSidebar.value = "shown"),
@@ -7848,13 +7848,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       "ui-v1-modal-sidebar": true,
                       "ui-v1-modal-sidebar_fixed": __props.fixed,
                       "ui-v1-modal-sidebar_left": __props.direction === unref(DIRECTION$2).LEFT,
-                      "ui-v1-modal-sidebar_size_sm": __props.size === unref(SIZE$2).SM,
-                      "ui-v1-modal-sidebar_size_lg": __props.size === unref(SIZE$2).LG
+                      "ui-v1-modal-sidebar_size_sm": __props.size === unref(SIZE$4).SM,
+                      "ui-v1-modal-sidebar_size_lg": __props.size === unref(SIZE$4).LG
                     })
                   }, [
-                    createElementVNode("header", _hoisted_3$5, [
-                      createElementVNode("div", _hoisted_4$1, [
-                        createElementVNode("div", _hoisted_5$1, [
+                    createElementVNode("header", _hoisted_3$6, [
+                      createElementVNode("div", _hoisted_4$2, [
+                        createElementVNode("div", _hoisted_5$2, [
                           renderSlot(_ctx.$slots, "title", {
                             overlapped: state.overlapped
                           })
@@ -7874,7 +7874,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                           "aria-hidden": "true",
                           width: "32"
                         }),
-                        createVNode(_sfc_main$C, {
+                        createVNode(_sfc_main$M, {
                           target: closerTarget.value,
                           "offset-main-axis": 0
                         }, {
@@ -7889,7 +7889,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       renderSlot(_ctx.$slots, "default", {
                         overlapped: state.overlapped
                       })
-                    ])) : (openBlock(), createBlock(_sfc_main$x, {
+                    ])) : (openBlock(), createBlock(_sfc_main$H, {
                       key: 1,
                       native: __props.scrolling === unref(SCROLLING$1).NATIVE,
                       class: "ui-v1-modal-sidebar__body",
@@ -7908,11 +7908,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                         overlapped: state.overlapped
                       })
                     ])) : createCommentVNode("", true)
-                  ], 10, _hoisted_2$8)) : createCommentVNode("", true)
+                  ], 10, _hoisted_2$a)) : createCommentVNode("", true)
                 ]),
                 _: 3
               }, 8, ["name"])
-            ], 16, _hoisted_1$h), [
+            ], 16, _hoisted_1$l), [
               [vShow, state.shown]
             ])
           ]),
@@ -7922,19 +7922,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var APPEARANCE = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$2 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["ALERT"] = "alert";
   APPEARANCE2["DIALOG"] = "dialog";
   APPEARANCE2["POPUP"] = "popup";
   APPEARANCE2["HINT"] = "hint";
   return APPEARANCE2;
-})(APPEARANCE || {});
+})(APPEARANCE$2 || {});
 var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NORMAL"] = "normal";
   SCROLLING2["NATIVE"] = "native";
   return SCROLLING2;
 })(SCROLLING || {});
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -7955,8 +7955,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     /** Внешний вид */
     appearance: {
       type: String,
-      validator: (appearance) => expect(appearance).toBeOneOf(APPEARANCE),
-      default: APPEARANCE.POPUP
+      validator: (appearance) => expect(appearance).toBeOneOf(APPEARANCE$2),
+      default: APPEARANCE$2.POPUP
     },
     /** Вывод на весь экран */
     fullscreen: {
@@ -8154,7 +8154,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return h(_sfc_main$S, {
+      return h(_sfc_main$10, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -8164,10 +8164,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         ref: body,
         class: {
           "ui-v1-modal-window": true,
-          "ui-v1-modal-window_alert": appearance === APPEARANCE.ALERT,
-          "ui-v1-modal-window_dialog": appearance === APPEARANCE.DIALOG,
-          "ui-v1-modal-window_popup": appearance === APPEARANCE.POPUP,
-          "ui-v1-modal-window_hint": appearance === APPEARANCE.HINT,
+          "ui-v1-modal-window_alert": appearance === APPEARANCE$2.ALERT,
+          "ui-v1-modal-window_dialog": appearance === APPEARANCE$2.DIALOG,
+          "ui-v1-modal-window_popup": appearance === APPEARANCE$2.POPUP,
+          "ui-v1-modal-window_hint": appearance === APPEARANCE$2.HINT,
           "ui-v1-popper-container": true
         }
       }, slots) : []);
@@ -8179,7 +8179,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : h(Teleport, {
       to: globals?.container ?? document.body
-    }, h(_sfc_main$S, {
+    }, h(_sfc_main$10, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -8197,11 +8197,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, h(_sfc_main$x, {
+      }, h(_sfc_main$H, {
         class: {
           "ui-v1-modal-window-container": true,
           "ui-v1-modal-window-container_fullscreen": props.fullscreen,
-          "ui-v1-modal-window-container_responsive": props.responsive && props.appearance === APPEARANCE.POPUP
+          "ui-v1-modal-window-container_responsive": props.responsive && props.appearance === APPEARANCE$2.POPUP
         },
         showOnMac: true,
         native: props.scrolling === SCROLLING.NATIVE,
@@ -8221,12 +8221,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$k = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, [..._cache[0] || (_cache[0] = [
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -8235,18 +8235,18 @@ function render$6(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconWarning = { render: render$6 };
-const _hoisted_1$f = {
+const IconWarning = { render: render$7 };
+const _hoisted_1$j = {
   key: 0,
   class: "ui-v1-modal-window__icon"
 };
-const _hoisted_2$7 = ["id"];
-const _hoisted_3$4 = ["disabled"];
-const _hoisted_4 = {
+const _hoisted_2$9 = ["id"];
+const _hoisted_3$5 = ["disabled"];
+const _hoisted_4$1 = {
   key: 1,
   class: "ui-v1-modal-window__content"
 };
-const _hoisted_5 = {
+const _hoisted_5$1 = {
   key: 2,
   class: "ui-v1-modal-window__footer"
 };
@@ -8254,7 +8254,7 @@ const _hoisted_6 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -8275,8 +8275,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     /** Внешний вид: алерт, диалог, popup, hint */
     appearance: {
       type: String,
-      validator: (value) => expect(value).toBeOneOf(APPEARANCE),
-      default: APPEARANCE.POPUP
+      validator: (value) => expect(value).toBeOneOf(APPEARANCE$2),
+      default: APPEARANCE$2.POPUP
     },
     /** Время, через которое плавающий элемент удаляется со страницы, если был скрыт */
     disposeTimeout: {
@@ -8374,7 +8374,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.opened, toggle);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$o, mergeProps({
+      return openBlock(), createBlock(_sfc_main$y, mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -8400,10 +8400,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass({
               "ui-v1-modal-window__header": true,
-              "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === unref(APPEARANCE).POPUP && !__props.responsive
+              "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === unref(APPEARANCE$2).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === unref(APPEARANCE).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+            __props.appearance === unref(APPEARANCE$2).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
               renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -8418,8 +8418,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "title", {
                 overlapped: state.overlapped
               })
-            ], 8, _hoisted_2$7)) : createCommentVNode("", true),
-            __props.appearance !== unref(APPEARANCE).ALERT ? (openBlock(), createElementBlock("button", {
+            ], 8, _hoisted_2$9)) : createCommentVNode("", true),
+            __props.appearance !== unref(APPEARANCE$2).ALERT ? (openBlock(), createElementBlock("button", {
               key: 2,
               "aria-keyshortcuts": "Esc",
               "aria-label": "Close dialog",
@@ -8432,9 +8432,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 title: "Close dialog",
                 style: { "width": "100%" }
               })
-            ], 8, _hoisted_3$4)) : createCommentVNode("", true)
+            ], 8, _hoisted_3$5)) : createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (openBlock(), createBlock(_sfc_main$x, {
+          __props.responsive ? (openBlock(), createBlock(_sfc_main$H, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -8446,13 +8446,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 3
-          })) : (openBlock(), createElementBlock("div", _hoisted_4, [
+          })) : (openBlock(), createElementBlock("div", _hoisted_4$1, [
             renderSlot(_ctx.$slots, "default", {
               overlapped: state.overlapped
             })
           ])),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            __props.appearance === unref(APPEARANCE).HINT ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+            __props.appearance === unref(APPEARANCE$2).HINT ? (openBlock(), createElementBlock("div", _hoisted_6, [
               renderSlot(_ctx.$slots, "footer", {
                 overlapped: state.overlapped
               })
@@ -8467,58 +8467,58 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$i = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconAdd = { render: render$5 };
-const _hoisted_1$d = {
+const IconAdd = { render: render$6 };
+const _hoisted_1$h = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$d, [..._cache[0] || (_cache[0] = [
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconCaret = { render: render$4 };
-const _hoisted_1$c = {
+const IconCaret = { render: render$5 };
+const _hoisted_1$g = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, [..._cache[0] || (_cache[0] = [
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconCaretUp = { render: render$3 };
-const _hoisted_1$b = {
+const IconCaretUp = { render: render$4 };
+const _hoisted_1$f = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
+function render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
     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"
     }, null, -1)
   ])]);
 }
-const IconRemove = { render: render$2 };
+const IconRemove = { render: render$3 };
 var DIRECTION$1 = /* @__PURE__ */ ((DIRECTION2) => {
   DIRECTION2["HORIZONTAL"] = "horizontal";
   DIRECTION2["VERTICAL"] = "vertical";
@@ -8621,10 +8621,10 @@ const _i18n$3 = define({
     "ru-RU": messages_ru_RU$3
   }
 });
-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$m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["id", "aria-disabled", "aria-readonly"];
+const _hoisted_2$8 = ["id", "aria-controls", "aria-label", "disabled"];
+const _hoisted_3$4 = ["id", "aria-controls", "aria-label", "disabled"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8686,8 +8686,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     },
     size: {
       type: String,
-      validator: (value) => Object.values(SIZE$5).includes(value),
-      default: SIZE$5.SM
+      validator: (value) => Object.values(SIZE$7).includes(value),
+      default: SIZE$7.SM
     },
     outlined: {
       type: Boolean,
@@ -8972,8 +8972,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             "aria-hidden": "true",
             class: "ui-v1-number-stepper__icon"
           }))
-        ], 8, _hoisted_2$6),
-        createVNode(_sfc_main$z, mergeProps(resolvedTextboxOptions.value, {
+        ], 8, _hoisted_2$8),
+        createVNode(_sfc_main$J, mergeProps(resolvedTextboxOptions.value, {
           id: stepperId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -9012,63 +9012,446 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             "aria-hidden": "true",
             class: "ui-v1-number-stepper__icon"
           }))
-        ], 8, _hoisted_3$3)
-      ], 16, _hoisted_1$a);
-    };
-  }
-});
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  __name: "UiPopperConnector",
-  setup(__props) {
-    const target = ref(null);
-    provide(ElementRefKey, target);
-    provide(PopperTargetKey, computed(() => target.value));
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "UiPopperTarget",
-  props: {
-    tag: {
-      type: String,
-      default: "div"
-    }
-  },
-  setup(__props) {
-    const root = useElementRef();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({
-        ref_key: "root",
-        ref: root
-      }, _ctx.$attrs), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
+        ], 8, _hoisted_3$4)
+      ], 16, _hoisted_1$e);
     };
   }
 });
-const _hoisted_1$9 = ["id", "name", "value", "checked", "required", "disabled"];
-let nameCounter = 0;
-let idCounter = 0;
-const __default__$1 = {};
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  ...{
-    inheritAttrs: false
-  },
-  __name: "UiRadio",
+const _hoisted_1$d = ["id", "aria-label", "role", "tabindex", "onKeydown"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "UiPageHeaderTitle",
   props: {
+    /** Уникальный идентификатор корневого элемента */
     id: {
       type: null,
       validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
-      default: () => "ui-v1-radio-" + ++idCounter
+      default: void 0
     },
-    /** Атрибут name нативного поля ввода */
-    name: {
+    /** Текст заголовка */
+    value: {
+      type: null,
+      default: ""
+    },
+    /** Плейсхолдер, отображаемый при отсутствии текста */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /** Текст ошибки для tooltip при пустом невалидном заголовке */
+    error: {
+      type: String,
+      default: ""
+    },
+    /** Разрешает перейти в режим редактирования по клику */
+    editable: {
+      type: Boolean,
+      default: false
+    },
+    /** Автоматически переводит фокус во встроенный UiTextbox при монтировании */
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
+    /** Автоматически выделяет текст заголовка при фокусе на встроенном поле */
+    autoselect: {
+      type: Boolean,
+      default: true
+    },
+    /** Делает встроенное поле только для чтения */
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    /** Полностью отключает заголовок */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /** Помечает встроенное поле как невалидное */
+    invalid: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["blur", "change", "focus", "keydown", "update:value"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const uid2 = useId();
+    const textbox = ref(null);
+    const isEditing = ref(false);
+    const currentValue = ref(props.value === null ? "" : String(props.value));
+    const textboxId = computed(() => `${props.id ?? uid2}-input`);
+    const canEdit = computed(() => props.editable && !props.readonly && !props.disabled);
+    const displayPlaceholder = computed(() => currentValue.value ? "" : props.placeholder);
+    const displayInvalid = computed(() => props.invalid && currentValue.value === "");
+    const displayError = computed(() => displayInvalid.value && props.error !== "");
+    watch(() => props.value, (nextValue) => {
+      currentValue.value = nextValue === null ? "" : String(nextValue);
+    });
+    watch(canEdit, (nextCanEdit) => {
+      if (!nextCanEdit) {
+        isEditing.value = false;
+      }
+    });
+    watch(displayError, async (nextDisplayError) => {
+      if (!nextDisplayError || !canEdit.value) {
+        return;
+      }
+      isEditing.value = true;
+      await nextTick();
+      textbox.value?.focus();
+    }, {
+      immediate: true
+    });
+    const startEditing = async () => {
+      if (!canEdit.value || isEditing.value) {
+        return;
+      }
+      isEditing.value = true;
+      await nextTick();
+      textbox.value?.focus();
+    };
+    const onMouseDown = (event) => {
+      if (!canEdit.value || isEditing.value) {
+        return;
+      }
+      event.preventDefault();
+      void startEditing();
+    };
+    const onBlur = (event) => {
+      if (displayError.value && canEdit.value) {
+        isEditing.value = true;
+        emit("blur", event);
+        void nextTick().then(() => {
+          textbox.value?.focus();
+        });
+        return;
+      }
+      isEditing.value = false;
+      emit("blur", event);
+    };
+    const onUpdateValue = (value) => {
+      currentValue.value = String(value);
+      emit("update:value", value);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Enter" && !event.shiftKey && !event.isComposing) {
+        event.preventDefault();
+        if (!displayError.value) {
+          textbox.value?.blur();
+          isEditing.value = false;
+        }
+      }
+      emit("keydown", event);
+    };
+    __expose({
+      focus: () => {
+        void startEditing();
+      },
+      blur: () => {
+        if (displayError.value && canEdit.value) {
+          void nextTick().then(() => {
+            textbox.value?.focus();
+          });
+          return;
+        }
+        textbox.value?.blur();
+        isEditing.value = false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return !isEditing.value && !displayError.value ? (openBlock(), createElementBlock("h1", {
+        key: 0,
+        id: textboxId.value,
+        "aria-label": __props.placeholder || currentValue.value || "Page title",
+        class: normalizeClass({
+          "ui-v1-page-header__trigger": true,
+          "ui-v1-page-header__trigger_editable": canEdit.value,
+          "ui-v1-page-header__trigger_empty": !!displayPlaceholder.value
+        }),
+        role: canEdit.value ? "button" : void 0,
+        tabindex: canEdit.value ? 0 : void 0,
+        onMousedown: onMouseDown,
+        onClick: startEditing,
+        onKeydown: [
+          withKeys(withModifiers(startEditing, ["prevent"]), ["enter"]),
+          withKeys(withModifiers(startEditing, ["prevent"]), ["space"])
+        ]
+      }, toDisplayString(currentValue.value || displayPlaceholder.value), 43, _hoisted_1$d)) : (openBlock(), createBlock(_sfc_main$J, {
+        key: 1,
+        id: textboxId.value,
+        ref_key: "textbox",
+        ref: textbox,
+        value: currentValue.value,
+        autofocus: __props.autofocus,
+        autoselect: __props.autoselect,
+        disabled: __props.disabled,
+        "input-attributes": { "aria-label": __props.placeholder || "Page title" },
+        invalid: displayInvalid.value,
+        outlined: false,
+        placeholder: displayPlaceholder.value,
+        readonly: __props.readonly,
+        size: "xl",
+        autofit: "",
+        class: "ui-v1-page-header__textbox",
+        onBlur,
+        onChange: _cache[0] || (_cache[0] = ($event) => emit("change", $event)),
+        onFocus: _cache[1] || (_cache[1] = ($event) => emit("focus", $event)),
+        onKeydown: onKeyDown,
+        "onUpdate:value": onUpdateValue
+      }, null, 8, ["id", "value", "autofocus", "autoselect", "disabled", "input-attributes", "invalid", "placeholder", "readonly"]));
+    };
+  }
+});
+const _hoisted_1$c = ["id"];
+const _hoisted_2$7 = { class: "ui-v1-page-header__main" };
+const _hoisted_3$3 = { class: "ui-v1-page-header__title" };
+const _hoisted_4 = {
+  key: 0,
+  class: "ui-v1-page-header__addon"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "ui-v1-page-header__actions"
+};
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiPageHeaderLayout",
+  props: {
+    /** Уникальный идентификатор корневого элемента */
+    id: {
+      type: null,
+      validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
+      default: void 0
+    },
+    /** Текст заголовка */
+    value: {
+      type: null,
+      default: ""
+    },
+    /** Плейсхолдер, отображаемый при отсутствии текста */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /** Текст ошибки для tooltip при пустом невалидном заголовке */
+    error: {
+      type: String,
+      default: ""
+    },
+    /** Разрешает перейти в режим редактирования по клику */
+    editable: {
+      type: Boolean,
+      default: false
+    },
+    /** Автоматически переводит фокус во встроенный UiTextbox при монтировании */
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
+    /** Автоматически выделяет текст заголовка при фокусе на встроенном поле */
+    autoselect: {
+      type: Boolean,
+      default: true
+    },
+    /** Делает встроенное поле только для чтения */
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    /** Полностью отключает заголовок */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /** Помечает встроенное поле как невалидное */
+    invalid: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["blur", "change", "focus", "keydown", "update:value"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const uid2 = useId();
+    const main = ref(null);
+    const displayInvalid = computed(() => {
+      const currentValue = __props.value === null ? "" : String(__props.value);
+      return __props.invalid && currentValue === "";
+    });
+    __expose({
+      focus: () => main.value?.focus(),
+      blur: () => main.value?.blur()
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        id: __props.id ?? unref(uid2),
+        class: {
+          "ui-v1-page-header": true,
+          "ui-v1-page-header_disabled": __props.disabled,
+          "ui-v1-page-header_invalid": displayInvalid.value,
+          "ui-v1-page-header_readonly": __props.readonly
+        }
+      }, _ctx.$attrs), [
+        createElementVNode("div", _hoisted_2$7, [
+          createElementVNode("div", _hoisted_3$3, [
+            createVNode(_sfc_main$v, {
+              id: __props.id,
+              ref_key: "main",
+              ref: main,
+              value: __props.value,
+              placeholder: __props.placeholder,
+              error: __props.error,
+              editable: __props.editable,
+              autofocus: __props.autofocus,
+              autoselect: __props.autoselect,
+              readonly: __props.readonly,
+              disabled: __props.disabled,
+              invalid: __props.invalid,
+              onBlur: _cache[0] || (_cache[0] = ($event) => emit("blur", $event)),
+              onChange: _cache[1] || (_cache[1] = ($event) => emit("change", $event)),
+              onFocus: _cache[2] || (_cache[2] = ($event) => emit("focus", $event)),
+              onKeydown: _cache[3] || (_cache[3] = ($event) => emit("keydown", $event)),
+              "onUpdate:value": _cache[4] || (_cache[4] = ($event) => emit("update:value", $event))
+            }, null, 8, ["id", "value", "placeholder", "error", "editable", "autofocus", "autoselect", "readonly", "disabled", "invalid"])
+          ]),
+          "addon" in _ctx.$slots ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "addon")
+          ])) : createCommentVNode("", true)
+        ]),
+        "actions" in _ctx.$slots ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "actions")
+        ])) : createCommentVNode("", true)
+      ], 16, _hoisted_1$c);
+    };
+  }
+});
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiPageHeader",
+  props: {
+    id: {},
+    value: { default: "" },
+    placeholder: { default: "" },
+    error: { default: "" },
+    editable: { type: Boolean, default: false },
+    autofocus: { type: Boolean, default: false },
+    autoselect: { type: Boolean, default: true },
+    readonly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    invalid: { type: Boolean, default: false }
+  },
+  emits: ["blur", "change", "focus", "keydown", "update:value"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const baseProps = computed(() => ({
+      ...attrs,
+      id: props.id,
+      value: props.value,
+      placeholder: props.placeholder,
+      error: props.error,
+      editable: props.editable,
+      autofocus: props.autofocus,
+      autoselect: props.autoselect,
+      readonly: props.readonly,
+      disabled: props.disabled,
+      invalid: props.invalid
+    }));
+    const base = ref(null);
+    __expose({
+      focus: () => base.value?.focus(),
+      blur: () => base.value?.blur()
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$u, mergeProps({
+        ref_key: "base",
+        ref: base
+      }, baseProps.value, {
+        onBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("blur", $event)),
+        onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("change", $event)),
+        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("focus", $event)),
+        onKeydown: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keydown", $event)),
+        "onUpdate:value": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:value", $event))
+      }), createSlots({ _: 2 }, [
+        _ctx.$slots.addon ? {
+          name: "addon",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "addon")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.actions ? {
+          name: "actions",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "actions")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040);
+    };
+  }
+});
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  __name: "UiPopperConnector",
+  setup(__props) {
+    const target = ref(null);
+    provide(ElementRefKey, target);
+    provide(PopperTargetKey, computed(() => target.value));
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiPopperTarget",
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  setup(__props) {
+    const root = useElementRef();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({
+        ref_key: "root",
+        ref: root
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _hoisted_1$b = ["id", "name", "value", "checked", "required", "disabled"];
+let nameCounter = 0;
+let idCounter = 0;
+const __default__$1 = {};
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiRadio",
+  props: {
+    id: {
+      type: null,
+      validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
+      default: () => "ui-v1-radio-" + ++idCounter
+    },
+    /** Атрибут name нативного поля ввода */
+    name: {
       type: String,
       default: () => "ui-v1-radio-" + ++nameCounter
     },
@@ -9144,32 +9527,125 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           type: "radio",
           class: "ui-v1-radio__input",
           onChange
-        }), null, 16, _hoisted_1$9),
+        }), null, 16, _hoisted_1$b),
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "ui-v1-radio__checkmark" }, null, -1))
       ], 16);
     };
   }
 });
-var TYPE = /* @__PURE__ */ ((TYPE2) => {
-  TYPE2["SINGLE"] = "single";
-  TYPE2["RANGE"] = "range";
-  return TYPE2;
-})(TYPE || {});
-const MIN = 0;
-const MAX = 100;
-const clamp = (value, min2 = MIN, max2 = MAX) => value < min2 ? min2 : value > max2 ? max2 : value;
-const normalize$1 = (value, min2 = MIN, max2 = MAX) => {
-  return min2 !== max2 ? 100 * (clamp(value, min2, max2) - min2) / (max2 - min2) : 0;
-};
-const getValue = (values, reverse) => {
-  const value = [...values];
-  return reverse ? value.reverse() : value;
-};
-const createManipulator = (options) => {
-  let trackLeft = 0;
-  let trackWidth = 0;
-  const actualizeTrack = () => {
-    const rect = options.getTrack()?.getBoundingClientRect() ?? null;
+var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
+  APPEARANCE2["DEFAULT"] = "default";
+  APPEARANCE2["SECTION"] = "section";
+  return APPEARANCE2;
+})(APPEARANCE$1 || {});
+var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["SM"] = "sm";
+  SIZE2["MD"] = "md";
+  SIZE2["LG"] = "lg";
+  return SIZE2;
+})(SIZE$3 || {});
+const _sfc_main$p = defineComponent({
+  name: "UiRadioSwitchOptionShell",
+  inheritAttrs: false,
+  props: {
+    id: {
+      type: String,
+      default: void 0
+    },
+    appearance: {
+      type: String,
+      default: APPEARANCE$1.DEFAULT,
+      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance)
+    },
+    size: {
+      type: String,
+      default: SIZE$3.MD,
+      validator: (size) => Object.values(SIZE$3).includes(size)
+    },
+    checked: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { attrs, expose, slots }) {
+    const root = ref(null);
+    expose({
+      focus: () => root.value?.focus(),
+      blur: () => root.value?.blur()
+    });
+    return () => h("div", {
+      ref: root,
+      ...attrs,
+      id: props.id,
+      role: attrs.role ?? "radio",
+      "aria-checked": `${props.checked}`,
+      "aria-disabled": `${props.disabled}`,
+      class: [attrs.class, {
+        "ui-v1-radio-switch-option": true,
+        "ui-v1-radio-switch-option_standalone": props.appearance === APPEARANCE$1.SECTION,
+        "ui-v1-radio-switch-option_default": props.appearance === APPEARANCE$1.DEFAULT,
+        [`ui-v1-radio-switch-option_${props.size}`]: props.appearance === APPEARANCE$1.DEFAULT,
+        "ui-v1-radio-switch-option_active": props.checked,
+        "ui-v1-radio-switch-option_disabled": props.disabled
+      }]
+    }, slots.default?.());
+  }
+});
+const _sfc_main$o = defineComponent({
+  name: "UiRadioSwitchRoot",
+  props: {
+    appearance: {
+      type: String,
+      default: APPEARANCE$1.DEFAULT,
+      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance)
+    },
+    size: {
+      type: String,
+      default: SIZE$3.MD,
+      validator: (size) => Object.values(SIZE$3).includes(size)
+    },
+    rubber: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { attrs, slots }) {
+    return () => h("div", {
+      ...attrs,
+      role: attrs.role ?? "radiogroup",
+      class: [attrs.class, {
+        "ui-v1-radio-switch": true,
+        [`ui-v1-radio-switch_${props.size}`]: props.appearance === APPEARANCE$1.DEFAULT,
+        "ui-v1-radio-switch_borderless": props.appearance === APPEARANCE$1.SECTION,
+        "ui-v1-radio-switch_rubber": props.rubber
+      }]
+    }, slots.default?.());
+  }
+});
+var TYPE = /* @__PURE__ */ ((TYPE2) => {
+  TYPE2["SINGLE"] = "single";
+  TYPE2["RANGE"] = "range";
+  return TYPE2;
+})(TYPE || {});
+const MIN = 0;
+const MAX = 100;
+const clamp = (value, min2 = MIN, max2 = MAX) => value < min2 ? min2 : value > max2 ? max2 : value;
+const normalize$1 = (value, min2 = MIN, max2 = MAX) => {
+  return min2 !== max2 ? 100 * (clamp(value, min2, max2) - min2) / (max2 - min2) : 0;
+};
+const getValue = (values, reverse) => {
+  const value = [...values];
+  return reverse ? value.reverse() : value;
+};
+const createManipulator = (options) => {
+  let trackLeft = 0;
+  let trackWidth = 0;
+  const actualizeTrack = () => {
+    const rect = options.getTrack()?.getBoundingClientRect() ?? null;
     trackLeft = rect?.left ?? 0;
     trackWidth = rect?.width ?? 0;
   };
@@ -9250,16 +9726,16 @@ const createManipulator = (options) => {
     onDragEnd
   };
 };
-const _hoisted_1$8 = {
+const _hoisted_1$a = {
   key: 0,
   class: "ui-v1-slider__label"
 };
-const _hoisted_2$5 = ["onMousedown", "onKeydown", "onFocus"];
+const _hoisted_2$6 = ["onMousedown", "onKeydown", "onFocus"];
 const _hoisted_3$2 = {
   key: 1,
   class: "ui-v1-slider__label"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "UiSlider",
   props: {
     type: {
@@ -9422,7 +9898,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         onClick: _cache[2] || (_cache[2] = ($event) => unref(onClick)($event)),
         onKeydown: _cache[3] || (_cache[3] = ($event) => onRootKeydown($event))
       }), [
-        props.labelled ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+        props.labelled ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
           renderSlot(_ctx.$slots, "label", {
             boundary: props.min
           })
@@ -9463,7 +9939,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 key: 0,
                 boundary: handle.value
               }) : createCommentVNode("", true)
-            ], 16, _hoisted_2$5);
+            ], 16, _hoisted_2$6);
           }), 128))
         ], 512),
         props.labelled ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
@@ -9486,7 +9962,7 @@ var PLACEMENT = /* @__PURE__ */ ((PLACEMENT2) => {
   PLACEMENT2["LEFT_START"] = "left-start";
   return PLACEMENT2;
 })(PLACEMENT || {});
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "UiSelectPopper",
   props: {
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
@@ -9609,7 +10085,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     onMounted(() => {
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$D, mergeProps({
+      return openBlock(), createBlock(_sfc_main$N, mergeProps({
         id: __props.id + "-popper",
         ref_key: "popper",
         ref: popper,
@@ -9677,7 +10153,7 @@ const _i18n$2 = define({
     "ru-RU": messages_ru_RU$2
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "UiSelectTrigger",
   props: {
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
@@ -9738,8 +10214,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     /** Размер поля ввода */
     textboxSize: {
       type: String,
-      validator: (size) => Object.values(SIZE$5).includes(size),
-      default: SIZE$5.SM
+      validator: (size) => Object.values(SIZE$7).includes(size),
+      default: SIZE$7.SM
     },
     /** Состояние открытия выпадающего списка */
     expanded: {
@@ -9903,7 +10379,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           class: "ui-v1-select__touchstone"
         }, toDisplayString(selectionLabels.value), 513)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "trigger", {}, () => [
-          createVNode(_sfc_main$z, {
+          createVNode(_sfc_main$J, {
             id: __props.id,
             value: inputValue.value,
             placeholder: !inputReadonly.value && __props.expanded ? i18n.value.t("search.placeholder") : __props.placeholder,
@@ -9944,19 +10420,19 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["id", "checked", "disabled", "aria-checked", "aria-disabled"];
-const _hoisted_2$4 = { class: "ui-v1-switch__track" };
+const _hoisted_1$9 = ["id", "checked", "disabled", "aria-checked", "aria-disabled"];
+const _hoisted_2$5 = { class: "ui-v1-switch__track" };
 const _hoisted_3$1 = { class: "ui-v1-switch__handle" };
-let counter = 0;
+let counter$1 = 0;
 const __default__ = {};
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "UiSwitch",
   props: {
     id: {
       type: null,
       validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
-      default: () => "ui-v1-switch-" + ++counter
+      default: () => "ui-v1-switch-" + ++counter$1
     },
     /** Включен/выключен */
     value: {
@@ -10022,8 +10498,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           role: "switch",
           class: "ui-v1-switch__input",
           onChange
-        }), null, 16, _hoisted_1$7),
-        createElementVNode("span", _hoisted_2$4, [
+        }), null, 16, _hoisted_1$9),
+        createElementVNode("span", _hoisted_2$5, [
           createElementVNode("span", _hoisted_3$1, [
             !__props.square ? (openBlock(), createBlock(unref(IconDone), {
               key: 0,
@@ -10057,7 +10533,7 @@ const byRowKey = (key) => {
 };
 const asRowClass = (value) => value;
 const asRowAttrs = (value) => value;
-const _sfc_main$e = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "UiTableBodyCell",
   props: {
     align: {
@@ -10109,7 +10585,7 @@ const toCssSize = (value) => {
   }
   return value;
 };
-const _sfc_main$d = defineComponent({
+const _sfc_main$i = defineComponent({
   name: "UiTableCol",
   props: {
     width: {
@@ -10128,6 +10604,7 @@ const _sfc_main$d = defineComponent({
   setup(props, { attrs }) {
     return () => h("col", {
       ...attrs,
+      width: props.width,
       style: [
         attrs.style ?? null,
         {
@@ -10139,9 +10616,9 @@ const _sfc_main$d = defineComponent({
     });
   }
 });
-const _hoisted_1$6 = ["type"];
-const _hoisted_2$3 = { class: "ui-v1-table__footer-button-content" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["type"];
+const _hoisted_2$4 = { class: "ui-v1-table__footer-button-content" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10159,14 +10636,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         type: __props.type,
         class: "ui-v1-table__footer-button"
       }, _ctx.$attrs), [
-        createElementVNode("span", _hoisted_2$3, [
+        createElementVNode("span", _hoisted_2$4, [
           renderSlot(_ctx.$slots, "default")
         ])
-      ], 16, _hoisted_1$6);
+      ], 16, _hoisted_1$8);
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10179,7 +10656,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "UiTableHeadCell",
   props: {
     align: {
@@ -10204,7 +10681,7 @@ const _sfc_main$a = defineComponent({
     }, slots.default?.());
   }
 });
-const _sfc_main$9 = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "UiTableRoot",
   props: {
     bordered: {
@@ -10227,7 +10704,7 @@ const _sfc_main$9 = defineComponent({
     }, slots.default?.());
   }
 });
-const _sfc_main$8 = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "UiTableRow",
   props: {
     interactive: {
@@ -10255,7 +10732,7 @@ const sectionTagByKind = {
   body: "tbody",
   foot: "tfoot"
 };
-const _sfc_main$7 = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "UiTableSection",
   props: {
     kind: {
@@ -10274,14 +10751,14 @@ const _sfc_main$7 = defineComponent({
     }, slots.default?.());
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$7 = {
   "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__ */ defineComponent({
+const _hoisted_2$3 = { class: "ui-v1-table__sorter-label" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10299,7 +10776,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         type: "button",
         class: "ui-v1-table__sorter"
       }, _ctx.$attrs), [
-        (openBlock(), createElementBlock("svg", _hoisted_1$5, [
+        (openBlock(), createElementBlock("svg", _hoisted_1$7, [
           createElementVNode("path", {
             class: normalizeClass({
               "ui-v1-table__sorter-path": true,
@@ -10315,13 +10792,832 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             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)
         ])),
-        createElementVNode("span", _hoisted_2$2, [
+        createElementVNode("span", _hoisted_2$3, [
           renderSlot(_ctx.$slots, "default")
         ])
       ], 16);
     };
   }
 });
+const _sfc_main$a = defineComponent({
+  name: "UiTab",
+  inheritAttrs: false,
+  props: {
+    id: {
+      type: String,
+      required: true
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    counter: {
+      type: [String, Number],
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup() {
+    return () => null;
+  }
+});
+const _hoisted_1$6 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      d: "M6 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8 2a2 2 0 1 0-4 0 2 2 0 0 0 4 0m4-2a2 2 0 1 1 0 4 2 2 0 0 1 0-4",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const IconMoreHorizontal = { render: render$2 };
+var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["SM"] = "sm";
+  SIZE2["MD"] = "md";
+  SIZE2["LG"] = "lg";
+  return SIZE2;
+})(SIZE$2 || {});
+var APPEARANCE = /* @__PURE__ */ ((APPEARANCE2) => {
+  APPEARANCE2["TEXT"] = "text";
+  APPEARANCE2["FILLED"] = "filled";
+  return APPEARANCE2;
+})(APPEARANCE || {});
+const hasCounter = (value) => {
+  return value !== null && typeof value !== "undefined";
+};
+const _sfc_main$9 = defineComponent({
+  name: "UiTabButton",
+  inheritAttrs: false,
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+    active: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: SIZE$2.MD,
+      validator: (size) => Object.values(SIZE$2).includes(size)
+    },
+    appearance: {
+      type: String,
+      default: APPEARANCE.TEXT,
+      validator: (appearance) => Object.values(APPEARANCE).includes(appearance)
+    }
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    const isIconOnly = computed(() => {
+      return Boolean(props.item.iconOnly);
+    });
+    const focus = () => {
+      root.value?.focus();
+    };
+    const getWidth = () => {
+      return Math.ceil(root.value?.offsetWidth ?? 0);
+    };
+    expose({
+      focus,
+      getWidth
+    });
+    return () => h("button", {
+      ...attrs,
+      ref: root,
+      class: [attrs.class, {
+        "ui-v1-tab": true,
+        [`ui-v1-tab_${props.appearance}`]: true,
+        [`ui-v1-tab_${props.size}`]: true,
+        "ui-v1-tab_active": props.active,
+        "ui-v1-tab_disabled": Boolean(props.item.disabled),
+        "ui-v1-tab_icon-without-text": isIconOnly.value
+      }],
+      disabled: props.item.disabled,
+      type: "button"
+    }, [
+      props.item.iconSlot ? h("span", { class: "ui-v1-tab__icon" }, props.item.iconSlot()) : null,
+      props.item.labelSlot || props.item.label ? h("span", { class: "ui-v1-tab__label" }, props.item.labelSlot?.() ?? [props.item.label]) : null,
+      props.item.counterSlot || hasCounter(props.item.counter) ? h("span", { class: "ui-v1-tab__counter" }, props.item.counterSlot?.() ?? [String(props.item.counter ?? "")]) : null
+    ]);
+  }
+});
+const _hoisted_1$5 = {
+  "aria-hidden": "true",
+  class: "ui-v1-tab-group__measure"
+};
+const _hoisted_2$2 = { class: "ui-v1-tab-group__content" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "UiTabGroupHead",
+  props: {
+    groupId: {
+      type: String,
+      required: true
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    headItems: {
+      type: Array,
+      default: () => []
+    },
+    activeId: {
+      type: String,
+      default: null
+    },
+    focusableId: {
+      type: String,
+      default: null
+    },
+    menuExpanded: {
+      type: Boolean,
+      default: false
+    },
+    hasMenuItems: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: SIZE$2.MD,
+      validator: (size) => Object.values(SIZE$2).includes(size)
+    },
+    appearance: {
+      type: String,
+      default: APPEARANCE.TEXT,
+      validator: (appearance) => Object.values(APPEARANCE).includes(appearance)
+    }
+  },
+  emits: ["focus-tab", "move-focus", "select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const head = ref(null);
+    const headRefs = /* @__PURE__ */ new Map();
+    const measureRefs = /* @__PURE__ */ new Map();
+    const createIntent = (id, direction) => {
+      return { id, direction };
+    };
+    const onTabKeydown = (id, event) => {
+      switch (event.key) {
+        case " ":
+        case "Enter":
+          event.preventDefault();
+          emit("select", id);
+          return;
+        case "ArrowDown":
+        case "ArrowRight":
+          event.preventDefault();
+          emit("move-focus", createIntent(id, "next"));
+          return;
+        case "ArrowUp":
+        case "ArrowLeft":
+          event.preventDefault();
+          emit("move-focus", createIntent(id, "prev"));
+          return;
+        case "Home":
+          event.preventDefault();
+          emit("move-focus", createIntent(id, "first"));
+          return;
+        case "End":
+          event.preventDefault();
+          emit("move-focus", createIntent(id, "last"));
+      }
+    };
+    const setHeadRef = (id, element) => {
+      if (element) {
+        headRefs.set(id, element);
+        return;
+      }
+      headRefs.delete(id);
+    };
+    const setMeasureRef = (id, element) => {
+      if (element) {
+        measureRefs.set(id, element);
+        return;
+      }
+      measureRefs.delete(id);
+    };
+    const focusTab = (id) => {
+      headRefs.get(id)?.focus();
+    };
+    const measure = () => {
+      const widths = /* @__PURE__ */ new Map();
+      props.items.forEach((item) => {
+        widths.set(item.id, measureRefs.get(item.id)?.getWidth() ?? 0);
+      });
+      return {
+        availableWidth: Math.ceil(head.value?.clientWidth ?? 0),
+        widths
+      };
+    };
+    __expose({
+      focusTab,
+      measure
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1$5, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+            return openBlock(), createBlock(_sfc_main$9, {
+              id: `${item.id}-measure`,
+              key: `measure-${item.id}`,
+              ref_for: true,
+              ref: (element) => setMeasureRef(item.id, element),
+              active: __props.activeId === item.id,
+              appearance: __props.appearance,
+              class: "ui-v1-tab-group__measure-button",
+              item,
+              size: __props.size,
+              tabindex: "-1"
+            }, null, 8, ["id", "active", "appearance", "item", "size"]);
+          }), 128))
+        ]),
+        createElementVNode("div", {
+          ref_key: "head",
+          ref: head,
+          class: "ui-v1-tab-group__head",
+          role: "tablist"
+        }, [
+          createElementVNode("div", _hoisted_2$2, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.headItems, (item) => {
+              return openBlock(), createBlock(_sfc_main$9, {
+                id: `${props.groupId}-tab-${item.id}`,
+                key: `head-${item.id}`,
+                ref_for: true,
+                ref: (element) => setHeadRef(item.id, element),
+                active: __props.activeId === item.id,
+                "aria-disabled": item.disabled ? "true" : "false",
+                "aria-selected": __props.activeId === item.id ? "true" : "false",
+                "aria-controls": item.contentSlot ? `${props.groupId}-panel-${item.id}` : void 0,
+                appearance: __props.appearance,
+                item,
+                size: __props.size,
+                tabindex: !item.disabled && __props.focusableId === item.id ? 0 : -1,
+                role: "tab",
+                onClick: ($event) => _ctx.$emit("select", item.id),
+                onFocus: ($event) => _ctx.$emit("focus-tab", item.id),
+                onKeydown: ($event) => onTabKeydown(item.id, $event)
+              }, null, 8, ["id", "active", "aria-disabled", "aria-selected", "aria-controls", "appearance", "item", "size", "tabindex", "onClick", "onFocus", "onKeydown"]);
+            }), 128))
+          ]),
+          __props.hasMenuItems ? (openBlock(), createBlock(_sfc_main$W, {
+            key: 0,
+            active: __props.menuExpanded,
+            "aria-expanded": __props.menuExpanded ? "true" : "false",
+            "aria-label": "More tabs",
+            "aria-haspopup": "menu",
+            appearance: "tertiary",
+            class: "ui-v1-tab-group__trigger",
+            size: "sm",
+            type: "button"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(IconMoreHorizontal), {
+                "aria-hidden": "true",
+                class: "ui-v1-tab-group__trigger-icon"
+              })
+            ]),
+            _: 1
+          }, 8, ["active", "aria-expanded"])) : createCommentVNode("", true)
+        ], 512)
+      ], 64);
+    };
+  }
+});
+const _sfc_main$7 = defineComponent({
+  name: "UiTabGroupMenu",
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    activeId: {
+      type: String,
+      default: null
+    },
+    menuExpanded: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: SIZE$2.MD,
+      validator: (size) => Object.values(SIZE$2).includes(size)
+    }
+  },
+  emits: {
+    "select": (id) => {
+      return true;
+    },
+    "update:menuExpanded": (expanded) => {
+      return true;
+    }
+  },
+  setup(props, { emit }) {
+    const resolvedMenuItemSize = computed(() => {
+      return props.size === SIZE$2.SM ? SIZE$6.SM : SIZE$6.MD;
+    });
+    const onMenuItemKeydown = (id, event) => {
+      switch (event.key) {
+        case " ":
+        case "Enter":
+          event.preventDefault();
+          emit("select", id);
+      }
+    };
+    const onUpdateVisible = (expanded) => {
+      if (expanded !== props.menuExpanded) {
+        emit("update:menuExpanded", expanded);
+      }
+    };
+    return () => {
+      if (!props.items.length) {
+        return null;
+      }
+      return h(_sfc_main$N, {
+        visible: props.menuExpanded,
+        targetTriggers: {
+          hide: ["click"],
+          show: ["click"]
+        },
+        globalTriggers: ["miss-click", "reference-hidden"],
+        class: "ui-v1-tab-group__popper",
+        placement: "bottom-end",
+        "onUpdate:visible": onUpdateVisible
+      }, {
+        default: () => h("div", {
+          class: "ui-v1-tab-group__menu",
+          role: "menu"
+        }, props.items.map((item) => h(_sfc_main$I, {
+          key: `menu-${item.id}`,
+          active: props.activeId === item.id,
+          "aria-checked": props.activeId === item.id ? "true" : "false",
+          "aria-disabled": item.disabled ? "true" : "false",
+          class: "ui-v1-tab-group__menu-item",
+          counter: item.counter ?? null,
+          disabled: item.disabled,
+          role: "menuitemradio",
+          size: resolvedMenuItemSize.value,
+          tabindex: item.disabled ? -1 : 0,
+          onClick: () => emit("select", item.id),
+          onKeydown: (event) => {
+            onMenuItemKeydown(item.id, event);
+          }
+        }, {
+          default: () => item.labelSlot?.() ?? [item.label ?? item.id],
+          "leading-icon": item.iconSlot ? () => item.iconSlot?.() ?? null : void 0
+        })))
+      });
+    };
+  }
+});
+const isNamedComponent = (node, name) => {
+  if (typeof node.type !== "object" || node.type === null) {
+    return false;
+  }
+  return "name" in node.type && node.type.name === name;
+};
+const hasTabLikeProps = (node) => {
+  const props = node.props ?? {};
+  const childrenRecord = node.children && !Array.isArray(node.children) && typeof node.children !== "string" ? node.children : {};
+  if (typeof props.id !== "string" || !props.id.length) {
+    return false;
+  }
+  return [
+    "label",
+    "counter",
+    "disabled"
+  ].some((key) => key in props) || [
+    "default",
+    "icon",
+    "label",
+    "counter",
+    "content"
+  ].some((key) => key in childrenRecord);
+};
+const isTabVNode = (node) => {
+  return isNamedComponent(node, "UiTab") || hasTabLikeProps(node);
+};
+const isWhitespaceText = (value) => value.trim().length === 0;
+const normalizeNodes = (children) => {
+  const normalized = [];
+  children.forEach((child) => {
+    if (Array.isArray(child)) {
+      normalized.push(...normalizeNodes(child));
+      return;
+    }
+    if (!isVNode(child)) {
+      return;
+    }
+    if (child.type === Comment) {
+      return;
+    }
+    if (child.type === Text) {
+      const text = typeof child.children === "string" ? child.children : "";
+      if (!isWhitespaceText(text)) {
+        normalized.push(child);
+      }
+      return;
+    }
+    if (child.type === Fragment && Array.isArray(child.children)) {
+      normalized.push(...normalizeNodes(child.children));
+      return;
+    }
+    normalized.push(child);
+  });
+  return normalized;
+};
+const normalizeString = (value) => {
+  return typeof value === "string" ? value : "";
+};
+const normalizeCounter = (value) => {
+  return typeof value === "string" || typeof value === "number" ? value : null;
+};
+const normalizeBoolean = (value) => value === "" || value === true;
+const createTabDefinitions = (items) => {
+  return items.map((item) => ({
+    id: item.id,
+    label: item.label ?? "",
+    counter: item.counter ?? null,
+    disabled: Boolean(item.disabled),
+    iconOnly: Boolean(item.iconOnly)
+  }));
+};
+const collectTabs = (children) => {
+  return normalizeNodes(children).filter(isTabVNode).map((node, index) => {
+    const props = node.props ?? {};
+    const childrenRecord = node.children && !Array.isArray(node.children) && typeof node.children !== "string" ? node.children : {};
+    const label2 = normalizeString(props.label);
+    const counter2 = normalizeCounter(props.counter);
+    const hasIcon = Boolean(childrenRecord.icon);
+    const hasLabel = Boolean(childrenRecord.label) || Boolean(label2);
+    const hasCounter2 = typeof childrenRecord.counter !== "undefined" || counter2 !== null;
+    return {
+      id: normalizeString(props.id) || String(node.key ?? `ui-v1-tab-${index}`),
+      label: label2,
+      counter: counter2,
+      disabled: normalizeBoolean(props.disabled),
+      iconOnly: hasIcon && !hasLabel && !hasCounter2,
+      iconSlot: childrenRecord.icon,
+      labelSlot: childrenRecord.label,
+      counterSlot: childrenRecord.counter,
+      contentSlot: childrenRecord.content
+    };
+  });
+};
+const resolveActiveId = (tabs, activeId) => {
+  if (!activeId) {
+    return null;
+  }
+  return tabs.some((tab) => tab.id === activeId) ? activeId : null;
+};
+const HEAD_GAP = {
+  [SIZE$2.SM]: 20,
+  [SIZE$2.MD]: 24,
+  [SIZE$2.LG]: 24
+};
+const FILLED_TRIGGER_GAP = {
+  [SIZE$2.SM]: 10,
+  [SIZE$2.MD]: 12,
+  [SIZE$2.LG]: 32
+};
+const MENU_TRIGGER_WIDTH = 36;
+const widthOf = (id, widths) => {
+  return Math.max(0, Math.ceil(widths.get(id) ?? 0));
+};
+const sumWidths = (ids, widths, gap) => ids.reduce((total, id, index) => {
+  return total + widthOf(id, widths) + (index > 0 ? gap : 0);
+}, 0);
+const moveActiveToHead = (ids, headIds, widths, limit, gap, activeId) => {
+  if (headIds.includes(activeId)) {
+    return headIds;
+  }
+  const next = [...headIds, activeId].sort((a, b) => ids.indexOf(a) - ids.indexOf(b));
+  while (next.length > 1 && sumWidths(next, widths, gap) > limit) {
+    const removable = [...next].reverse().find((id) => id !== activeId);
+    if (!removable) {
+      break;
+    }
+    next.splice(next.indexOf(removable), 1);
+  }
+  return next;
+};
+const resolveTabLayout = (options) => {
+  const ids = options.items.map((item) => item.id);
+  if (!ids.length) {
+    return {
+      headIds: [],
+      menuIds: []
+    };
+  }
+  if (!options.overflowing || options.availableWidth <= 0) {
+    return {
+      headIds: ids,
+      menuIds: []
+    };
+  }
+  if (ids.some((id) => widthOf(id, options.widths) === 0)) {
+    return {
+      headIds: ids,
+      menuIds: []
+    };
+  }
+  const size = options.size;
+  const appearance = options.appearance;
+  const gap = appearance === APPEARANCE.FILLED ? 0 : HEAD_GAP[size] ?? HEAD_GAP[SIZE$2.MD];
+  const totalWidth = sumWidths(ids, options.widths, gap);
+  if (totalWidth <= options.availableWidth) {
+    return {
+      headIds: ids,
+      menuIds: []
+    };
+  }
+  const triggerGap = appearance === APPEARANCE.FILLED ? FILLED_TRIGGER_GAP[size] ?? FILLED_TRIGGER_GAP[SIZE$2.MD] : gap;
+  const limit = Math.max(options.availableWidth - MENU_TRIGGER_WIDTH - triggerGap, 0);
+  const headIds = [];
+  let occupied = 0;
+  options.items.forEach((item) => {
+    const nextWidth = occupied + widthOf(item.id, options.widths) + (headIds.length > 0 ? gap : 0);
+    if (nextWidth <= limit || headIds.length === 0) {
+      headIds.push(item.id);
+      occupied = nextWidth;
+    }
+  });
+  const resolvedHeadIds = options.activeId ? moveActiveToHead(ids, headIds, options.widths, limit, gap, options.activeId) : headIds;
+  const headSet = new Set(resolvedHeadIds);
+  return {
+    headIds: ids.filter((id) => headSet.has(id)),
+    menuIds: ids.filter((id) => !headSet.has(id))
+  };
+};
+let counter = 0;
+const _sfc_main$6 = defineComponent({
+  name: "UiTabGroup",
+  inheritAttrs: false,
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    activeId: {
+      type: String,
+      default: null
+    },
+    focusableId: {
+      type: String,
+      default: void 0
+    },
+    menuExpanded: {
+      type: Boolean,
+      default: void 0
+    },
+    overflowing: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: SIZE$2.MD,
+      validator: (size) => Object.values(SIZE$2).includes(size)
+    },
+    appearance: {
+      type: String,
+      default: APPEARANCE.TEXT,
+      validator: (appearance) => Object.values(APPEARANCE).includes(appearance)
+    }
+  },
+  emits: {
+    "layout": (layout) => {
+      return true;
+    },
+    "change": (id) => {
+      return true;
+    },
+    "update:activeId": (id) => {
+      return true;
+    },
+    "update:focusableId": (id) => {
+      return true;
+    },
+    "update:menuExpanded": (expanded) => {
+      return true;
+    }
+  },
+  setup(props, { attrs, emit, slots }) {
+    const groupId = `ui-v1-tab-group-${++counter}`;
+    const root = ref(null);
+    const headView = ref(null);
+    const widths = ref(/* @__PURE__ */ new Map());
+    const availableWidth = ref(0);
+    const localFocusableId = ref(null);
+    const localMenuExpanded = ref(false);
+    const resolvedMenuExpanded = computed(() => {
+      return typeof props.menuExpanded === "undefined" ? localMenuExpanded.value : props.menuExpanded;
+    });
+    let currentLayout = {
+      headIds: [],
+      menuIds: []
+    };
+    let currentResolvedFocusableId = null;
+    let currentTabs = props.items.length ? createTabDefinitions(props.items) : [];
+    let lastEmittedLayoutKey = "";
+    let lastFocusedId = null;
+    let observer = null;
+    const updateMetrics = () => {
+      const metrics = headView.value?.measure();
+      availableWidth.value = metrics?.availableWidth ?? 0;
+      widths.value = metrics?.widths ?? /* @__PURE__ */ new Map();
+    };
+    const setFocusableId = (id) => {
+      if (typeof props.focusableId === "undefined") {
+        localFocusableId.value = id;
+      }
+      emit("update:focusableId", id);
+    };
+    const setMenuExpanded = (expanded) => {
+      if (typeof props.menuExpanded === "undefined") {
+        localMenuExpanded.value = expanded;
+      }
+      emit("update:menuExpanded", expanded);
+    };
+    const resolveFocusableId = (enabledHeadItems) => {
+      const enabledIds = new Set(enabledHeadItems.map((item) => item.id));
+      const candidateFocusableId = typeof props.focusableId === "undefined" ? localFocusableId.value : props.focusableId;
+      if (candidateFocusableId && enabledIds.has(candidateFocusableId)) {
+        return candidateFocusableId;
+      }
+      const resolvedActiveId = resolveActiveId(currentTabs, props.activeId);
+      if (resolvedActiveId && enabledIds.has(resolvedActiveId)) {
+        return resolvedActiveId;
+      }
+      return enabledHeadItems[0]?.id ?? null;
+    };
+    const moveFocus = (intent) => {
+      const headIds = new Set(currentLayout.headIds);
+      const enabledHeadItems = currentTabs.filter((item) => {
+        return headIds.has(item.id) && !item.disabled;
+      });
+      if (!enabledHeadItems.length) {
+        setFocusableId(null);
+        return;
+      }
+      let target = enabledHeadItems[0];
+      if (intent.direction === "first") {
+        target = enabledHeadItems[0];
+      } else if (intent.direction === "last") {
+        target = enabledHeadItems.at(-1) ?? enabledHeadItems[0];
+      } else {
+        const currentIndex = enabledHeadItems.findIndex((tab) => tab.id === intent.id);
+        const fallbackIndex = currentResolvedFocusableId ? enabledHeadItems.findIndex((tab) => tab.id === currentResolvedFocusableId) : -1;
+        const baseIndex = currentIndex === -1 ? Math.max(fallbackIndex, 0) : currentIndex;
+        const offset2 = intent.direction === "next" ? 1 : -1;
+        const nextIndex = (baseIndex + offset2 + enabledHeadItems.length) % enabledHeadItems.length;
+        target = enabledHeadItems[nextIndex] ?? enabledHeadItems[0];
+      }
+      if (!target) {
+        return;
+      }
+      setFocusableId(target.id);
+      emit("change", target.id);
+      emit("update:activeId", target.id);
+    };
+    const selectTab = (id) => {
+      const tab = currentTabs.find((item) => item.id === id);
+      if (!tab || tab.disabled) {
+        return;
+      }
+      setFocusableId(id);
+      setMenuExpanded(false);
+      emit("change", id);
+      emit("update:activeId", id);
+    };
+    const shouldMoveDomFocus = () => {
+      const activeElement = document.activeElement;
+      return Boolean(activeElement && root.value?.contains(activeElement));
+    };
+    const syncAfterRender = () => {
+      const layoutKey = `${currentLayout.headIds.join("|")}::${currentLayout.menuIds.join("|")}`;
+      if (layoutKey !== lastEmittedLayoutKey) {
+        lastEmittedLayoutKey = layoutKey;
+        emit("layout", currentLayout);
+      }
+      if (!currentResolvedFocusableId || currentResolvedFocusableId === lastFocusedId || !shouldMoveDomFocus()) {
+        return;
+      }
+      lastFocusedId = currentResolvedFocusableId;
+      void nextTick(() => {
+        headView.value?.focusTab(currentResolvedFocusableId);
+      });
+    };
+    onMounted(() => {
+      updateMetrics();
+      syncAfterRender();
+      if (typeof window !== "undefined" && typeof window.ResizeObserver === "function" && root.value) {
+        observer = new window.ResizeObserver(() => {
+          requestAnimationFrame(updateMetrics);
+        });
+        observer.observe(root.value);
+      }
+    });
+    onUpdated(syncAfterRender);
+    onBeforeUnmount(() => {
+      observer?.disconnect();
+      observer = null;
+    });
+    watch(() => props.items, () => {
+      void nextTick(updateMetrics);
+    }, { deep: true });
+    watch(() => [props.appearance, props.size], () => {
+      void nextTick(updateMetrics);
+    });
+    return () => {
+      const tabs = props.items.length ? createTabDefinitions(props.items) : collectTabs(slots.default?.() ?? []);
+      const resolvedActiveId = resolveActiveId(tabs, props.activeId);
+      const layout = resolveTabLayout({
+        items: tabs,
+        widths: widths.value,
+        availableWidth: availableWidth.value,
+        size: props.size ?? SIZE$2.MD,
+        appearance: props.appearance ?? APPEARANCE.TEXT,
+        overflowing: props.overflowing,
+        activeId: resolvedActiveId
+      });
+      const headIds = new Set(layout.headIds);
+      const menuIds = new Set(layout.menuIds);
+      const headItems = tabs.filter((item) => headIds.has(item.id));
+      const menuItems = tabs.filter((item) => menuIds.has(item.id));
+      const enabledHeadItems = headItems.filter((item) => !item.disabled);
+      const activeItem = resolvedActiveId ? tabs.find((item) => item.id === resolvedActiveId) ?? null : null;
+      currentTabs = tabs;
+      currentLayout = layout;
+      currentResolvedFocusableId = resolveFocusableId(enabledHeadItems);
+      return h("div", {
+        ...attrs,
+        ref: root,
+        class: [attrs.class, {
+          "ui-v1-tab-group": true,
+          [`ui-v1-tab-group_${props.appearance}`]: true,
+          [`ui-v1-tab-group_${props.size}`]: true
+        }]
+      }, [
+        h(_sfc_main$s, null, {
+          default: () => [
+            h(_sfc_main$8, {
+              ref: headView,
+              activeId: resolvedActiveId,
+              appearance: props.appearance,
+              focusableId: currentResolvedFocusableId,
+              groupId,
+              hasMenuItems: menuItems.length > 0,
+              headItems,
+              items: tabs,
+              menuExpanded: resolvedMenuExpanded.value,
+              size: props.size,
+              onFocusTab: (id) => {
+                setFocusableId(id);
+              },
+              onMoveFocus: (intent) => {
+                moveFocus(intent);
+              },
+              onSelect: (id) => {
+                selectTab(id);
+              }
+            }),
+            h(_sfc_main$7, {
+              activeId: resolvedActiveId,
+              items: menuItems,
+              menuExpanded: resolvedMenuExpanded.value,
+              size: props.size,
+              onSelect: (id) => {
+                selectTab(id);
+              },
+              "onUpdate:menuExpanded": (expanded) => {
+                setMenuExpanded(expanded);
+              }
+            })
+          ]
+        }),
+        activeItem?.contentSlot ? h("div", {
+          id: `${groupId}-panel-${activeItem.id}`,
+          class: "ui-v1-tab-group__panel",
+          role: "tabpanel",
+          "aria-labelledby": `${groupId}-tab-${activeItem.id}`
+        }, activeItem.contentSlot()) : null
+      ]);
+    };
+  }
+});
 const _hoisted_1$4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
@@ -10933,7 +12229,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         },
         role: "combobox"
       }, _ctx.$attrs, { onMousedown: onRootMouseDown }), [
-        createVNode(_sfc_main$z, mergeProps({
+        createVNode(_sfc_main$J, mergeProps({
           id: inputId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -10960,7 +12256,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["id", "value", "placeholder", "clearable", "disabled", "readonly"]),
-        createVNode(_sfc_main$D, {
+        createVNode(_sfc_main$N, {
           id: `${inputId.value}-listbox`,
           visible: expanded.value,
           target: rootTarget.value,
@@ -10975,14 +12271,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           onAttached: onPopperAttached
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$x, {
+            createVNode(_sfc_main$H, {
               ref_key: "scrollable",
               ref: scrollable,
               class: "ui-v1-time-picker__list"
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(variants.value, (time2, index) => {
-                  return openBlock(), createBlock(_sfc_main$y, {
+                  return openBlock(), createBlock(_sfc_main$I, {
                     id: optionId(index),
                     key: `${time2}-${index}`,
                     ref_for: true,
@@ -11089,12 +12385,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const toolbarSize = useToolbarSize();
     const size = computed(() => {
       if (toolbarSize.value === SIZE.SM) {
-        return SIZE$7.XS;
+        return SIZE$9.XS;
       }
-      return SIZE$7.SM;
+      return SIZE$9.SM;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$M, mergeProps({
+      return openBlock(), createBlock(_sfc_main$W, mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -11141,8 +12437,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     /** Тип ссылок */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance),
-      default: APPEARANCE$1.DEFAULT
+      validator: (appearance) => Object.values(APPEARANCE$3).includes(appearance),
+      default: APPEARANCE$3.DEFAULT
     },
     /** Инвертированный цвет ссылок для тёмного фона */
     light: {
@@ -11167,7 +12463,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, mergeProps({
+      return openBlock(), createBlock(_sfc_main$C, mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -11340,7 +12636,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !ready.value ? (openBlock(), createBlock(_sfc_main$r, { key: 0 })) : createCommentVNode("", true),
+        !ready.value ? (openBlock(), createBlock(_sfc_main$B, { key: 0 })) : createCommentVNode("", true),
         withDirectives((openBlock(), createElementBlock("iframe", {
           ref_key: "iframe",
           ref: iframe,
@@ -11355,56 +12651,63 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  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,
+  UiAddButton: _sfc_main$_,
+  UiAlert: _sfc_main$$,
+  UiAvatar: _sfc_main$Y,
+  UiAvatarList: _sfc_main$X,
+  UiButton: _sfc_main$W,
+  UiCalendar: _sfc_main$S,
+  UiCheckbox: _sfc_main$R,
+  UiCollapse: _sfc_main$Q,
+  UiCollapseBox: _sfc_main$P,
+  UiCollapseGroup: _sfc_main$O,
+  UiCopyButton: _sfc_main$L,
+  UiDate: _sfc_main$K,
+  UiDatePicker: _sfc_main$F,
+  UiError: _sfc_main$E,
+  UiImage: _sfc_main$Z,
+  UiInfobox: _sfc_main$D,
+  UiLink: _sfc_main$C,
+  UiLoader: _sfc_main$B,
+  UiMenuItem: _sfc_main$I,
   UiMenuItemGroup,
-  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,
+  UiModalSidebar: _sfc_main$z,
+  UiModalWindow: _sfc_main$x,
+  UiModalWindowSurface: _sfc_main$y,
+  UiNumberStepper: _sfc_main$w,
+  UiPageHeader: _sfc_main$t,
+  UiPageHeaderLayout: _sfc_main$u,
+  UiPageHeaderTitle: _sfc_main$v,
+  UiPopper: _sfc_main$N,
+  UiPopperConnector: _sfc_main$s,
+  UiPopperTarget: _sfc_main$r,
+  UiRadio: _sfc_main$q,
+  UiRadioSwitchOptionShell: _sfc_main$p,
+  UiRadioSwitchRoot: _sfc_main$o,
+  UiScrollBox: _sfc_main$H,
+  UiSelectPopper: _sfc_main$m,
+  UiSelectTrigger: _sfc_main$l,
+  UiSlider: _sfc_main$n,
+  UiSwitch: _sfc_main$k,
+  UiTab: _sfc_main$a,
+  UiTabGroup: _sfc_main$6,
+  UiTableBodyCell: _sfc_main$j,
+  UiTableCol: _sfc_main$i,
+  UiTableFooterButton: _sfc_main$h,
+  UiTableFooterSection: _sfc_main$g,
+  UiTableHeadCell: _sfc_main$f,
+  UiTableRoot: _sfc_main$e,
+  UiTableRow: _sfc_main$d,
+  UiTableSection: _sfc_main$c,
+  UiTableSorter: _sfc_main$b,
   UiTag: _sfc_main$5,
-  UiTextbox: _sfc_main$z,
+  UiTextbox: _sfc_main$J,
   UiTimePicker: _sfc_main$4,
   UiToolbar: _sfc_main$3,
   UiToolbarButton: _sfc_main$2,
   UiToolbarLink: _sfc_main$1,
-  UiTooltip: _sfc_main$C,
-  UiTransition: _sfc_main$S,
+  UiTooltip: _sfc_main$M,
+  UiTransition: _sfc_main$10,
   UiYandexMap: _sfc_main
 }, Symbol.toStringTag, { value: "Module" }));
 const createProvider = () => createProvider$1(components);
@@ -11415,56 +12718,63 @@ export {
   plugin$1 as I18nPlugin,
   ImageWorkersKey,
   plugin as ModalPlugin,
-  _sfc_main$Q as UiAddButton,
-  _sfc_main$R as UiAlert,
-  _sfc_main$O as UiAvatar,
-  _sfc_main$N as UiAvatarList,
-  _sfc_main$M as UiButton,
-  _sfc_main$I as UiCalendar,
-  _sfc_main$H as UiCheckbox,
-  _sfc_main$G as UiCollapse,
-  _sfc_main$F as UiCollapseBox,
-  _sfc_main$E as UiCollapseGroup,
-  _sfc_main$B as UiCopyButton,
-  _sfc_main$A as UiDate,
-  _sfc_main$v as UiDatePicker,
-  _sfc_main$u as UiError,
-  _sfc_main$P as UiImage,
-  _sfc_main$t as UiInfobox,
-  _sfc_main$s as UiLink,
-  _sfc_main$r as UiLoader,
-  _sfc_main$y as UiMenuItem,
+  _sfc_main$_ as UiAddButton,
+  _sfc_main$$ as UiAlert,
+  _sfc_main$Y as UiAvatar,
+  _sfc_main$X as UiAvatarList,
+  _sfc_main$W as UiButton,
+  _sfc_main$S as UiCalendar,
+  _sfc_main$R as UiCheckbox,
+  _sfc_main$Q as UiCollapse,
+  _sfc_main$P as UiCollapseBox,
+  _sfc_main$O as UiCollapseGroup,
+  _sfc_main$L as UiCopyButton,
+  _sfc_main$K as UiDate,
+  _sfc_main$F as UiDatePicker,
+  _sfc_main$E as UiError,
+  _sfc_main$Z as UiImage,
+  _sfc_main$D as UiInfobox,
+  _sfc_main$C as UiLink,
+  _sfc_main$B as UiLoader,
+  _sfc_main$I as UiMenuItem,
   UiMenuItemGroup,
-  _sfc_main$p as UiModalSidebar,
-  _sfc_main$n as UiModalWindow,
-  _sfc_main$o as UiModalWindowSurface,
-  _sfc_main$m as UiNumberStepper,
-  _sfc_main$D as UiPopper,
-  _sfc_main$l as UiPopperConnector,
-  _sfc_main$k as UiPopperTarget,
-  _sfc_main$j as UiRadio,
-  _sfc_main$x as UiScrollBox,
-  _sfc_main$h as UiSelectPopper,
-  _sfc_main$g as UiSelectTrigger,
-  _sfc_main$i as UiSlider,
-  _sfc_main$f as UiSwitch,
-  _sfc_main$e as UiTableBodyCell,
-  _sfc_main$d as UiTableCol,
-  _sfc_main$c as UiTableFooterButton,
-  _sfc_main$b as UiTableFooterSection,
-  _sfc_main$a as UiTableHeadCell,
-  _sfc_main$9 as UiTableRoot,
-  _sfc_main$8 as UiTableRow,
-  _sfc_main$7 as UiTableSection,
-  _sfc_main$6 as UiTableSorter,
+  _sfc_main$z as UiModalSidebar,
+  _sfc_main$x as UiModalWindow,
+  _sfc_main$y as UiModalWindowSurface,
+  _sfc_main$w as UiNumberStepper,
+  _sfc_main$t as UiPageHeader,
+  _sfc_main$u as UiPageHeaderLayout,
+  _sfc_main$v as UiPageHeaderTitle,
+  _sfc_main$N as UiPopper,
+  _sfc_main$s as UiPopperConnector,
+  _sfc_main$r as UiPopperTarget,
+  _sfc_main$q as UiRadio,
+  _sfc_main$p as UiRadioSwitchOptionShell,
+  _sfc_main$o as UiRadioSwitchRoot,
+  _sfc_main$H as UiScrollBox,
+  _sfc_main$m as UiSelectPopper,
+  _sfc_main$l as UiSelectTrigger,
+  _sfc_main$n as UiSlider,
+  _sfc_main$k as UiSwitch,
+  _sfc_main$a as UiTab,
+  _sfc_main$6 as UiTabGroup,
+  _sfc_main$j as UiTableBodyCell,
+  _sfc_main$i as UiTableCol,
+  _sfc_main$h as UiTableFooterButton,
+  _sfc_main$g as UiTableFooterSection,
+  _sfc_main$f as UiTableHeadCell,
+  _sfc_main$e as UiTableRoot,
+  _sfc_main$d as UiTableRow,
+  _sfc_main$c as UiTableSection,
+  _sfc_main$b as UiTableSorter,
   _sfc_main$5 as UiTag,
-  _sfc_main$z as UiTextbox,
+  _sfc_main$J as UiTextbox,
   _sfc_main$4 as UiTimePicker,
   _sfc_main$3 as UiToolbar,
   _sfc_main$2 as UiToolbarButton,
   _sfc_main$1 as UiToolbarLink,
-  _sfc_main$C as UiTooltip,
-  _sfc_main$S as UiTransition,
+  _sfc_main$M as UiTooltip,
+  _sfc_main$10 as UiTransition,
   _sfc_main as UiYandexMap,
   VALIGN,
   VueI18n,