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

package/dist/host.cjs

@@ -7,7 +7,7 @@ const dateFns = require("date-fns");
 const locale = require("date-fns/locale");
 const vue3PerfectScrollbar = require("vue3-perfect-scrollbar");
 const host = require("@omnicajs/vue-remote/host");
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -35,13 +35,13 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$V = {
+const _hoisted_1$W = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function render$o(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$V, [..._cache[0] || (_cache[0] = [
+function render$p(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$W, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -50,26 +50,26 @@ function render$o(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconCheckmarkCircleOutlined = { render: render$o };
-const _hoisted_1$U = {
+const IconCheckmarkCircleOutlined = { render: render$p };
+const _hoisted_1$V = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$n(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$U, [..._cache[0] || (_cache[0] = [
+function render$o(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$V, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M7.113 6.176a.6.6 0 0 1 .848 0L12 10.214l4.038-4.038a.6.6 0 0 1 .849 0l.937.937a.6.6 0 0 1 0 .848L13.785 12l4.04 4.04a.6.6 0 0 1 0 .848l-.937.937a.6.6 0 0 1-.849 0L12 13.784l-4.038 4.04a.6.6 0 0 1-.849 0l-.937-.937a.6.6 0 0 1 0-.848l4.04-4.04-4.039-4.038a.6.6 0 0 1 0-.849z"
     }, null, -1)
   ])]);
 }
-const IconClear = { render: render$n };
-const _hoisted_1$T = {
+const IconClear = { 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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$T, [..._cache[0] || (_cache[0] = [
+function render$n(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$U, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -78,26 +78,26 @@ function render$m(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconClearCircleOutlined = { render: render$m };
-const _hoisted_1$S = {
+const IconClearCircleOutlined = { 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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$S, [..._cache[0] || (_cache[0] = [
+function render$m(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$T, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M2 12C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12m2 0a8 8 0 1 0 16 0 8 8 0 0 0-16 0m7.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-.18-6h1.36a.5.5 0 0 1 .5.56l-.4 3.22a.25.25 0 0 1-.25.22h-1.06a.25.25 0 0 1-.25-.22l-.4-3.22a.5.5 0 0 1 .5-.56"
     }, null, -1)
   ])]);
 }
-const IconErrorOutlined = { render: render$l };
-const _hoisted_1$R = {
+const IconErrorOutlined = { 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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$R, [..._cache[0] || (_cache[0] = [
+function render$l(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$S, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -106,7 +106,7 @@ function render$k(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconInfoOutlined = { render: render$k };
+const IconInfoOutlined = { render: render$l };
 var VARIANT$1 = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["PRIMARY"] = "primary";
   VARIANT2["WARNING"] = "warning";
@@ -114,13 +114,13 @@ var VARIANT$1 = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT$1 || {});
-const _hoisted_1$Q = ["aria-hidden", "aria-live"];
-const _hoisted_2$o = {
+const _hoisted_1$R = ["aria-hidden", "aria-live"];
+const _hoisted_2$p = {
   key: 0,
   class: "ui-v1-alert__icon-outline"
 };
-const _hoisted_3$i = { class: "ui-v1-alert__icon" };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$j = { class: "ui-v1-alert__icon" };
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -229,7 +229,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$10, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$13, {
         name: "fade",
         onBeforeEnter,
         onBeforeLeave,
@@ -252,8 +252,8 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
             role: "alert"
           }, _ctx.$attrs), [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-              __props.variant ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
-                vue.createElementVNode("div", _hoisted_3$i, [
+              __props.variant ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+                vue.createElementVNode("div", _hoisted_3$j, [
                   __props.variant === vue.unref(VARIANT$1).PRIMARY ? (vue.openBlock(), vue.createBlock(vue.unref(IconInfoOutlined), { key: 0 })) : __props.variant === vue.unref(VARIANT$1).WARNING ? (vue.openBlock(), vue.createBlock(vue.unref(IconErrorOutlined), { key: 1 })) : __props.variant === vue.unref(VARIANT$1).DANGER ? (vue.openBlock(), vue.createBlock(vue.unref(IconClearCircleOutlined), { key: 2 })) : __props.variant === vue.unref(VARIANT$1).SUCCESS ? (vue.openBlock(), vue.createBlock(vue.unref(IconCheckmarkCircleOutlined), { key: 3 })) : vue.createCommentVNode("", true)
                 ])
               ])) : vue.createCommentVNode("", true)
@@ -278,7 +278,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createVNode(vue.unref(IconClear), { class: "ui-v1-alert__close-icon" })
             ])) : vue.createCommentVNode("", true)
-          ], 16, _hoisted_1$Q), [
+          ], 16, _hoisted_1$R), [
             [vue.vShow, state.shown]
           ])
         ]),
@@ -287,12 +287,12 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$j(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$P, [..._cache[0] || (_cache[0] = [
+function render$k(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$Q, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -301,7 +301,7 @@ function render$j(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconAddCircle = { render: render$j };
+const IconAddCircle = { render: render$k };
 var COLOR$1 = /* @__PURE__ */ ((COLOR2) => {
   COLOR2["GREEN"] = "green";
   COLOR2["BLUE"] = "blue";
@@ -314,14 +314,14 @@ const isNumeric = (value) => !isNaN(Number(value));
 const normalizeHeight = (height) => {
   return isNumeric(height) ? `${height}px` : `${height}`;
 };
-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_1$P = ["type", "disabled"];
+const _hoisted_2$o = { class: "ui-v1-add-button__content" };
+const _hoisted_3$i = { class: "ui-v1-add-button__title" };
 const _hoisted_4$c = {
   key: 0,
   class: "ui-v1-add-button__description"
 };
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -364,8 +364,8 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
           height: vue.unref(normalizeHeight)(__props.height)
         }
       }, _ctx.$attrs), [
-        vue.createElementVNode("span", _hoisted_2$n, [
-          vue.createElementVNode("span", _hoisted_3$h, [
+        vue.createElementVNode("span", _hoisted_2$o, [
+          vue.createElementVNode("span", _hoisted_3$i, [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
               vue.createVNode(vue.unref(IconAddCircle), {
                 "aria-hidden": "true",
@@ -378,16 +378,16 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "description")
           ])) : vue.createCommentVNode("", true)
         ])
-      ], 16, _hoisted_1$O);
+      ], 16, _hoisted_1$P);
     };
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$O = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$i(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
+function render$j(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$O, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -396,34 +396,34 @@ function render$i(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconHelpOutlined = { render: render$i };
-const _hoisted_1$M = {
+const IconHelpOutlined = { render: render$j };
+const _hoisted_1$N = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 18 8"
 };
-function render$h(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$M, [..._cache[0] || (_cache[0] = [
+function render$i(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("g", { fill: "currentColor" }, [
       vue.createElementVNode("path", { d: "M0 0v8h2.867q1.257-.011 1.935-.604.68-.594.68-1.748 0-.675-.33-1.143a1.54 1.54 0 0 0-.892-.62q.497-.21.775-.654.279-.45.279-1.039 0-1.077-.694-1.632Q3.926 0 2.584 0zm1.52 6.676v-2.16h1.393q1.048.016 1.048 1.116 0 .488-.303.77-.3.273-.836.274zm1.124-3.324H1.52V1.335h1.064q.628 0 .916.242.294.236.294.78 0 .972-1.15.995M7.503 6.352h2.665L10.679 8h1.616l-2.76-8H8.125L5.38 8h1.616zm2.254-1.336H7.913l.917-2.994zM12.362 8V0h2.27q.972 0 1.737.478.77.473 1.2 1.352.432.873.431 1.989v.368q0 1.115-.425 1.983a3.17 3.17 0 0 1-1.191 1.346A3.26 3.26 0 0 1 14.646 8zm1.52-6.665v5.34h.734q.891 0 1.363-.631.47-.632.481-1.808v-.423q0-1.22-.466-1.846-.466-.632-1.363-.632z" })
     ], -1)
   ])]);
 }
-const SpriteBAD = { render: render$h };
-const _hoisted_1$L = {
+const SpriteBAD = { render: render$i };
+const _hoisted_1$M = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 8"
 };
-function render$g(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$L, [..._cache[0] || (_cache[0] = [
+function render$h(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$M, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("g", { fill: "currentColor" }, [
       vue.createElementVNode("path", { d: "M3.373 6.016 5.058 0h1.704L4.175 8H2.577L0 0h1.7zM8.99 8H7.46V0H8.99zM11.84 8V5.181h1.343q1.322 0 2.067-.676.75-.681.75-1.857 0-.774-.342-1.379a2.3 2.3 0 0 0-.98-.94Q14.045 0 13.208 0H10.31v8zm1.368-4.154h-1.367v-2.51h1.403q.567.01.888.373t.322.95q0 .571-.322.88-.316.307-.924.307" })
     ], -1)
   ])]);
 }
-const SpriteVIP = { render: render$g };
+const SpriteVIP = { render: render$h };
 const ImageWorkersKey = Symbol("$image.workers");
-const _hoisted_1$K = ["alt", "src"];
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$L = ["alt", "src"];
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiImage",
   props: {
     alt: {
@@ -459,7 +459,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
         alt: __props.alt,
         src: url.value
-      }, _ctx.$attrs), null, 16, _hoisted_1$K);
+      }, _ctx.$attrs), null, 16, _hoisted_1$L);
     };
   }
 });
@@ -478,12 +478,12 @@ const isURL = (href, loose = true) => {
     return false;
   }
 };
-var SIZE$a = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$b = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$a || {});
+})(SIZE$b || {});
 var STATUS = /* @__PURE__ */ ((STATUS2) => {
   STATUS2["NONE"] = "";
   STATUS2["BUSY"] = "busy";
@@ -493,15 +493,15 @@ var STATUS = /* @__PURE__ */ ((STATUS2) => {
   return STATUS2;
 })(STATUS || {});
 const AvatarSizeKey = Symbol("UiAvatarSize");
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   key: 1,
   class: "ui-v1-avatar__unresolved"
 };
-const _hoisted_2$m = {
+const _hoisted_2$n = {
   key: 3,
   class: "ui-v1-avatar__initials"
 };
-const _hoisted_3$g = {
+const _hoisted_3$h = {
   key: 4,
   class: "ui-v1-avatar__labels"
 };
@@ -513,7 +513,7 @@ const _hoisted_5$9 = {
   key: 1,
   class: "ui-v1-avatar__label ui-v1-avatar__label_bad"
 };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -552,8 +552,8 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     /** Размер изображения */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$a).includes(size),
-      default: SIZE$a.SM
+      validator: (size) => Object.values(SIZE$b).includes(size),
+      default: SIZE$b.SM
     },
     optimize: {
       type: [Boolean, Object],
@@ -581,9 +581,9 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
       const processing = typeof props.optimize === "object" ? props.optimize : {};
       return {
         resize: processing.resize ?? {
-          [SIZE$a.XS]: "48x-",
-          [SIZE$a.SM]: "72x-",
-          [SIZE$a.LG]: "104x-"
+          [SIZE$b.XS]: "48x-",
+          [SIZE$b.SM]: "72x-",
+          [SIZE$b.LG]: "104x-"
         }[size.value],
         crop: processing.crop
       };
@@ -600,7 +600,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
         }
       }, _ctx.$attrs), {
         default: vue.withCtx(() => [
-          __props.src ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
+          __props.src ? (vue.openBlock(), vue.createBlock(_sfc_main$10, {
             key: 0,
             src: __props.src,
             resize: optimization.value.resize,
@@ -609,7 +609,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
             draggable: "false",
             onLoad: _cache[0] || (_cache[0] = ($event) => loaded.value = true),
             onError: _cache[1] || (_cache[1] = ($event) => loaded.value = false)
-          }, null, 8, ["src", "resize", "crop"])) : !__props.src && unresolved.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+          }, null, 8, ["src", "resize", "crop"])) : !__props.src && unresolved.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
             vue.createVNode(vue.unref(IconHelpOutlined))
           ])) : vue.createCommentVNode("", true),
           __props.status && !(__props.vip || __props.bad) ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -620,12 +620,12 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
               [`ui-v1-avatar__status_${__props.status}`]: __props.status
             })
           }, null, 2)) : vue.createCommentVNode("", true),
-          !(unresolved.value || loaded.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, [
+          !(unresolved.value || loaded.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode(vue.toDisplayString(initials.value), 1)
             ])
           ])) : vue.createCommentVNode("", true),
-          __props.vip || __props.bad ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$g, [
+          __props.vip || __props.bad ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$h, [
             __props.vip ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, [
               vue.createVNode(vue.unref(SpriteVIP), { class: "ui-v1-avatar__vip" })
             ])) : vue.createCommentVNode("", true),
@@ -639,7 +639,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatarList",
   props: {
     /** Список аватарок пользователей */
@@ -650,8 +650,8 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     /** Размер аватарок */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$a).includes(size),
-      default: SIZE$a.SM
+      validator: (size) => Object.values(SIZE$b).includes(size),
+      default: SIZE$b.SM
     }
   },
   setup(__props) {
@@ -666,7 +666,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
             key: index,
             class: "ui-v1-avatar-list__item"
           }, [
-            vue.createVNode(_sfc_main$Y, {
+            vue.createVNode(_sfc_main$$, {
               src: avatar.src,
               name: avatar.name
             }, null, 8, ["src", "name"])
@@ -713,27 +713,27 @@ const useElementRef = () => {
   vue.provide(ElementRefKey, vue.ref(null));
   return el;
 };
-var APPEARANCE$5 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$6 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["OUTLINED"] = "outlined";
   APPEARANCE2["PRIMARY"] = "primary";
   APPEARANCE2["SECONDARY"] = "secondary";
   APPEARANCE2["TERTIARY"] = "tertiary";
   return APPEARANCE2;
-})(APPEARANCE$5 || {});
-var SIZE$9 = /* @__PURE__ */ ((SIZE2) => {
+})(APPEARANCE$6 || {});
+var SIZE$a = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   SIZE2["MD"] = "md";
   SIZE2["SM"] = "sm";
   SIZE2["XS"] = "xs";
   return SIZE2;
-})(SIZE$9 || {});
+})(SIZE$a || {});
 var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DEFAULT"] = "default";
   VARIANT2["SUCCESS"] = "success";
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT || {});
-const _sfc_main$W = vue.defineComponent({
+const _sfc_main$Z = vue.defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -749,7 +749,7 @@ const _sfc_main$W = vue.defineComponent({
     /** Регулирует внешний вид кнопки: primary, secondary, tertiary or outlined */
     appearance: {
       type: String,
-      default: APPEARANCE$5.PRIMARY
+      default: APPEARANCE$6.PRIMARY
     },
     /** Регулирует цветовую схему кнопки: default, success or danger */
     variant: {
@@ -759,7 +759,7 @@ const _sfc_main$W = vue.defineComponent({
     /** Размер */
     size: {
       type: String,
-      default: SIZE$9.SM
+      default: SIZE$a.SM
     },
     /** Если кнопка активна */
     active: {
@@ -819,8 +819,8 @@ const _sfc_main$W = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$I = { class: "ui-v1-calendar-cell__content" };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$J = { class: "ui-v1-calendar-cell__content" };
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarCell",
   props: {
     current: {
@@ -865,32 +865,32 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
           "aria-hidden": "true",
           class: "ui-v1-calendar-cell__backdrop"
         }, null, -1)),
-        vue.createElementVNode("div", _hoisted_1$I, [
+        vue.createElementVNode("div", _hoisted_1$J, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
       ], 16);
     };
   }
 });
-const _hoisted_1$H = {
+const _hoisted_1$I = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$f(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$H, [..._cache[0] || (_cache[0] = [
+function render$g(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$I, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M15.78 11.28c.14.14.22.331.22.53v.38a.77.77 0 0 1-.22.53l-5.14 5.13a.5.5 0 0 1-.71 0l-.71-.71a.49.49 0 0 1 0-.7L13.67 12 9.22 7.56a.5.5 0 0 1 0-.71l.71-.7a.5.5 0 0 1 .71 0z"
     }, null, -1)
   ])]);
 }
-const IconChevronRight = { render: render$f };
-const _hoisted_1$G = {
+const IconChevronRight = { render: render$g };
+const _hoisted_1$H = {
   key: 1,
   "aria-hidden": "true",
   class: "ui-v1-calendar-navigation__placeholder"
 };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarDirectionButton",
   props: {
     label: {
@@ -910,7 +910,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.absent ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {
+      return !__props.absent ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
         key: 0,
         "aria-label": __props.label,
         appearance: "tertiary",
@@ -927,15 +927,15 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["class"])
         ]),
         _: 1
-      }, 8, ["aria-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G));
+      }, 8, ["aria-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H));
     };
   }
 });
-const _hoisted_1$F = {
+const _hoisted_1$G = {
   key: 1,
   class: "ui-v1-calendar-navigation__text"
 };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarSwitchButton",
   props: {
     locked: {
@@ -946,7 +946,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.locked ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {
+      return !__props.locked ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
         key: 0,
         appearance: "tertiary",
         class: "ui-v1-calendar-navigation__switch-button",
@@ -956,17 +956,17 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+      })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
         vue.renderSlot(_ctx.$slots, "default")
       ]));
     };
   }
 });
-var APPEARANCE$4 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$5 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["SINGLE"] = "single";
   APPEARANCE2["DOUBLE"] = "double";
   return APPEARANCE2;
-})(APPEARANCE$4 || {});
+})(APPEARANCE$5 || {});
 var TYPE$2 = /* @__PURE__ */ ((TYPE2) => {
   TYPE2["SINGLE"] = "single";
   TYPE2["RANGE"] = "range";
@@ -1381,9 +1381,9 @@ const _i18n$6 = define({
     "ru-RU": messages_ru_RU$6
   }
 });
-const _hoisted_1$E = { class: "ui-v1-calendar-wrapper" };
-const _hoisted_2$l = ["aria-label"];
-const _hoisted_3$f = ["id"];
+const _hoisted_1$F = { class: "ui-v1-calendar-wrapper" };
+const _hoisted_2$m = ["aria-label"];
+const _hoisted_3$g = ["id"];
 const _hoisted_4$a = ["aria-labelledby", "aria-multiselectable"];
 const _hoisted_5$8 = {
   class: "ui-v1-calendar__row",
@@ -1404,7 +1404,7 @@ const _hoisted_16 = {
   "aria-atomic": "true",
   "aria-live": "polite"
 };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendar",
   props: {
     /** Текущая дата */
@@ -1422,8 +1422,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     /** Одиночный или двойной вид */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
-      default: APPEARANCE$4.SINGLE
+      validator: (appearance) => Object.values(APPEARANCE$5).includes(appearance),
+      default: APPEARANCE$5.SINGLE
     },
     /** Первый день недели */
     firstDayOfWeek: {
@@ -1563,7 +1563,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     });
     const viewsComputed = vue.computed(() => {
       const view = [views[0]];
-      if (props.appearance === APPEARANCE$4.DOUBLE) {
+      if (props.appearance === APPEARANCE$5.DOUBLE) {
         view.push(views[1]);
       }
       return view.map(({ date, decade, mode }) => ({
@@ -1575,7 +1575,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     });
     const viewsIsSynchronized = vue.computed(() => {
       const [first, last] = views;
-      return props.appearance === APPEARANCE$4.DOUBLE && first.mode === last.mode && first.date.inSameMonth(new CalendarDay(last.date.year, last.date.month - 1));
+      return props.appearance === APPEARANCE$5.DOUBLE && first.mode === last.mode && first.date.inSameMonth(new CalendarDay(last.date.year, last.date.month - 1));
     });
     const range = vue.computed(() => {
       const [first, last] = valueComputed.value;
@@ -1999,7 +1999,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       return date.inSameMonth(views[viewIndex].date);
     };
     const inSelectedView = (date) => {
-      return inSelectedMonth(date, 0) || inSelectedMonth(date, 1) && props.appearance === APPEARANCE$4.DOUBLE;
+      return inSelectedMonth(date, 0) || inSelectedMonth(date, 1) && props.appearance === APPEARANCE$5.DOUBLE;
     };
     const inRangeDate = (date) => {
       const [min2, max2] = range.value;
@@ -2022,7 +2022,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       ));
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(viewsComputed.value, (view, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: "view-" + index + "-" + view.date,
@@ -2033,12 +2033,12 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("monthNavigation")
               }, [
-                vue.createVNode(_sfc_main$U, {
+                vue.createVNode(_sfc_main$X, {
                   absent: index === 1 && viewsIsSynchronized.value && views[0].mode === vue.unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("prevMonth"),
                   onClick: ($event) => showPrevMonth(index)
                 }, null, 8, ["absent", "label", "onClick"]),
-                vue.createVNode(_sfc_main$T, {
+                vue.createVNode(_sfc_main$W, {
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).MONTHS
                 }, {
                   default: vue.withCtx(() => [
@@ -2046,17 +2046,17 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                       id: getGridLabelId(index, vue.unref(VIEW_MODE).DAYS),
                       "aria-atomic": "true",
                       "aria-live": "polite"
-                    }, vue.toDisplayString(i18n.value.t(`months.${view.date.month - 1}`)) + " " + vue.toDisplayString(view.date.year), 9, _hoisted_3$f)
+                    }, vue.toDisplayString(i18n.value.t(`months.${view.date.month - 1}`)) + " " + vue.toDisplayString(view.date.year), 9, _hoisted_3$g)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$U, {
+                vue.createVNode(_sfc_main$X, {
                   absent: index === 0 && viewsIsSynchronized.value && views[1].mode === vue.unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("nextMonth"),
                   direction: "next",
                   onClick: ($event) => showNextMonth(index)
                 }, null, 8, ["absent", "label", "onClick"])
-              ], 8, _hoisted_2$l),
+              ], 8, _hoisted_2$m),
               vue.createElementVNode("div", {
                 class: "ui-v1-calendar__table",
                 role: "grid",
@@ -2084,7 +2084,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, (day) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$V, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
                         key: "day-" + index + "-" + day,
                         class: vue.normalizeClass({
                           "ui-v1-calendar__cell-day": true,
@@ -2128,11 +2128,11 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("yearNavigation")
               }, [
-                vue.createVNode(_sfc_main$U, {
+                vue.createVNode(_sfc_main$X, {
                   label: i18n.value.t("prevYear"),
                   onClick: ($event) => showYear(view.date.year - 1, index)
                 }, null, 8, ["label", "onClick"]),
-                vue.createVNode(_sfc_main$T, {
+                vue.createVNode(_sfc_main$W, {
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).YEARS
                 }, {
                   default: vue.withCtx(() => [
@@ -2144,7 +2144,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$U, {
+                vue.createVNode(_sfc_main$X, {
                   label: i18n.value.t("nextYear"),
                   direction: "next",
                   onClick: ($event) => showYear(view.date.year + 1, index)
@@ -2162,7 +2162,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(months2, (month) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$V, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
                         key: "month-" + month.month,
                         class: vue.normalizeClass({ "ui-v1-calendar__cell-month": true }),
                         current: isCurrentMonth(month.month, index),
@@ -2193,11 +2193,11 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("decadeNavigation")
               }, [
-                vue.createVNode(_sfc_main$U, {
+                vue.createVNode(_sfc_main$X, {
                   label: i18n.value.t("prevDecade"),
                   onClick: ($event) => showPrevDecade(index)
                 }, null, 8, ["label", "onClick"]),
-                vue.createVNode(_sfc_main$T, {
+                vue.createVNode(_sfc_main$W, {
                   locked: "",
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).MONTHS
                 }, {
@@ -2210,7 +2210,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$U, {
+                vue.createVNode(_sfc_main$X, {
                   label: i18n.value.t("nextDecade"),
                   direction: "next",
                   onClick: ($event) => showNextDecade(index)
@@ -2228,7 +2228,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(years, (year) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$V, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
                         key: "year-" + year,
                         class: vue.normalizeClass({ "ui-v1-calendar__cell-year": true }),
                         current: isCurrentYear(year),
@@ -2263,12 +2263,12 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$e(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$D, [..._cache[0] || (_cache[0] = [
+function render$f(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$E, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -2277,7 +2277,7 @@ function render$e(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconDone = { render: render$e };
+const IconDone = { render: render$f };
 const expect = (value) => ({
   toBeOneOf(variants) {
     return Object.values(variants).includes(value);
@@ -2305,11 +2305,11 @@ const without = (obj, exclude) => {
   });
   return newObj;
 };
-const _hoisted_1$C = ["id", "value", "name", "disabled", "checked"];
-const _hoisted_2$k = { class: "ui-v1-checkbox__checkmark" };
+const _hoisted_1$D = ["id", "value", "name", "disabled", "checked"];
+const _hoisted_2$l = { class: "ui-v1-checkbox__checkmark" };
 let counter$3 = 0;
 const __default__$2 = {};
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   ...__default__$2,
   __name: "UiCheckbox",
   props: {
@@ -2416,8 +2416,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
           type: "checkbox",
           class: "ui-v1-checkbox__input",
           onChange
-        }), null, 16, _hoisted_1$C),
-        vue.createElementVNode("span", _hoisted_2$k, [
+        }), null, 16, _hoisted_1$D),
+        vue.createElementVNode("span", _hoisted_2$l, [
           checked.value && !__props.indeterminate ? (vue.openBlock(), vue.createBlock(vue.unref(IconDone), {
             key: 0,
             class: "ui-v1-checkbox__checkmark-icon"
@@ -2432,15 +2432,15 @@ var COLLAPSE_BEHAVIOUR = /* @__PURE__ */ ((COLLAPSE_BEHAVIOUR2) => {
   COLLAPSE_BEHAVIOUR2["HIDE"] = "hide";
   return COLLAPSE_BEHAVIOUR2;
 })(COLLAPSE_BEHAVIOUR || {});
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   key: 0,
   class: "ui-v1-collapse"
 };
-const _hoisted_2$j = {
+const _hoisted_2$k = {
   key: 1,
   class: "ui-v1-collapse"
 };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCollapse",
   props: {
     /** Свёрнут/Развёрнут */
@@ -2558,12 +2558,12 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: vue.withCtx(() => [
           __props.collapseBehaviour === vue.unref(COLLAPSE_BEHAVIOUR).DISPOSE ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            __props.expanded ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+            __props.expanded ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
               vue.createElementVNode("div", null, [
                 vue.renderSlot(_ctx.$slots, "default")
               ])
             ])) : vue.createCommentVNode("", true)
-          ], 64)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$j, [
+          ], 64)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, [
             vue.createElementVNode("div", null, [
               vue.renderSlot(_ctx.$slots, "default")
             ])
@@ -2586,18 +2586,18 @@ var COLOR = /* @__PURE__ */ ((COLOR2) => {
   COLOR2["YELLOW"] = "yellow";
   return COLOR2;
 })(COLOR || {});
-var SIZE$8 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$9 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   return SIZE2;
-})(SIZE$8 || {});
+})(SIZE$9 || {});
 const CollapseGroupRegisterKey = Symbol("UiCollapseGroup_register");
 const CollapseGroupUnregisterKey = Symbol("UiCollapseGroup_unregister");
 const CollapseGroupExpandKey = Symbol("UiCollapseGroup_expand");
 const CollapseGroupCollapseKey = Symbol("UiCollapseGroup_collapse");
-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_1$B = ["id", "aria-labelledby"];
+const _hoisted_2$j = ["id", "disabled", "aria-controls", "aria-expanded", "aria-disabled"];
+const _hoisted_3$f = { 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"];
@@ -2611,7 +2611,7 @@ const _hoisted_10 = {
   key: 0,
   class: "ui-v1-collapse-box__footer"
 };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2667,8 +2667,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     /** Размер иконки */
     iconSize: {
       type: String,
-      default: SIZE$8.SM,
-      validator: (value) => Object.values(SIZE$8).includes(value)
+      default: SIZE$9.SM,
+      validator: (value) => Object.values(SIZE$9).includes(value)
     },
     /** Рамка вместо тени */
     bordered: {
@@ -2834,7 +2834,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
                 [`ui-v1-collapse-box__icon_${__props.iconSize}`]: __props.iconSize
               })
             }, [
-              vue.createElementVNode("span", _hoisted_3$e, [
+              vue.createElementVNode("span", _hoisted_3$f, [
                 vue.renderSlot(_ctx.$slots, "icon")
               ])
             ], 2)) : vue.createCommentVNode("", true),
@@ -2856,9 +2856,9 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
             !__props.disabled ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3, [
               vue.createVNode(vue.unref(IconChevronRight), { class: "ui-v1-collapse-box__arrow" })
             ])) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$i)
+          ], 8, _hoisted_2$j)
         ], 2),
-        vue.createVNode(_sfc_main$Q, {
+        vue.createVNode(_sfc_main$T, {
           id: boxId.value + "-collapse",
           "aria-hidden": !state.expanded ? "true" : "false",
           "aria-labelledby": boxId.value + "-button",
@@ -2893,11 +2893,11 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 8, ["id", "aria-hidden", "aria-labelledby", "duration", "expanded", "collapse-behaviour"])
-      ], 16, _hoisted_1$A);
+      ], 16, _hoisted_1$B);
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCollapseGroup",
   props: {
     /**
@@ -3015,19 +3015,19 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$d(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$z, [..._cache[0] || (_cache[0] = [
+function render$e(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$A, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M18 16V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M4 4h12v12H4zm16 14V6a2 2 0 0 1 2 2v10a4 4 0 0 1-4 4H8a2 2 0 0 1-2-2h12a2 2 0 0 0 2-2"
     }, null, -1)
   ])]);
 }
-const IconCopy = { render: render$d };
+const IconCopy = { render: render$e };
 const sides$1 = ["top", "right", "bottom", "left"];
 const min = Math.min;
 const max = Math.max;
@@ -4694,8 +4694,8 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     window.addEventListener("click", onGlobalEvent("click"), true);
   }
 }
-const _hoisted_1$y = { class: "ui-v1-popper__content" };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$z = { class: "ui-v1-popper__content" };
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopper",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5041,7 +5041,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
             ref: arrow2,
             class: "ui-v1-popper__arrow"
           }, null, 512)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_1$y, [
+          vue.createElementVNode("div", _hoisted_1$z, [
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ], 16)
@@ -5049,7 +5049,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTooltip",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5160,7 +5160,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       hide: () => popper.value?.hide()
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$N, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$Q, vue.mergeProps({
         ref_key: "popper",
         ref: popper,
         visible: __props.visible,
@@ -5194,11 +5194,11 @@ const _sfc_main$M = /* @__PURE__ */ vue.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_1$y = { class: "ui-v1-copy-button__tooltip" };
+const _hoisted_2$i = { class: "ui-v1-copy-button__icon" };
+const _hoisted_3$e = { class: "ui-v1-copy-button__text" };
 const _hoisted_4$8 = ["value"];
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCopyButton",
   props: {
     /** Текст для копирования в буфер обмена */
@@ -5209,7 +5209,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     /** Размер кнопки */
     size: {
       type: String,
-      default: SIZE$9.XS
+      default: SIZE$a.XS
     },
     /** Объект, содержащий параметры настройки Tooltip */
     tooltipOptions: {
@@ -5270,7 +5270,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         onClick: copy
       }, [
         vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
-          vue.createVNode(_sfc_main$W, {
+          vue.createVNode(_sfc_main$Z, {
             size: __props.size,
             appearance: "tertiary"
           }, {
@@ -5280,7 +5280,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["size"])
         ]),
-        vue.createVNode(_sfc_main$M, vue.mergeProps({
+        vue.createVNode(_sfc_main$P, vue.mergeProps({
           visible: visible.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
           target: rootTarget.value,
@@ -5290,12 +5290,12 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           ...__props.tooltipOptions
         }), {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$x, [
+            vue.createElementVNode("div", _hoisted_1$y, [
               copied.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createElementVNode("div", _hoisted_2$h, [
+                vue.createElementVNode("div", _hoisted_2$i, [
                   vue.createVNode(vue.unref(IconCheckmarkCircleOutlined))
                 ]),
-                vue.createElementVNode("div", _hoisted_3$d, [
+                vue.createElementVNode("div", _hoisted_3$e, [
                   vue.renderSlot(_ctx.$slots, "hint-copied")
                 ])
               ], 64)) : vue.renderSlot(_ctx.$slots, "hint", { key: 1 })
@@ -5350,7 +5350,7 @@ function detectLocale() {
   }
   return "en-GB";
 }
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "UiDate",
   props: {
     date: {
@@ -5377,12 +5377,12 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$c(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [..._cache[0] || (_cache[0] = [
+function render$d(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -5391,13 +5391,13 @@ function render$c(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconCalendar = { render: render$c };
-const _hoisted_1$v = {
+const IconCalendar = { render: render$d };
+const _hoisted_1$w = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$b(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [..._cache[0] || (_cache[0] = [
+function render$c(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -5406,7 +5406,35 @@ function render$b(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconClearCircle = { render: render$b };
+const IconClearCircle = { render: render$c };
+var WIDTH = /* @__PURE__ */ ((WIDTH2) => {
+  WIDTH2["FIT"] = "fit";
+  WIDTH2["FLUID"] = "fluid";
+  return WIDTH2;
+})(WIDTH || {});
+const NUMERIC_PATTERN = /^(?:\d+|\d*\.\d+)$/;
+const UNIT_PATTERN = /^(?:\d+|\d*\.\d+)(?:%|cap|ch|cm|dvb|dvh|dvi|dvw|em|ex|ic|in|lh|lvb|lvh|lvi|lvw|mm|pc|pt|px|Q|rem|rlh|svb|svh|svi|svw|vb|vh|vi|vmax|vmin|vw)$/i;
+const isWidthNumeric = (value) => {
+  return typeof value === "number" ? Number.isFinite(value) && value >= 0 : typeof value === "string" && NUMERIC_PATTERN.test(value.trim());
+};
+const isWidthToken = (value) => {
+  return typeof value === "string" && Object.values(WIDTH).includes(value);
+};
+const isWidth = (value) => {
+  return value === null || value === void 0 || isWidthToken(value) || isWidthNumeric(value) || typeof value === "string" && UNIT_PATTERN.test(value.trim());
+};
+const isWidthExact = (value) => {
+  return value !== null && value !== void 0 && !isWidthToken(value);
+};
+const normalizeWidth = (value) => {
+  if (value === null || value === void 0 || value === "fit") {
+    return null;
+  }
+  if (value === "fluid") {
+    return "100%";
+  }
+  return isWidthNumeric(value) ? `${String(value).trim()}px` : String(value).trim();
+};
 var TYPE$1 = /* @__PURE__ */ ((TYPE2) => {
   TYPE2["EMAIL"] = "email";
   TYPE2["PASSWORD"] = "password";
@@ -5427,14 +5455,14 @@ var INPUTMODE = /* @__PURE__ */ ((INPUTMODE2) => {
   INPUTMODE2["URL"] = "url";
   return INPUTMODE2;
 })(INPUTMODE || {});
-var SIZE$7 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$8 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   SIZE2["XL"] = "xl";
   return SIZE2;
-})(SIZE$7 || {});
+})(SIZE$8 || {});
 const decimalsOf = (value) => {
   const [, fraction] = String(value).replace(",", ".").split(".");
   return fraction ? fraction.length : 0;
@@ -5506,19 +5534,19 @@ const _i18n$5 = define({
     "ru-RU": messages_ru_RU$5
   }
 });
-const _hoisted_1$u = ["id"];
-const _hoisted_2$g = {
+const _hoisted_1$v = ["id"];
+const _hoisted_2$h = {
   key: 0,
   class: "ui-v1-textbox__prefix"
 };
-const _hoisted_3$c = ["id", "type", "value", "max", "min", "step", "aria-invalid", "autocomplete", "inputmode", "maxlength", "placeholder", "readonly", "required", "disabled"];
+const _hoisted_3$d = ["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$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTextbox",
   props: {
     /** Уникальный идентификатор поля */
@@ -5581,7 +5609,13 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     /** Размер поля ввода */
     size: {
       type: String,
-      default: SIZE$7.SM
+      default: SIZE$8.SM
+    },
+    /** Ширина поля. fit — по содержимому, fluid — на всю ширину контейнера */
+    width: {
+      type: [Number, String],
+      validator: isWidth,
+      default: WIDTH.FIT
     },
     /** Нативный атрибут input|textarea */
     placeholder: {
@@ -5680,6 +5714,10 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const uid2 = vue.useId();
     const i18n = vue.computed(() => _i18n$5.init(vue.inject(I18nInjectKey, null)?.locale ?? _i18n$5.fallback));
+    const style = vue.computed(() => {
+      const width = normalizeWidth(props.width);
+      return isWidthExact(props.width) && width ? { width } : {};
+    });
     const decimalsParsed = vue.computed(() => {
       if (props.decimals === "*" || props.decimals === void 0) return "*";
       const n = Number(props.decimals);
@@ -5804,9 +5842,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
       }
       let width = el.scrollWidth;
       if (IS_DESKTOP_SAFARI) {
-        const style = getComputedStyle(el);
-        const pl = parseFloat(style.paddingLeft) || 0;
-        const pr = parseFloat(style.paddingRight) || 0;
+        const style2 = getComputedStyle(el);
+        const pl = parseFloat(style2.paddingLeft) || 0;
+        const pr = parseFloat(style2.paddingRight) || 0;
         width += pl + pr;
       }
       return width + 1;
@@ -5934,15 +5972,18 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-textbox": true,
           "ui-v1-textbox_active": __props.active,
           "ui-v1-textbox_autofit": __props.autofit,
+          "ui-v1-textbox_fit": __props.width === vue.unref(WIDTH).FIT,
+          "ui-v1-textbox_fluid": __props.width === vue.unref(WIDTH).FLUID,
           "ui-v1-textbox_invalid": __props.invalid,
           "ui-v1-textbox_outlined": __props.outlined,
-          "ui-v1-textbox_xs": __props.size === vue.unref(SIZE$7).XS,
-          "ui-v1-textbox_md": __props.size === vue.unref(SIZE$7).MD,
-          "ui-v1-textbox_lg": __props.size === vue.unref(SIZE$7).LG,
-          "ui-v1-textbox_xl": __props.size === vue.unref(SIZE$7).XL
-        }
+          "ui-v1-textbox_xs": __props.size === vue.unref(SIZE$8).XS,
+          "ui-v1-textbox_md": __props.size === vue.unref(SIZE$8).MD,
+          "ui-v1-textbox_lg": __props.size === vue.unref(SIZE$8).LG,
+          "ui-v1-textbox_xl": __props.size === vue.unref(SIZE$8).XL
+        },
+        style: style.value
       }, _ctx.$attrs), [
-        __props.prefix || "prefix" in _ctx.$slots ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g, [
+        __props.prefix || "prefix" in _ctx.$slots ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, [
           vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
             vue.createTextVNode(vue.toDisplayString(__props.prefix), 1)
           ])
@@ -5979,7 +6020,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           onChange,
           onFocus,
           onBlur
-        }), null, 16, _hoisted_3$c)) : (vue.openBlock(), vue.createElementBlock("textarea", vue.mergeProps({
+        }), null, 16, _hoisted_3$d)) : (vue.openBlock(), vue.createElementBlock("textarea", vue.mergeProps({
           key: 3,
           id: __props.id ?? vue.unref(uid2),
           ref_key: "textbox",
@@ -6032,17 +6073,17 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(__props.suffix), 1)
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$u);
+      ], 16, _hoisted_1$v);
     };
   }
 });
-var SIZE$6 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$7 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$6 || {});
+})(SIZE$7 || {});
 const deltaTransition$1 = (el) => {
   const delta = el.scrollWidth - el.clientWidth;
   return delta !== 0 ? {
@@ -6050,15 +6091,15 @@ const deltaTransition$1 = (el) => {
     animationDuration: `${delta * 15}ms`
   } : {};
 };
-const _hoisted_1$t = {
+const _hoisted_1$u = {
   key: 0,
   class: "ui-v1-menu-item__avatar"
 };
-const _hoisted_2$f = {
+const _hoisted_2$g = {
   key: 1,
   class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_leading"
 };
-const _hoisted_3$b = { class: "ui-v1-menu-item__content" };
+const _hoisted_3$c = { class: "ui-v1-menu-item__content" };
 const _hoisted_4$6 = { class: "ui-v1-menu-item__text" };
 const _hoisted_5$5 = {
   key: 0,
@@ -6072,13 +6113,13 @@ const _hoisted_7$2 = {
   key: 3,
   class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_trailing"
 };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "UiMenuItem",
   props: {
     /** Размер */
     size: {
       type: String,
-      default: SIZE$6.MD
+      default: SIZE$7.MD
     },
     /** Описание */
     description: {
@@ -6151,12 +6192,12 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
           }),
           onMouseoverOnce: onHover
         }, [
-          _ctx.$slots["avatar"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
+          _ctx.$slots["avatar"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
             vue.renderSlot(_ctx.$slots, "avatar")
-          ])) : _ctx.$slots["leading-icon"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
+          ])) : _ctx.$slots["leading-icon"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
             vue.renderSlot(_ctx.$slots, "leading-icon")
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3$b, [
+          vue.createElementVNode("div", _hoisted_3$c, [
             vue.createElementVNode("div", _hoisted_4$6, [
               __props.ticker ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
@@ -6183,7 +6224,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -6361,7 +6402,7 @@ const isQuickDateEqual = (first, second) => {
   }
   return false;
 };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "UiDatePickerQuickMenu",
   props: {
     value: {
@@ -6387,18 +6428,18 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       emit("change", props.nullable && isActive(date) ? null : date);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$H, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$K, {
         class: "ui-v1-date-picker__quick-menu",
         role: "menu",
         native: ""
       }, {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$I, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$L, {
               key: "quick-item-" + index,
               active: isActive(item.value),
               "aria-current": isActive(item.value) ? "true" : "false",
-              size: vue.unref(SIZE$6).SM,
+              size: vue.unref(SIZE$7).SM,
               role: "menuitem",
               onClick: ($event) => onClick(item.value)
             }, {
@@ -6439,11 +6480,11 @@ const _i18n$4 = define({
     "ru-RU": messages_ru_RU$4
   }
 });
-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_1$t = ["id", "aria-controls", "aria-disabled", "aria-expanded", "aria-readonly"];
+const _hoisted_2$f = ["id"];
+const _hoisted_3$b = { class: "ui-v1-date-picker__workspace" };
 const _hoisted_4$5 = { class: "ui-v1-date-picker__action" };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6488,8 +6529,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     },
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
-      default: APPEARANCE$4.SINGLE
+      validator: (appearance) => Object.values(APPEARANCE$5).includes(appearance),
+      default: APPEARANCE$5.SINGLE
     },
     synchronization: {
       type: String,
@@ -6810,7 +6851,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
           onClick: toggle
         }, [
           vue.renderSlot(_ctx.$slots, "trigger")
-        ])) : (vue.openBlock(), vue.createBlock(_sfc_main$J, vue.mergeProps({
+        ])) : (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
           key: 1,
           id: inputId.value,
           ref_key: "textbox",
@@ -6845,7 +6886,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
             key: "0"
           } : void 0
         ]), 1040, ["id", "clearable", "value", "placeholder", "active", "disabled", "readonly"])),
-        vue.createVNode(_sfc_main$N, vue.mergeProps({
+        vue.createVNode(_sfc_main$Q, vue.mergeProps({
           id: `${inputId.value}-popper`,
           visible: showCalendar.value,
           target: triggerTarget.value,
@@ -6868,15 +6909,15 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
               }, ["stop"]))
             }, [
-              __props.quickOptions.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+              __props.quickOptions.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
                 key: 0,
                 value: view.value,
                 items: __props.quickOptions,
                 nullable: __props.nullable,
                 onChange: onQuickChange
               }, null, 8, ["value", "items", "nullable"])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_3$a, [
-                vue.createVNode(_sfc_main$S, {
+              vue.createElementVNode("div", _hoisted_3$b, [
+                vue.createVNode(_sfc_main$V, {
                   ref_key: "calendar",
                   ref: calendar,
                   value: view.value,
@@ -6893,11 +6934,11 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                   key: 0,
                   class: vue.normalizeClass({
                     "ui-v1-date-picker__footer": true,
-                    "ui-v1-date-picker__footer_horizontal": __props.appearance === vue.unref(APPEARANCE$4).DOUBLE
+                    "ui-v1-date-picker__footer_horizontal": __props.appearance === vue.unref(APPEARANCE$5).DOUBLE
                   })
                 }, [
                   vue.createElementVNode("div", _hoisted_4$5, [
-                    vue.createVNode(_sfc_main$W, {
+                    vue.createVNode(_sfc_main$Z, {
                       appearance: "tertiary",
                       class: "ui-v1-date-picker__button",
                       onClick: reset
@@ -6907,7 +6948,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                       ]),
                       _: 1
                     }),
-                    vue.createVNode(_sfc_main$W, {
+                    vue.createVNode(_sfc_main$Z, {
                       class: "ui-v1-date-picker__button",
                       onClick: apply2
                     }, {
@@ -6919,11 +6960,11 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                   ])
                 ], 2)) : vue.createCommentVNode("", true)
               ])
-            ], 8, _hoisted_2$e)
+            ], 8, _hoisted_2$f)
           ]),
           _: 1
         }, 16, ["id", "visible", "target", "container", "placement", "aria-hidden", "class", "disabled"])
-      ], 16, _hoisted_1$s);
+      ], 16, _hoisted_1$t);
     };
   }
 });
@@ -6932,7 +6973,7 @@ var ALIGN$1 = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
 })(ALIGN$1 || {});
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -6971,38 +7012,38 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$a(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, [..._cache[0] || (_cache[0] = [
+function render$b(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$s, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M12.72 15.78a.75.75 0 0 1-.53.22h-.38a.77.77 0 0 1-.53-.22l-5.13-5.14a.5.5 0 0 1 0-.71l.71-.71a.49.49 0 0 1 .7 0L12 13.67l4.44-4.45a.5.5 0 0 1 .71 0l.7.71a.5.5 0 0 1 0 .71z"
     }, null, -1)
   ])]);
 }
-const IconChevronDown = { render: render$a };
-const _hoisted_1$q = {
+const IconChevronDown = { render: render$b };
+const _hoisted_1$r = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$9(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, [..._cache[0] || (_cache[0] = [
+function render$a(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M11.28 8.22a.75.75 0 0 1 .53-.22h.38a.77.77 0 0 1 .53.22l5.13 5.14a.5.5 0 0 1 0 .71l-.71.71a.49.49 0 0 1-.7 0L12 10.33l-4.44 4.45a.5.5 0 0 1-.71 0l-.7-.71a.5.5 0 0 1 0-.71z"
     }, null, -1)
   ])]);
 }
-const IconChevronUp = { render: render$9 };
-const _hoisted_1$p = ["id", "aria-expanded", "aria-hidden"];
-const _hoisted_2$d = {
+const IconChevronUp = { render: render$a };
+const _hoisted_1$q = ["id", "aria-expanded", "aria-hidden"];
+const _hoisted_2$e = {
   "aria-hidden": "true",
   class: "ui-v1-infobox__media"
 };
-const _hoisted_3$9 = { class: "ui-v1-infobox__icon" };
+const _hoisted_3$a = { class: "ui-v1-infobox__icon" };
 const _hoisted_4$4 = { class: "ui-v1-infobox__content" };
 const _hoisted_5$4 = {
   key: 0,
@@ -7010,7 +7051,7 @@ const _hoisted_5$4 = {
 };
 const _hoisted_6$2 = ["id"];
 const _hoisted_7$1 = ["aria-controls", "aria-expanded"];
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7147,7 +7188,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       syncExpandedFromProps();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$10, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$13, {
         name: "fade",
         onAfterEnter,
         onAfterLeave,
@@ -7167,8 +7208,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             },
             role: "alert"
           }, rootAttrs.value), [
-            vue.createElementVNode("div", _hoisted_2$d, [
-              vue.createElementVNode("div", _hoisted_3$9, [
+            vue.createElementVNode("div", _hoisted_2$e, [
+              vue.createElementVNode("div", _hoisted_3$a, [
                 vue.renderSlot(_ctx.$slots, "icon", {
                   expanded: state.shouldBeExpanded
                 }, () => [
@@ -7213,7 +7254,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                   }))
                 ], 8, _hoisted_7$1)) : vue.createCommentVNode("", true)
               ])) : vue.createCommentVNode("", true),
-              vue.createVNode(_sfc_main$Q, {
+              vue.createVNode(_sfc_main$T, {
                 id: bodyId.value,
                 "aria-labelledby": hasTitle.value ? titleId.value : void 0,
                 expanded: bodyExpanded.value,
@@ -7241,7 +7282,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createVNode(vue.unref(IconClear), { class: "ui-v1-infobox__closer-icon" })
             ])) : vue.createCommentVNode("", true)
-          ], 16, _hoisted_1$p), [
+          ], 16, _hoisted_1$q), [
             [vue.vShow, state.shouldBeShown]
           ])
         ]),
@@ -7250,28 +7291,28 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$8(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$o, [..._cache[0] || (_cache[0] = [
+function render$9(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "m6.844 17.854-.7-.703a.5.5 0 0 1 0-.704l8.48-8.456-6.212.007a.49.49 0 0 1-.496-.5l.007-.991a.5.5 0 0 1 .496-.5L16.994 6c.196 0 .385.078.524.218l.265.267c.137.142.215.33.217.528l-.007 8.633a.5.5 0 0 1-.496.5h-.992a.48.48 0 0 1-.49-.493l.007-6.255-8.48 8.456a.49.49 0 0 1-.698 0"
     }, null, -1)
   ])]);
 }
-const IconOpenInNew = { render: render$8 };
-var APPEARANCE$3 = /* @__PURE__ */ ((APPEARANCE2) => {
+const IconOpenInNew = { render: render$9 };
+var APPEARANCE$4 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["BREADCRUMBS"] = "breadcrumbs";
   APPEARANCE2["DEFAULT"] = "default";
   APPEARANCE2["NAVIGATION"] = "navigation";
   APPEARANCE2["NAVIGATION_ANCHOR"] = "navigation-anchor";
   APPEARANCE2["TITLE"] = "title";
   return APPEARANCE2;
-})(APPEARANCE$3 || {});
-var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
+})(APPEARANCE$4 || {});
+var SIZE$6 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["ARTICLE"] = "article";
   SIZE2["BODY"] = "body";
   SIZE2["PARAGRAPH"] = "paragraph";
@@ -7280,17 +7321,17 @@ var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["TITLE01"] = "title-01";
   SIZE2["TITLE02"] = "title-02";
   return SIZE2;
-})(SIZE$5 || {});
-const _hoisted_1$n = ["href", "target"];
-const _hoisted_2$c = {
+})(SIZE$6 || {});
+const _hoisted_1$o = ["href", "target"];
+const _hoisted_2$d = {
   key: 0,
   class: "ui-v1-link__inner"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$9 = {
   key: 2,
   class: "ui-v1-link__icon"
 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -7310,14 +7351,14 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     /** Тип ссылок */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$3).includes(appearance),
-      default: APPEARANCE$3.DEFAULT
+      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
+      default: APPEARANCE$4.DEFAULT
     },
     /** Размер текста */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$5).includes(size),
-      default: SIZE$5.BODY
+      validator: (size) => Object.values(SIZE$6).includes(size),
+      default: SIZE$6.BODY
     },
     /** Инвертированный цвет ссылок для тёмного фона */
     light: {
@@ -7359,19 +7400,19 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         },
         target: __props.external ? "_blank" : "_self"
       }, _ctx.$attrs), [
-        __props.dotted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, [
+        __props.dotted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$d, [
           vue.renderSlot(_ctx.$slots, "default")
         ])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
-        _ctx.$slots.icon || __props.external ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$8, [
+        _ctx.$slots.icon || __props.external ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, [
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
             vue.createVNode(vue.unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$n);
+      ], 16, _hoisted_1$o);
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -7403,7 +7444,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$10 : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$13 : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -7437,10 +7478,10 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-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 = {
+const _sfc_main$D = {};
+const _hoisted_1$n = { class: "ui-v1-menu-item-group" };
+const _hoisted_2$c = { class: "ui-v1-menu-item-group__head" };
+const _hoisted_3$8 = {
   key: 0,
   class: "ui-v1-menu-item-group__head-option"
 };
@@ -7453,9 +7494,9 @@ const _hoisted_5$3 = {
   class: "ui-v1-menu-item-group__count"
 };
 function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
-    vue.createElementVNode("div", _hoisted_2$b, [
-      _ctx.$slots.option ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
+    vue.createElementVNode("div", _hoisted_2$c, [
+      _ctx.$slots.option ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
         vue.renderSlot(_ctx.$slots, "option")
       ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
         vue.createElementVNode("div", {
@@ -7474,7 +7515,7 @@ function _sfc_render(_ctx, _cache) {
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render]]);
+const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render]]);
 class LayerRegistry {
   registry;
   started = false;
@@ -7565,14 +7606,14 @@ var SCROLLING$1 = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NONE"] = "none";
   return SCROLLING2;
 })(SCROLLING$1 || {});
-var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   SIZE2["SM"] = "sm";
   return SIZE2;
-})(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" };
+})(SIZE$5 || {});
+const _hoisted_1$m = ["id", "aria-hidden", "role"];
+const _hoisted_2$b = ["id"];
+const _hoisted_3$7 = { class: "ui-v1-modal-sidebar__header" };
 const _hoisted_4$2 = { class: "ui-v1-modal-sidebar__header-inner" };
 const _hoisted_5$2 = {
   "aria-level": "1",
@@ -7588,7 +7629,7 @@ const _hoisted_8 = {
   key: 2,
   class: "ui-v1-modal-sidebar__footer"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7634,7 +7675,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     /** Размер панели */
     size: {
       type: String,
-      default: SIZE$4.SM
+      default: SIZE$5.SM
     },
     /** ARIA-роль модального контейнера */
     role: {
@@ -7814,7 +7855,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         to: vue.unref(globals)?.container || "body"
       }, [
-        vue.createVNode(_sfc_main$10, {
+        vue.createVNode(_sfc_main$13, {
           name: "fade-2",
           onBeforeEnter: _cache[5] || (_cache[5] = ($event) => visibilityOfOverlay.value = "showing"),
           onAfterEnter: _cache[6] || (_cache[6] = ($event) => visibilityOfOverlay.value = "shown"),
@@ -7835,7 +7876,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               "aria-modal": "true",
               role: __props.role
             }, _ctx.$attrs, { onClick: onBackdropClick }), [
-              vue.createVNode(_sfc_main$10, {
+              vue.createVNode(_sfc_main$13, {
                 name: `slide-${__props.direction}`,
                 onBeforeEnter: _cache[1] || (_cache[1] = ($event) => visibilityOfSidebar.value = "showing"),
                 onAfterEnter: _cache[2] || (_cache[2] = ($event) => visibilityOfSidebar.value = "shown"),
@@ -7850,11 +7891,11 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                       "ui-v1-modal-sidebar": true,
                       "ui-v1-modal-sidebar_fixed": __props.fixed,
                       "ui-v1-modal-sidebar_left": __props.direction === vue.unref(DIRECTION$2).LEFT,
-                      "ui-v1-modal-sidebar_size_sm": __props.size === vue.unref(SIZE$4).SM,
-                      "ui-v1-modal-sidebar_size_lg": __props.size === vue.unref(SIZE$4).LG
+                      "ui-v1-modal-sidebar_size_sm": __props.size === vue.unref(SIZE$5).SM,
+                      "ui-v1-modal-sidebar_size_lg": __props.size === vue.unref(SIZE$5).LG
                     })
                   }, [
-                    vue.createElementVNode("header", _hoisted_3$6, [
+                    vue.createElementVNode("header", _hoisted_3$7, [
                       vue.createElementVNode("div", _hoisted_4$2, [
                         vue.createElementVNode("div", _hoisted_5$2, [
                           vue.renderSlot(_ctx.$slots, "title", {
@@ -7876,7 +7917,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                           "aria-hidden": "true",
                           width: "32"
                         }),
-                        vue.createVNode(_sfc_main$M, {
+                        vue.createVNode(_sfc_main$P, {
                           target: closerTarget.value,
                           "offset-main-axis": 0
                         }, {
@@ -7891,7 +7932,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                       vue.renderSlot(_ctx.$slots, "default", {
                         overlapped: state.overlapped
                       })
-                    ])) : (vue.openBlock(), vue.createBlock(_sfc_main$H, {
+                    ])) : (vue.openBlock(), vue.createBlock(_sfc_main$K, {
                       key: 1,
                       native: __props.scrolling === vue.unref(SCROLLING$1).NATIVE,
                       class: "ui-v1-modal-sidebar__body",
@@ -7910,11 +7951,11 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                         overlapped: state.overlapped
                       })
                     ])) : vue.createCommentVNode("", true)
-                  ], 10, _hoisted_2$a)) : vue.createCommentVNode("", true)
+                  ], 10, _hoisted_2$b)) : vue.createCommentVNode("", true)
                 ]),
                 _: 3
               }, 8, ["name"])
-            ], 16, _hoisted_1$l), [
+            ], 16, _hoisted_1$m), [
               [vue.vShow, state.shown]
             ])
           ]),
@@ -7924,19 +7965,19 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var APPEARANCE$2 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$3 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["ALERT"] = "alert";
   APPEARANCE2["DIALOG"] = "dialog";
   APPEARANCE2["POPUP"] = "popup";
   APPEARANCE2["HINT"] = "hint";
   return APPEARANCE2;
-})(APPEARANCE$2 || {});
+})(APPEARANCE$3 || {});
 var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NORMAL"] = "normal";
   SCROLLING2["NATIVE"] = "native";
   return SCROLLING2;
 })(SCROLLING || {});
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -7957,8 +7998,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     /** Внешний вид */
     appearance: {
       type: String,
-      validator: (appearance) => expect(appearance).toBeOneOf(APPEARANCE$2),
-      default: APPEARANCE$2.POPUP
+      validator: (appearance) => expect(appearance).toBeOneOf(APPEARANCE$3),
+      default: APPEARANCE$3.POPUP
     },
     /** Вывод на весь экран */
     fullscreen: {
@@ -8156,7 +8197,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return vue.h(_sfc_main$10, {
+      return vue.h(_sfc_main$13, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -8166,10 +8207,10 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
         ref: body,
         class: {
           "ui-v1-modal-window": true,
-          "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-modal-window_alert": appearance === APPEARANCE$3.ALERT,
+          "ui-v1-modal-window_dialog": appearance === APPEARANCE$3.DIALOG,
+          "ui-v1-modal-window_popup": appearance === APPEARANCE$3.POPUP,
+          "ui-v1-modal-window_hint": appearance === APPEARANCE$3.HINT,
           "ui-v1-popper-container": true
         }
       }, slots) : []);
@@ -8181,7 +8222,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : vue.h(vue.Teleport, {
       to: globals?.container ?? document.body
-    }, vue.h(_sfc_main$10, {
+    }, vue.h(_sfc_main$13, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -8199,11 +8240,11 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, vue.h(_sfc_main$H, {
+      }, vue.h(_sfc_main$K, {
         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$2.POPUP
+          "ui-v1-modal-window-container_responsive": props.responsive && props.appearance === APPEARANCE$3.POPUP
         },
         showOnMac: true,
         native: props.scrolling === SCROLLING.NATIVE,
@@ -8223,12 +8264,12 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$7(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, [..._cache[0] || (_cache[0] = [
+function render$8(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -8237,13 +8278,13 @@ function render$7(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconWarning = { render: render$7 };
-const _hoisted_1$j = {
+const IconWarning = { render: render$8 };
+const _hoisted_1$k = {
   key: 0,
   class: "ui-v1-modal-window__icon"
 };
-const _hoisted_2$9 = ["id"];
-const _hoisted_3$5 = ["disabled"];
+const _hoisted_2$a = ["id"];
+const _hoisted_3$6 = ["disabled"];
 const _hoisted_4$1 = {
   key: 1,
   class: "ui-v1-modal-window__content"
@@ -8256,7 +8297,7 @@ const _hoisted_6 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -8277,8 +8318,8 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     /** Внешний вид: алерт, диалог, popup, hint */
     appearance: {
       type: String,
-      validator: (value) => expect(value).toBeOneOf(APPEARANCE$2),
-      default: APPEARANCE$2.POPUP
+      validator: (value) => expect(value).toBeOneOf(APPEARANCE$3),
+      default: APPEARANCE$3.POPUP
     },
     /** Время, через которое плавающий элемент удаляется со страницы, если был скрыт */
     disposeTimeout: {
@@ -8376,7 +8417,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watch(() => props.opened, toggle);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$B, vue.mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -8402,10 +8443,10 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass({
               "ui-v1-modal-window__header": true,
-              "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === vue.unref(APPEARANCE$2).POPUP && !__props.responsive
+              "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === vue.unref(APPEARANCE$3).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === vue.unref(APPEARANCE$2).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+            __props.appearance === vue.unref(APPEARANCE$3).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
               vue.renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -8420,8 +8461,8 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, "title", {
                 overlapped: state.overlapped
               })
-            ], 8, _hoisted_2$9)) : vue.createCommentVNode("", true),
-            __props.appearance !== vue.unref(APPEARANCE$2).ALERT ? (vue.openBlock(), vue.createElementBlock("button", {
+            ], 8, _hoisted_2$a)) : vue.createCommentVNode("", true),
+            __props.appearance !== vue.unref(APPEARANCE$3).ALERT ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 2,
               "aria-keyshortcuts": "Esc",
               "aria-label": "Close dialog",
@@ -8434,9 +8475,9 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                 title: "Close dialog",
                 style: { "width": "100%" }
               })
-            ], 8, _hoisted_3$5)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$6)) : vue.createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
+          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -8454,7 +8495,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
             })
           ])),
           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
-            __props.appearance === vue.unref(APPEARANCE$2).HINT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            __props.appearance === vue.unref(APPEARANCE$3).HINT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
               vue.renderSlot(_ctx.$slots, "footer", {
                 overlapped: state.overlapped
               })
@@ -8469,58 +8510,58 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$6(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$i, [..._cache[0] || (_cache[0] = [
+function render$7(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$j, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M19 11.5v1a.5.5 0 0 1-.5.5H13v5.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V13H5.5a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H11V5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V11h5.5a.5.5 0 0 1 .5.5"
     }, null, -1)
   ])]);
 }
-const IconAdd = { render: render$6 };
-const _hoisted_1$h = {
+const IconAdd = { render: render$7 };
+const _hoisted_1$i = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$5(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$h, [..._cache[0] || (_cache[0] = [
+function render$6(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$i, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M8.138 11.06A.52.52 0 0 1 8 10.705c0-.133.05-.261.138-.355l.187-.2A.44.44 0 0 1 8.66 10h6.68a.44.44 0 0 1 .335.15l.187.2a.52.52 0 0 1 .138.355c0 .133-.05.26-.138.355l-3.536 3.788A.43.43 0 0 1 12 15a.43.43 0 0 1-.326-.152z"
     }, null, -1)
   ])]);
 }
-const IconCaret = { render: render$5 };
-const _hoisted_1$g = {
+const IconCaret = { 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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$g, [..._cache[0] || (_cache[0] = [
+function render$5(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$h, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M16.14 12.94a.5.5 0 0 1 0 .71l-.2.2a.5.5 0 0 1-.36.15H8.42a.5.5 0 0 1-.36-.15l-.2-.2a.5.5 0 0 1 0-.71l3.79-3.79a.48.48 0 0 1 .7 0z"
     }, null, -1)
   ])]);
 }
-const IconCaretUp = { render: render$4 };
-const _hoisted_1$f = {
+const IconCaretUp = { 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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
+function render$4(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$g, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M5.5 13.25c-.276 0-.5-.28-.5-.625v-1.25c0-.345.224-.625.5-.625h13c.276 0 .5.28.5.625v1.25c0 .345-.224.625-.5.625z"
     }, null, -1)
   ])]);
 }
-const IconRemove = { render: render$3 };
+const IconRemove = { render: render$4 };
 var DIRECTION$1 = /* @__PURE__ */ ((DIRECTION2) => {
   DIRECTION2["HORIZONTAL"] = "horizontal";
   DIRECTION2["VERTICAL"] = "vertical";
@@ -8623,10 +8664,10 @@ const _i18n$3 = define({
     "ru-RU": messages_ru_RU$3
   }
 });
-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__ */ vue.defineComponent({
+const _hoisted_1$f = ["id", "aria-disabled", "aria-readonly"];
+const _hoisted_2$9 = ["id", "aria-controls", "aria-label", "disabled"];
+const _hoisted_3$5 = ["id", "aria-controls", "aria-label", "disabled"];
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8688,8 +8729,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     },
     size: {
       type: String,
-      validator: (value) => Object.values(SIZE$7).includes(value),
-      default: SIZE$7.SM
+      validator: (value) => Object.values(SIZE$8).includes(value),
+      default: SIZE$8.SM
     },
     outlined: {
       type: Boolean,
@@ -8974,8 +9015,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             "aria-hidden": "true",
             class: "ui-v1-number-stepper__icon"
           }))
-        ], 8, _hoisted_2$8),
-        vue.createVNode(_sfc_main$J, vue.mergeProps(resolvedTextboxOptions.value, {
+        ], 8, _hoisted_2$9),
+        vue.createVNode(_sfc_main$M, vue.mergeProps(resolvedTextboxOptions.value, {
           id: stepperId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -9014,13 +9055,13 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             "aria-hidden": "true",
             class: "ui-v1-number-stepper__icon"
           }))
-        ], 8, _hoisted_3$4)
-      ], 16, _hoisted_1$e);
+        ], 8, _hoisted_3$5)
+      ], 16, _hoisted_1$f);
     };
   }
 });
-const _hoisted_1$d = ["id", "aria-label", "role", "tabindex", "onKeydown"];
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$e = ["id", "aria-label", "role", "tabindex", "onKeydown"];
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPageHeaderTitle",
   props: {
     /** Уникальный идентификатор корневого элемента */
@@ -9180,7 +9221,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           vue.withKeys(vue.withModifiers(startEditing, ["prevent"]), ["enter"]),
           vue.withKeys(vue.withModifiers(startEditing, ["prevent"]), ["space"])
         ]
-      }, vue.toDisplayString(currentValue.value || displayPlaceholder.value), 43, _hoisted_1$d)) : (vue.openBlock(), vue.createBlock(_sfc_main$J, {
+      }, vue.toDisplayString(currentValue.value || displayPlaceholder.value), 43, _hoisted_1$e)) : (vue.openBlock(), vue.createBlock(_sfc_main$M, {
         key: 1,
         id: textboxId.value,
         ref_key: "textbox",
@@ -9206,9 +9247,9 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-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_1$d = ["id"];
+const _hoisted_2$8 = { class: "ui-v1-page-header__main" };
+const _hoisted_3$4 = { class: "ui-v1-page-header__title" };
 const _hoisted_4 = {
   key: 0,
   class: "ui-v1-page-header__addon"
@@ -9217,7 +9258,7 @@ const _hoisted_5 = {
   key: 0,
   class: "ui-v1-page-header__actions"
 };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9298,9 +9339,9 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-page-header_readonly": __props.readonly
         }
       }, _ctx.$attrs), [
-        vue.createElementVNode("div", _hoisted_2$7, [
-          vue.createElementVNode("div", _hoisted_3$3, [
-            vue.createVNode(_sfc_main$v, {
+        vue.createElementVNode("div", _hoisted_2$8, [
+          vue.createElementVNode("div", _hoisted_3$4, [
+            vue.createVNode(_sfc_main$y, {
               id: __props.id,
               ref_key: "main",
               ref: main,
@@ -9327,11 +9368,11 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         "actions" in _ctx.$slots ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
           vue.renderSlot(_ctx.$slots, "actions")
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$c);
+      ], 16, _hoisted_1$d);
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9371,7 +9412,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       blur: () => base.value?.blur()
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$u, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
         ref_key: "base",
         ref: base
       }, baseProps.value, {
@@ -9399,7 +9440,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopperConnector",
   setup(__props) {
     const target = vue.ref(null);
@@ -9410,7 +9451,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9436,11 +9477,11 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["id", "name", "value", "checked", "required", "disabled"];
+const _hoisted_1$c = ["id", "name", "value", "checked", "required", "disabled"];
 let nameCounter = 0;
 let idCounter = 0;
 const __default__$1 = {};
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...__default__$1,
   ...{
     inheritAttrs: false
@@ -9529,24 +9570,24 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           type: "radio",
           class: "ui-v1-radio__input",
           onChange
-        }), null, 16, _hoisted_1$b),
+        }), null, 16, _hoisted_1$c),
         _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "ui-v1-radio__checkmark" }, null, -1))
       ], 16);
     };
   }
 });
-var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$2 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["DEFAULT"] = "default";
   APPEARANCE2["SECTION"] = "section";
   return APPEARANCE2;
-})(APPEARANCE$1 || {});
-var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
+})(APPEARANCE$2 || {});
+var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$3 || {});
-const _sfc_main$p = vue.defineComponent({
+})(SIZE$4 || {});
+const _sfc_main$s = vue.defineComponent({
   name: "UiRadioSwitchOptionShell",
   inheritAttrs: false,
   props: {
@@ -9556,13 +9597,13 @@ const _sfc_main$p = vue.defineComponent({
     },
     appearance: {
       type: String,
-      default: APPEARANCE$1.DEFAULT,
-      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance)
+      default: APPEARANCE$2.DEFAULT,
+      validator: (appearance) => Object.values(APPEARANCE$2).includes(appearance)
     },
     size: {
       type: String,
-      default: SIZE$3.MD,
-      validator: (size) => Object.values(SIZE$3).includes(size)
+      default: SIZE$4.MD,
+      validator: (size) => Object.values(SIZE$4).includes(size)
     },
     checked: {
       type: Boolean,
@@ -9588,27 +9629,27 @@ const _sfc_main$p = vue.defineComponent({
       "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_standalone": props.appearance === APPEARANCE$2.SECTION,
+        "ui-v1-radio-switch-option_default": props.appearance === APPEARANCE$2.DEFAULT,
+        [`ui-v1-radio-switch-option_${props.size}`]: props.appearance === APPEARANCE$2.DEFAULT,
         "ui-v1-radio-switch-option_active": props.checked,
         "ui-v1-radio-switch-option_disabled": props.disabled
       }]
     }, slots.default?.());
   }
 });
-const _sfc_main$o = vue.defineComponent({
+const _sfc_main$r = vue.defineComponent({
   name: "UiRadioSwitchRoot",
   props: {
     appearance: {
       type: String,
-      default: APPEARANCE$1.DEFAULT,
-      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance)
+      default: APPEARANCE$2.DEFAULT,
+      validator: (appearance) => Object.values(APPEARANCE$2).includes(appearance)
     },
     size: {
       type: String,
-      default: SIZE$3.MD,
-      validator: (size) => Object.values(SIZE$3).includes(size)
+      default: SIZE$4.MD,
+      validator: (size) => Object.values(SIZE$4).includes(size)
     },
     rubber: {
       type: Boolean,
@@ -9621,13 +9662,89 @@ const _sfc_main$o = vue.defineComponent({
       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_${props.size}`]: props.appearance === APPEARANCE$2.DEFAULT,
+        "ui-v1-radio-switch_borderless": props.appearance === APPEARANCE$2.SECTION,
         "ui-v1-radio-switch_rubber": props.rubber
       }]
     }, slots.default?.());
   }
 });
+var ANIMATION = /* @__PURE__ */ ((ANIMATION2) => {
+  ANIMATION2["PULSE"] = "pulse";
+  ANIMATION2["SHIMMER"] = "shimmer";
+  return ANIMATION2;
+})(ANIMATION || {});
+var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
+  APPEARANCE2["CIRCLE"] = "circle";
+  APPEARANCE2["RECTANGLE"] = "rectangle";
+  APPEARANCE2["TEXT"] = "text";
+  return APPEARANCE2;
+})(APPEARANCE$1 || {});
+var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["SM"] = "sm";
+  SIZE2["MD"] = "md";
+  SIZE2["LG"] = "lg";
+  return SIZE2;
+})(SIZE$3 || {});
+function guessDimensionStyleValue(value) {
+  return typeof value === "number" || typeof value === "string" && /^\d*$/.test(value) ? `${value}px` : value;
+}
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  __name: "UiSkeleton",
+  props: {
+    /** Визуальная форма скелетона */
+    appearance: {
+      type: String,
+      validator: (value) => Object.values(APPEARANCE$1).includes(value),
+      default: APPEARANCE$1.RECTANGLE
+    },
+    /** Преднастроенный размер */
+    size: {
+      type: String,
+      validator: (value) => Object.values(SIZE$3).includes(value),
+      default: SIZE$3.MD
+    },
+    /** Тип анимации */
+    animation: {
+      type: String,
+      validator: (value) => Object.values(ANIMATION).includes(value),
+      default: ANIMATION.SHIMMER
+    },
+    /** Явная ширина. Числовые значения интерпретируются как px */
+    width: {
+      type: [Number, String],
+      default: null
+    },
+    /** Явная высота. Числовые значения интерпретируются как px */
+    height: {
+      type: [Number, String],
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = vue.computed(() => {
+      const width = guessDimensionStyleValue(props.width);
+      const height = guessDimensionStyleValue(props.height);
+      return {
+        ...width ? { width } : {},
+        ...height ? { height } : {}
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: {
+          "ui-v1-skeleton": true,
+          [`ui-v1-skeleton_${__props.appearance}`]: true,
+          [`ui-v1-skeleton_${__props.size}`]: true,
+          [`ui-v1-skeleton_${__props.animation}`]: true
+        },
+        style: style.value,
+        "aria-hidden": "true"
+      }, _ctx.$attrs), null, 16);
+    };
+  }
+});
 var TYPE = /* @__PURE__ */ ((TYPE2) => {
   TYPE2["SINGLE"] = "single";
   TYPE2["RANGE"] = "range";
@@ -9728,16 +9845,16 @@ const createManipulator = (options) => {
     onDragEnd
   };
 };
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   key: 0,
   class: "ui-v1-slider__label"
 };
-const _hoisted_2$6 = ["onMousedown", "onKeydown", "onFocus"];
-const _hoisted_3$2 = {
+const _hoisted_2$7 = ["onMousedown", "onKeydown", "onFocus"];
+const _hoisted_3$3 = {
   key: 1,
   class: "ui-v1-slider__label"
 };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "UiSlider",
   props: {
     type: {
@@ -9900,7 +10017,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(onClick)($event)),
         onKeydown: _cache[3] || (_cache[3] = ($event) => onRootKeydown($event))
       }), [
-        props.labelled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+        props.labelled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
           vue.renderSlot(_ctx.$slots, "label", {
             boundary: props.min
           })
@@ -9941,10 +10058,10 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                 key: 0,
                 boundary: handle.value
               }) : vue.createCommentVNode("", true)
-            ], 16, _hoisted_2$6);
+            ], 16, _hoisted_2$7);
           }), 128))
         ], 512),
-        props.labelled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
+        props.labelled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
           vue.renderSlot(_ctx.$slots, "label", {
             boundary: props.max
           })
@@ -9964,7 +10081,7 @@ var PLACEMENT = /* @__PURE__ */ ((PLACEMENT2) => {
   PLACEMENT2["LEFT_START"] = "left-start";
   return PLACEMENT2;
 })(PLACEMENT || {});
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "UiSelectPopper",
   props: {
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
@@ -10078,7 +10195,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     __expose({
       autoScroll,
       updateWidth,
-      adjust: () => popper.value?.adjust(),
+      adjust: async () => {
+        await popper.value?.adjust();
+      },
       dispose: () => popper.value?.dispose(),
       show: () => popper.value?.show(),
       hide: () => popper.value?.hide()
@@ -10087,7 +10206,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$N, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$Q, vue.mergeProps({
         id: __props.id + "-popper",
         ref_key: "popper",
         ref: popper,
@@ -10155,7 +10274,7 @@ const _i18n$2 = define({
     "ru-RU": messages_ru_RU$2
   }
 });
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "UiSelectTrigger",
   props: {
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
@@ -10216,8 +10335,14 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     /** Размер поля ввода */
     textboxSize: {
       type: String,
-      validator: (size) => Object.values(SIZE$7).includes(size),
-      default: SIZE$7.SM
+      validator: (size) => Object.values(SIZE$8).includes(size),
+      default: SIZE$8.SM
+    },
+    /** Ширина. fit — по содержимому, fluid — на всю ширину контейнера */
+    width: {
+      type: [Number, String],
+      validator: isWidth,
+      default: WIDTH.FIT
     },
     /** Состояние открытия выпадающего списка */
     expanded: {
@@ -10255,6 +10380,10 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const i18n = vue.computed(() => _i18n$2.init(vue.inject(I18nInjectKey, null)?.locale ?? _i18n$2.fallback));
+    const style = vue.computed(() => {
+      const width = normalizeWidth(props.width);
+      return isWidthExact(props.width) && width ? { width } : {};
+    });
     const input = vue.ref(null);
     const inputReadonly = vue.computed(() => props.readonly || !props.filterable);
     const trigger = vue.ref(null);
@@ -10370,8 +10499,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-select": true,
           "ui-v1-select_active": __props.expanded,
           "ui-v1-select_disabled": __props.disabled,
-          "ui-v1-select_filterable": __props.filterable
+          "ui-v1-select_fit": __props.width === vue.unref(WIDTH).FIT,
+          "ui-v1-select_filterable": __props.filterable,
+          "ui-v1-select_fluid": __props.width === vue.unref(WIDTH).FLUID
         }),
+        style: vue.normalizeStyle(style.value),
         onClick
       }, [
         __props.multiple && !_ctx.$slots.trigger ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -10381,7 +10513,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           class: "ui-v1-select__touchstone"
         }, vue.toDisplayString(selectionLabels.value), 513)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
-          vue.createVNode(_sfc_main$J, {
+          vue.createVNode(_sfc_main$M, {
             id: __props.id,
             value: inputValue.value,
             placeholder: !inputReadonly.value && __props.expanded ? i18n.value.t("search.placeholder") : __props.placeholder,
@@ -10418,16 +10550,16 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             } : void 0
           ]), 1032, ["id", "value", "placeholder", "active", "clearable", "invalid", "readonly", "size", "disabled", "input-attributes"])
         ])
-      ], 2);
+      ], 6);
     };
   }
 });
-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" };
+const _hoisted_1$a = ["id", "checked", "disabled", "aria-checked", "aria-disabled"];
+const _hoisted_2$6 = { class: "ui-v1-switch__track" };
+const _hoisted_3$2 = { class: "ui-v1-switch__handle" };
 let counter$1 = 0;
 const __default__ = {};
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   __name: "UiSwitch",
   props: {
@@ -10500,9 +10632,9 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           role: "switch",
           class: "ui-v1-switch__input",
           onChange
-        }), null, 16, _hoisted_1$9),
-        vue.createElementVNode("span", _hoisted_2$5, [
-          vue.createElementVNode("span", _hoisted_3$1, [
+        }), null, 16, _hoisted_1$a),
+        vue.createElementVNode("span", _hoisted_2$6, [
+          vue.createElementVNode("span", _hoisted_3$2, [
             !__props.square ? (vue.openBlock(), vue.createBlock(vue.unref(IconDone), {
               key: 0,
               class: "ui-v1-switch__icon"
@@ -10535,7 +10667,7 @@ const byRowKey = (key) => {
 };
 const asRowClass = (value) => value;
 const asRowAttrs = (value) => value;
-const _sfc_main$j = vue.defineComponent({
+const _sfc_main$l = vue.defineComponent({
   name: "UiTableBodyCell",
   props: {
     align: {
@@ -10587,7 +10719,7 @@ const toCssSize = (value) => {
   }
   return value;
 };
-const _sfc_main$i = vue.defineComponent({
+const _sfc_main$k = vue.defineComponent({
   name: "UiTableCol",
   props: {
     width: {
@@ -10618,9 +10750,9 @@ const _sfc_main$i = vue.defineComponent({
     });
   }
 });
-const _hoisted_1$8 = ["type"];
-const _hoisted_2$4 = { class: "ui-v1-table__footer-button-content" };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$9 = ["type"];
+const _hoisted_2$5 = { class: "ui-v1-table__footer-button-content" };
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10638,14 +10770,14 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         type: __props.type,
         class: "ui-v1-table__footer-button"
       }, _ctx.$attrs), [
-        vue.createElementVNode("span", _hoisted_2$4, [
+        vue.createElementVNode("span", _hoisted_2$5, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
-      ], 16, _hoisted_1$8);
+      ], 16, _hoisted_1$9);
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10658,7 +10790,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$f = vue.defineComponent({
+const _sfc_main$h = vue.defineComponent({
   name: "UiTableHeadCell",
   props: {
     align: {
@@ -10683,7 +10815,7 @@ const _sfc_main$f = vue.defineComponent({
     }, slots.default?.());
   }
 });
-const _sfc_main$e = vue.defineComponent({
+const _sfc_main$g = vue.defineComponent({
   name: "UiTableRoot",
   props: {
     bordered: {
@@ -10706,7 +10838,7 @@ const _sfc_main$e = vue.defineComponent({
     }, slots.default?.());
   }
 });
-const _sfc_main$d = vue.defineComponent({
+const _sfc_main$f = vue.defineComponent({
   name: "UiTableRow",
   props: {
     interactive: {
@@ -10734,7 +10866,7 @@ const sectionTagByKind = {
   body: "tbody",
   foot: "tfoot"
 };
-const _sfc_main$c = vue.defineComponent({
+const _sfc_main$e = vue.defineComponent({
   name: "UiTableSection",
   props: {
     kind: {
@@ -10753,14 +10885,14 @@ const _sfc_main$c = vue.defineComponent({
     }, slots.default?.());
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   "aria-hidden": "true",
   class: "ui-v1-table__sorter-icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$3 = { class: "ui-v1-table__sorter-label" };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$4 = { class: "ui-v1-table__sorter-label" };
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10778,7 +10910,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         type: "button",
         class: "ui-v1-table__sorter"
       }, _ctx.$attrs), [
-        (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, [
+        (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, [
           vue.createElementVNode("path", {
             class: vue.normalizeClass({
               "ui-v1-table__sorter-path": true,
@@ -10794,14 +10926,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.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)
         ])),
-        vue.createElementVNode("span", _hoisted_2$3, [
+        vue.createElementVNode("span", _hoisted_2$4, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
       ], 16);
     };
   }
 });
-const _sfc_main$a = vue.defineComponent({
+const _sfc_main$c = vue.defineComponent({
   name: "UiTab",
   inheritAttrs: false,
   props: {
@@ -10826,12 +10958,12 @@ const _sfc_main$a = vue.defineComponent({
     return () => null;
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$2(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [
+function render$3(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -10840,7 +10972,7 @@ function render$2(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconMoreHorizontal = { render: render$2 };
+const IconMoreHorizontal = { render: render$3 };
 var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
@@ -10855,7 +10987,7 @@ var APPEARANCE = /* @__PURE__ */ ((APPEARANCE2) => {
 const hasCounter = (value) => {
   return value !== null && typeof value !== "undefined";
 };
-const _sfc_main$9 = vue.defineComponent({
+const _sfc_main$b = vue.defineComponent({
   name: "UiTabButton",
   inheritAttrs: false,
   props: {
@@ -10913,12 +11045,12 @@ const _sfc_main$9 = vue.defineComponent({
     ]);
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   "aria-hidden": "true",
   class: "ui-v1-tab-group__measure"
 };
-const _hoisted_2$2 = { class: "ui-v1-tab-group__content" };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$3 = { class: "ui-v1-tab-group__content" };
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTabGroupHead",
   props: {
     groupId: {
@@ -11029,9 +11161,9 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", _hoisted_1$5, [
+        vue.createElementVNode("div", _hoisted_1$6, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$9, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$b, {
               id: `${item.id}-measure`,
               key: `measure-${item.id}`,
               ref_for: true,
@@ -11051,9 +11183,9 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           class: "ui-v1-tab-group__head",
           role: "tablist"
         }, [
-          vue.createElementVNode("div", _hoisted_2$2, [
+          vue.createElementVNode("div", _hoisted_2$3, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.headItems, (item) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$9, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$b, {
                 id: `${props.groupId}-tab-${item.id}`,
                 key: `head-${item.id}`,
                 ref_for: true,
@@ -11073,7 +11205,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["id", "active", "aria-disabled", "aria-selected", "aria-controls", "appearance", "item", "size", "tabindex", "onClick", "onFocus", "onKeydown"]);
             }), 128))
           ]),
-          __props.hasMenuItems ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {
+          __props.hasMenuItems ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
             key: 0,
             active: __props.menuExpanded,
             "aria-expanded": __props.menuExpanded ? "true" : "false",
@@ -11097,7 +11229,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = vue.defineComponent({
+const _sfc_main$9 = vue.defineComponent({
   name: "UiTabGroupMenu",
   props: {
     items: {
@@ -11128,7 +11260,7 @@ const _sfc_main$7 = vue.defineComponent({
   },
   setup(props, { emit }) {
     const resolvedMenuItemSize = vue.computed(() => {
-      return props.size === SIZE$2.SM ? SIZE$6.SM : SIZE$6.MD;
+      return props.size === SIZE$2.SM ? SIZE$7.SM : SIZE$7.MD;
     });
     const onMenuItemKeydown = (id, event) => {
       switch (event.key) {
@@ -11147,7 +11279,7 @@ const _sfc_main$7 = vue.defineComponent({
       if (!props.items.length) {
         return null;
       }
-      return vue.h(_sfc_main$N, {
+      return vue.h(_sfc_main$Q, {
         visible: props.menuExpanded,
         targetTriggers: {
           hide: ["click"],
@@ -11161,7 +11293,7 @@ const _sfc_main$7 = vue.defineComponent({
         default: () => vue.h("div", {
           class: "ui-v1-tab-group__menu",
           role: "menu"
-        }, props.items.map((item) => vue.h(_sfc_main$I, {
+        }, props.items.map((item) => vue.h(_sfc_main$L, {
           key: `menu-${item.id}`,
           active: props.activeId === item.id,
           "aria-checked": props.activeId === item.id ? "true" : "false",
@@ -11364,7 +11496,7 @@ const resolveTabLayout = (options) => {
   };
 };
 let counter = 0;
-const _sfc_main$6 = vue.defineComponent({
+const _sfc_main$8 = vue.defineComponent({
   name: "UiTabGroup",
   inheritAttrs: false,
   props: {
@@ -11573,9 +11705,9 @@ const _sfc_main$6 = vue.defineComponent({
           [`ui-v1-tab-group_${props.size}`]: true
         }]
       }, [
-        vue.h(_sfc_main$s, null, {
+        vue.h(_sfc_main$v, null, {
           default: () => [
-            vue.h(_sfc_main$8, {
+            vue.h(_sfc_main$a, {
               ref: headView,
               activeId: resolvedActiveId,
               appearance: props.appearance,
@@ -11596,7 +11728,7 @@ const _sfc_main$6 = vue.defineComponent({
                 selectTab(id);
               }
             }),
-            vue.h(_sfc_main$7, {
+            vue.h(_sfc_main$9, {
               activeId: resolvedActiveId,
               items: menuItems,
               menuExpanded: resolvedMenuExpanded.value,
@@ -11620,19 +11752,19 @@ const _sfc_main$6 = vue.defineComponent({
     };
   }
 });
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
+function render$2(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "m14.675 4.6.544-1.257a.99.99 0 0 0-.04-.911.82.82 0 0 0-.739-.421L9.5 2a.81.81 0 0 0-.704.423.99.99 0 0 0-.047.88l.55 1.26c.155.358.201.762.13 1.15l-.623 3.441a2.8 2.8 0 0 1-.685 1.426l-.875.96a.96.96 0 0 0-.246.646l.025.555c.002.502.373.91.83.912l8.312.025c.458 0 .828-.407.828-.909l.005-.536a.96.96 0 0 0-.248-.646l-.878-.964a2.85 2.85 0 0 1-.691-1.43l-.636-3.443a2 2 0 0 1 .128-1.15M10.967 20.047a3 3 0 0 1-.196-1.079l-.007-3.771 2.424.057.007 3.758a3 3 0 0 1-.193 1.079l-.638 1.632a.415.415 0 0 1-.382.277.42.42 0 0 1-.383-.279z"
     }, null, -1)
   ])]);
 }
-const IconPinned = { render: render$1 };
+const IconPinned = { render: render$2 };
 var SIZE$1 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   SIZE2["MD"] = "md";
@@ -11664,13 +11796,13 @@ const _i18n$1 = define({
     "ru-RU": messages_ru_RU$1
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   key: 0,
   class: "ui-v1-tag__icon"
 };
-const _hoisted_2$1 = { class: "ui-v1-tag__content-inner" };
-const _hoisted_3 = ["aria-label"];
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$2 = { class: "ui-v1-tag__content-inner" };
+const _hoisted_3$1 = ["aria-label"];
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTag",
   props: {
     /** Размер */
@@ -11732,7 +11864,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle(__props.background ? { background: __props.background } : {}),
           onMouseoverOnce: onHover
         }, [
-          _ctx.$slots["icon"] || __props.pinned ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+          _ctx.$slots["icon"] || __props.pinned ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
               vue.createVNode(vue.unref(IconPinned))
             ])
@@ -11743,7 +11875,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
             style: vue.normalizeStyle(textStyle.value),
             class: "ui-v1-tag__content"
           }, [
-            vue.createElementVNode("div", _hoisted_2$1, [
+            vue.createElementVNode("div", _hoisted_2$2, [
               vue.renderSlot(_ctx.$slots, "default")
             ])
           ], 4),
@@ -11757,25 +11889,25 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "remove-icon", {}, () => [
               vue.createVNode(vue.unref(IconClear))
             ])
-          ], 8, _hoisted_3)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_3$1)) : vue.createCommentVNode("", true)
         ], 38)
       ], 16);
     };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
+function render$1(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$3, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16m.88-13.5v5.14l3.63 3.63a.51.51 0 0 1 0 .71l-.53.53a.51.51 0 0 1-.71 0l-4-4a.53.53 0 0 1-.15-.35V6.5a.5.5 0 0 1 .5-.5h.76a.5.5 0 0 1 .5.5"
     }, null, -1)
   ])]);
 }
-const IconTime = { render };
+const IconTime = { render: render$1 };
 const pad = (time2) => time2 < 10 ? `0${time2}` : String(time2);
 const milliseconds = (time2) => {
   const [hours, minutes] = parse(time2).split(":").map((value) => parseInt(value, 10));
@@ -11874,14 +12006,14 @@ const _i18n = define({
     "ru-RU": messages_ru_RU
   }
 });
-const _hoisted_1$1 = ["id", "aria-activedescendant", "aria-controls", "aria-disabled", "aria-expanded", "aria-label", "aria-readonly"];
-const _hoisted_2 = {
+const _hoisted_1$2 = ["id", "aria-activedescendant", "aria-controls", "aria-disabled", "aria-expanded", "aria-label", "aria-readonly"];
+const _hoisted_2$1 = {
   key: 0,
   "aria-disabled": "true",
   class: "ui-v1-time-picker__empty",
   role: "option"
 };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12231,7 +12363,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         },
         role: "combobox"
       }, _ctx.$attrs, { onMousedown: onRootMouseDown }), [
-        vue.createVNode(_sfc_main$J, vue.mergeProps({
+        vue.createVNode(_sfc_main$M, vue.mergeProps({
           id: inputId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -12258,7 +12390,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 16, ["id", "value", "placeholder", "clearable", "disabled", "readonly"]),
-        vue.createVNode(_sfc_main$N, {
+        vue.createVNode(_sfc_main$Q, {
           id: `${inputId.value}-listbox`,
           visible: expanded.value,
           target: rootTarget.value,
@@ -12273,14 +12405,14 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           onAttached: onPopperAttached
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$H, {
+            vue.createVNode(_sfc_main$K, {
               ref_key: "scrollable",
               ref: scrollable,
               class: "ui-v1-time-picker__list"
             }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(variants.value, (time2, index) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$I, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$L, {
                     id: optionId(index),
                     key: `${time2}-${index}`,
                     ref_for: true,
@@ -12302,17 +12434,148 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                     _: 2
                   }, 1032, ["id", "active", "aria-selected", "data-time", "class", "onMouseenter", "onMousedown"]);
                 }), 128)),
-                !variants.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(i18n.value.t("empty")), 1)) : vue.createCommentVNode("", true)
+                !variants.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, vue.toDisplayString(i18n.value.t("empty")), 1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 512)
           ]),
           _: 1
         }, 8, ["id", "visible", "target", "container", "aria-hidden", "disabled", "style"])
-      ], 16, _hoisted_1$1);
+      ], 16, _hoisted_1$2);
     };
   }
 });
+var UiToggleButtonSize = /* @__PURE__ */ ((UiToggleButtonSize2) => {
+  UiToggleButtonSize2["LG"] = "lg";
+  UiToggleButtonSize2["MD"] = "md";
+  UiToggleButtonSize2["SM"] = "sm";
+  UiToggleButtonSize2["XS"] = "xs";
+  return UiToggleButtonSize2;
+})(UiToggleButtonSize || {});
+const _sfc_main$5 = vue.defineComponent({
+  name: "UiToggleButton",
+  props: {
+    id: {
+      type: String,
+      default: void 0
+    },
+    type: {
+      type: String,
+      default: "button"
+    },
+    pressed: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    focused: {
+      type: Boolean,
+      default: false
+    },
+    grouped: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: UiToggleButtonSize.SM,
+      validator: (size) => {
+        return Object.values(UiToggleButtonSize).includes(size);
+      }
+    }
+  },
+  setup(props, { attrs, expose, slots }) {
+    const root = useElementRef();
+    expose({
+      click: () => root.value?.click(),
+      focus: () => root.value?.focus(),
+      blur: () => root.value?.blur()
+    });
+    return () => {
+      const content = normalize$3("default" in slots ? slots.default?.() ?? [] : []);
+      return vue.h("button", {
+        ref: root,
+        ...attrs,
+        id: props.id,
+        type: props.type,
+        disabled: props.disabled,
+        class: [attrs.class, {
+          "ui-v1-toggle-button": true,
+          [`ui-v1-toggle-button_${props.size}`]: true,
+          "ui-v1-toggle-button_pressed": props.pressed,
+          "ui-v1-toggle-button_disabled": props.disabled,
+          "ui-v1-toggle-button_focused": props.focused,
+          "ui-v1-toggle-button_grouped": props.grouped
+        }]
+      }, vue.h("span", { class: "ui-v1-toggle-button__content" }, content.map(([node, isIcon]) => {
+        const nodeProps = node.props ?? {};
+        return vue.h("span", {
+          class: {
+            "ui-v1-toggle-button__icon": isIcon,
+            "ui-v1-toggle-button__text": !isIcon
+          },
+          ..."aria-hidden" in nodeProps ? { "aria-hidden": nodeProps["aria-hidden"] } : {}
+        }, node);
+      })));
+    };
+  }
+});
+const _sfc_main$4 = vue.defineComponent({
+  name: "UiToggleGroupRoot",
+  props: {
+    size: {
+      type: String,
+      default: UiToggleButtonSize.SM,
+      validator: (size) => {
+        return Object.values(UiToggleButtonSize).includes(size);
+      }
+    },
+    rubber: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    ariaLabel: {
+      type: String,
+      default: void 0
+    },
+    ariaLabelledby: {
+      type: String,
+      default: void 0
+    },
+    ariaDescribedby: {
+      type: String,
+      default: void 0
+    },
+    ariaOrientation: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  setup(props, { attrs, slots }) {
+    return () => vue.h("span", {
+      ...attrs,
+      role: attrs.role ?? "toolbar",
+      "aria-label": attrs["aria-label"] ?? props.ariaLabel,
+      "aria-labelledby": attrs["aria-labelledby"] ?? props.ariaLabelledby,
+      "aria-describedby": attrs["aria-describedby"] ?? props.ariaDescribedby,
+      "aria-disabled": attrs["aria-disabled"] ?? `${props.disabled}`,
+      "aria-orientation": attrs["aria-orientation"] ?? props.ariaOrientation,
+      class: [attrs.class, {
+        "ui-v1-toggle-group": true,
+        [`ui-v1-toggle-group_${props.size}`]: true,
+        "ui-v1-toggle-group_rubber": props.rubber,
+        "ui-v1-toggle-group_disabled": props.disabled
+      }]
+    }, slots.default?.());
+  }
+});
 var SIZE = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
@@ -12387,12 +12650,12 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const toolbarSize = useToolbarSize();
     const size = vue.computed(() => {
       if (toolbarSize.value === SIZE.SM) {
-        return SIZE$9.XS;
+        return SIZE$a.XS;
       }
-      return SIZE$9.SM;
+      return SIZE$a.SM;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$W, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$Z, vue.mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -12439,8 +12702,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     /** Тип ссылок */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$3).includes(appearance),
-      default: APPEARANCE$3.DEFAULT
+      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
+      default: APPEARANCE$4.DEFAULT
     },
     /** Инвертированный цвет ссылок для тёмного фона */
     light: {
@@ -12465,7 +12728,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -12491,6 +12754,22 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
+    vue.createElementVNode("path", {
+      fill: "currentColor",
+      d: "M18.968 19.942c.07.188.023.4-.12.54l-.378.38a.487.487 0 0 1-.677 0 8.374 8.374 0 0 0-11.539 0 .487.487 0 0 1-.678 0l-.378-.38a.51.51 0 0 1-.18-.54L11.376 3.32a.51.51 0 0 1 .468-.32h.299a.51.51 0 0 1 .468.32z"
+    }, null, -1)
+  ])]);
+}
+const IconNavigate = { render };
+const YANDEX_MAP_PLUGIN = {
+  LOCATOR: "locator"
+};
 const load = (document2, src) => new Promise((resolve, reject) => {
   const script = document2.createElement("script");
   script.async = true;
@@ -12510,6 +12789,83 @@ const load = (document2, src) => new Promise((resolve, reject) => {
   head.appendChild(script);
 });
 const _hoisted_1 = { class: "ui-v1-yandex-map" };
+const _hoisted_2 = {
+  key: 1,
+  class: "ui-v1-yandex-map__control-group ui-v1-yandex-map__control-group_left"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "ui-v1-yandex-map__control-group ui-v1-yandex-map__control-group_right"
+};
+const MAP_IFRAME_STYLE = `
+  html, body, #map {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+  }
+
+  .ui-v1-yandex-map-marker {
+    position: relative;
+    transform: translate(-10px, -76px);
+    width: 0;
+    height: 0;
+    cursor: grab;
+    user-select: none;
+  }
+
+  .ui-v1-yandex-map-marker:active {
+    cursor: grabbing;
+  }
+
+  .ui-v1-yandex-map-marker__pin {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    background: #ff5547;
+    box-shadow: 0 12px 24px rgba(255, 85, 71, 0.28);
+  }
+
+  .ui-v1-yandex-map-marker__pin::before {
+    content: '';
+    position: absolute;
+    left: 16px;
+    bottom: -13px;
+    width: 12px;
+    height: 16px;
+    background: #ff5547;
+    clip-path: polygon(50% 100%, 0 0, 100% 0);
+  }
+
+  .ui-v1-yandex-map-marker__pin::after {
+    content: '';
+    position: absolute;
+    left: 14px;
+    bottom: -26px;
+    width: 16px;
+    height: 16px;
+    border: 2px solid #ffffff;
+    border-radius: 50%;
+    background: #ff5547;
+    box-sizing: border-box;
+  }
+
+  .ui-v1-yandex-map-marker__hint {
+    position: absolute;
+    left: 56px;
+    top: 4px;
+    min-width: 152px;
+    padding: 7px 12px;
+    border-radius: 4px;
+    background: rgba(255, 255, 255, 0.96);
+    box-shadow: 0 8px 24px rgba(36, 48, 77, 0.16);
+    color: #24304d;
+    font: 400 14px/20px Arial, sans-serif;
+    white-space: nowrap;
+  }
+`;
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "UiYandexMap",
   props: {
@@ -12520,6 +12876,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     address: {
       type: String,
       default: ""
+    },
+    plugins: {
+      type: Array,
+      default: () => []
     }
   },
   emits: [
@@ -12527,10 +12887,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     "update:address"
   ],
   setup(__props, { emit: __emit }) {
+    const PLAIN_OBJECT_PROTOTYPES = [Object.prototype, null];
     const props = __props;
     const emit = __emit;
     const i18nBus = vue.inject(I18nInjectKey, null);
+    const LOCATION = {
+      center: [37.64, 55.76],
+      zoom: 10
+    };
     const iframe = vue.ref(null);
+    const map = vue.shallowRef(null);
+    const marker = vue.shallowRef(null);
+    const mapLocation = vue.ref({
+      center: [...LOCATION.center],
+      zoom: LOCATION.zoom
+    });
+    const activeLoadToken = vue.ref(0);
+    const locating = vue.ref(false);
     const getIFrameDocument = () => iframe.value?.contentDocument ?? null;
     const getIFrameWindow = () => iframe.value?.contentWindow ?? null;
     const getIFrameYMaps = () => {
@@ -12540,10 +12913,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return null;
     };
-    const LOCATION = {
-      center: [37.64, 55.76],
-      zoom: 10
-    };
     const waitIFrameContentLoaded = (retry = 5) => {
       if (iframe.value?.contentDocument) {
         return Promise.resolve();
@@ -12552,7 +12921,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         throw new Error("iframe contentDocument wasn't loaded");
       }
       return new Promise((resolve) => setTimeout(async () => {
-        await waitIFrameContentLoaded(retry--);
+        await waitIFrameContentLoaded(retry - 1);
         resolve(0);
       }, 100));
     };
@@ -12565,6 +12934,138 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const apiUrl = vue.computed(() => `https://api-maps.yandex.ru/v3/?apikey=${props.apiKey}&lang=${apiLocale.value}`);
     const apiUrlVersion = vue.ref(0);
     const getGeocodeApiUrl = (geocode) => `https://geocode-maps.yandex.ru/1.x/?apikey=${props.apiKey}&geocode=${geocode}&lang=${apiLocale.value}&format=json`;
+    const createLoadToken = () => {
+      activeLoadToken.value++;
+      return activeLoadToken.value;
+    };
+    const isCurrentLoadToken = (token) => activeLoadToken.value === token;
+    const disposeMapRuntime = () => {
+      map.value?.destroy();
+      map.value = null;
+      marker.value = null;
+      mapLocation.value = {
+        center: [...LOCATION.center],
+        zoom: LOCATION.zoom
+      };
+    };
+    const cancelMapRuntime = () => {
+      activeLoadToken.value++;
+      disposeMapRuntime();
+    };
+    const updateMapLocation = (location) => {
+      const nextLocation = {
+        center: location.center ? [...location.center] : mapLocation.value.center,
+        zoom: typeof location.zoom === "number" ? location.zoom : mapLocation.value.zoom
+      };
+      mapLocation.value = nextLocation;
+      map.value?.setLocation({
+        ...nextLocation,
+        duration: 200,
+        easing: "ease-in-out"
+      });
+    };
+    const zoomIn = () => {
+      updateMapLocation({ zoom: mapLocation.value.zoom + 1 });
+    };
+    const zoomOut = () => {
+      updateMapLocation({ zoom: mapLocation.value.zoom - 1 });
+    };
+    const getMarkerDetails = (coordinates) => ({
+      longitude: `Longitude: ${coordinates[0].toFixed(2)}`,
+      latitude: `Latitude: ${coordinates[1].toFixed(2)}`
+    });
+    const updateMarker = (coordinates) => {
+      const details = getMarkerDetails(coordinates);
+      marker.value?.update({
+        coordinates,
+        title: `${details.longitude}
+${details.latitude}`
+      });
+    };
+    const getCurrentCoordinates = () => new Promise((resolve, reject) => {
+      if (!("geolocation" in navigator)) {
+        reject(new Error("Geolocation is unavailable"));
+        return;
+      }
+      navigator.geolocation.getCurrentPosition(
+        ({ coords }) => resolve([coords.longitude, coords.latitude]),
+        reject,
+        {
+          enableHighAccuracy: true,
+          timeout: 1e4
+        }
+      );
+    });
+    const isPlainObject = (value) => {
+      if (Object.prototype.toString.call(value) !== "[object Object]") {
+        return false;
+      }
+      return PLAIN_OBJECT_PROTOTYPES.includes(Object.getPrototypeOf(value));
+    };
+    const locatorPlugin = vue.computed(() => props.plugins.find((plugin2) => isPlainObject(plugin2) && plugin2.type === YANDEX_MAP_PLUGIN.LOCATOR && typeof plugin2.url === "string" && plugin2.url.length > 0) ?? null);
+    const canUseBrowserGeolocation = vue.computed(() => "geolocation" in navigator && isSecureContext);
+    const canUseLocatorFallback = vue.computed(() => locatorPlugin.value !== null);
+    const canLocateCurrentPosition = vue.computed(() => canUseBrowserGeolocation.value || canUseLocatorFallback.value);
+    const fetchLocatorFallbackCoordinates = async (reason, error = null) => {
+      if (!locatorPlugin.value) {
+        throw new Error("Locator plugin is not configured");
+      }
+      const response = await fetch(locatorPlugin.value.url, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          locale: apiLocale.value,
+          reason,
+          secureContext: isSecureContext,
+          browserGeolocationAvailable: "geolocation" in navigator,
+          error: error instanceof Error ? error.message : null
+        })
+      });
+      if (!response.ok) {
+        throw new Error(`Locator adapter request failed with status ${response.status}`);
+      }
+      const result = await response.json();
+      if (!Array.isArray(result.coordinates) || result.coordinates.length !== 2) {
+        throw new Error("Locator adapter returned invalid coordinates payload");
+      }
+      return [Number(result.coordinates[0]), Number(result.coordinates[1])];
+    };
+    const locateCurrentPosition = async () => {
+      locating.value = true;
+      try {
+        const coordinates = canUseBrowserGeolocation.value ? await getCurrentCoordinates() : await fetchLocatorFallbackCoordinates("browser_geolocation_unavailable");
+        updateMarker(coordinates);
+        updateMapLocation({
+          center: coordinates,
+          zoom: Math.max(mapLocation.value.zoom, 15)
+        });
+        const address = await fetchAddressFromCoordinates(coordinates);
+        emit("change", address);
+        emit("update:address", address);
+      } catch (error) {
+        if (canUseLocatorFallback.value && canUseBrowserGeolocation.value) {
+          try {
+            const coordinates = await fetchLocatorFallbackCoordinates("browser_geolocation_failed", error);
+            updateMarker(coordinates);
+            updateMapLocation({
+              center: coordinates,
+              zoom: Math.max(mapLocation.value.zoom, 15)
+            });
+            const address = await fetchAddressFromCoordinates(coordinates);
+            emit("change", address);
+            emit("update:address", address);
+            return;
+          } catch (fallbackError) {
+            console.error("Failed to get current location via locator fallback", fallbackError);
+          }
+        }
+        console.error("Failed to get current location", error);
+      } finally {
+        locating.value = false;
+      }
+    };
     function onDragEndHandler(coordinates) {
       fetchAddressFromCoordinates(coordinates).then((address) => {
         emit("change", address);
@@ -12581,135 +13082,236 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const result = await response.json();
       return result.response.GeoObjectCollection.featureMember[0]?.GeoObject?.Point.pos ?? "";
     };
+    const createMarkerRuntime = (_ymaps3, iframeDocument, coordinates, onDragMove, onDragEnd) => {
+      const { YMapMarker } = _ymaps3;
+      const markerElement = iframeDocument.createElement("div");
+      markerElement.className = "ui-v1-yandex-map-marker";
+      const pinElement = iframeDocument.createElement("div");
+      pinElement.className = "ui-v1-yandex-map-marker__pin";
+      const hintElement = iframeDocument.createElement("div");
+      hintElement.className = "ui-v1-yandex-map-marker__hint";
+      const longitudeElement = iframeDocument.createElement("div");
+      const latitudeElement = iframeDocument.createElement("div");
+      hintElement.append(longitudeElement, latitudeElement);
+      markerElement.append(pinElement, hintElement);
+      const markerRuntime = new YMapMarker({
+        coordinates,
+        draggable: true,
+        mapFollowsOnDrag: true,
+        zIndex: 2500,
+        onDragMove,
+        onDragEnd
+      }, markerElement);
+      const update = ({ coordinates: nextCoordinates }) => {
+        const details = getMarkerDetails(nextCoordinates);
+        longitudeElement.textContent = details.longitude;
+        latitudeElement.textContent = details.latitude;
+        markerRuntime.update({
+          coordinates: nextCoordinates
+        });
+      };
+      update({ coordinates });
+      return {
+        entity: markerRuntime,
+        update
+      };
+    };
     const loadApi = async () => {
+      ready.value = false;
+      const loadToken = createLoadToken();
+      disposeMapRuntime();
       await waitIFrameContentLoaded();
+      if (!isCurrentLoadToken(loadToken)) {
+        return;
+      }
       const iframeDocument = getIFrameDocument();
       if (iframeDocument) {
         const style = iframeDocument.createElement("style");
-        style.innerHTML = "body { margin: 0; }";
+        style.innerHTML = MAP_IFRAME_STYLE;
         iframeDocument.head.appendChild(style);
         await load(iframeDocument, apiUrl.value);
+        if (!isCurrentLoadToken(loadToken)) return;
         await getIFrameYMaps()?.ready;
-        const el = iframeDocument.createElement("div");
-        el.setAttribute("id", "map");
-        iframeDocument.body.appendChild(el);
-        ready.value = true;
+        if (!isCurrentLoadToken(loadToken)) return;
         const _ymaps3 = getIFrameYMaps();
         const {
           YMap,
-          YMapControls,
           YMapDefaultFeaturesLayer,
           YMapDefaultSchemeLayer
         } = _ymaps3;
-        const { YMapZoomControl, YMapGeolocationControl } = await _ymaps3.import("@yandex/ymaps3-controls@0.0.1");
-        const { YMapDefaultMarker } = await _ymaps3.import("@yandex/ymaps3-markers@0.0.1");
         if (props.address) {
           const pos = await fetchCoordinatesFromAddress(props.address);
+          if (!isCurrentLoadToken(loadToken)) {
+            return;
+          }
           if (pos) {
             LOCATION.center = pos.split(" ").map((c) => Number(c));
           }
         }
-        const map = new YMap(el, { location: LOCATION });
-        map.addChild(new YMapDefaultSchemeLayer({}));
-        map.addChild(new YMapControls({ position: "right" }).addChild(new YMapZoomControl({})));
-        map.addChild(new YMapDefaultFeaturesLayer({ id: "features" }));
-        map.addChild(new YMapControls({ position: "left" }).addChild(new YMapGeolocationControl({})));
+        const el = iframeDocument.createElement("div");
+        el.setAttribute("id", "map");
+        iframeDocument.body.appendChild(el);
         const onDragMoveHandler = (coordinates) => {
-          const longitude = `Longitude: ${coordinates[0].toFixed(2)}`;
-          const latitude = `Latitude: ${coordinates[1].toFixed(2)}`;
-          draggableMarker.update({ coordinates, title: `${longitude} <br> ${latitude}` });
+          updateMarker(coordinates);
         };
-        const draggableMarker = new YMapDefaultMarker({
-          coordinates: LOCATION.center,
-          draggable: true,
-          title: `Longitude: ${LOCATION.center[0].toFixed(2)} <br>
-              Latitude ${LOCATION.center[1].toFixed(2)}`,
-          onDragMove: onDragMoveHandler,
-          onDragEnd: onDragEndHandler
-        });
-        map.addChild(draggableMarker);
+        const markerRuntime = createMarkerRuntime(
+          _ymaps3,
+          iframeDocument,
+          LOCATION.center,
+          onDragMoveHandler,
+          onDragEndHandler
+        );
+        marker.value = markerRuntime;
+        mapLocation.value = {
+          center: [...LOCATION.center],
+          zoom: LOCATION.zoom
+        };
+        map.value = new YMap(el, { location: LOCATION }, [
+          new YMapDefaultSchemeLayer({}),
+          new YMapDefaultFeaturesLayer({ id: "features" }),
+          markerRuntime.entity
+        ]);
+        if (!isCurrentLoadToken(loadToken)) {
+          map.value?.destroy();
+          map.value = null;
+          return;
+        }
+        ready.value = true;
       }
     };
     vue.watch(apiUrl, async (newUrl, oldUrl) => {
       if (iframe.value && newUrl !== oldUrl) {
+        cancelMapRuntime();
         ready.value = false;
         apiUrlVersion.value++;
       }
     });
+    vue.onBeforeUnmount(() => {
+      cancelMapRuntime();
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$B, { key: 0 })) : vue.createCommentVNode("", true),
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
+        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          key: 0,
+          transition: null
+        })) : vue.createCommentVNode("", true),
+        (vue.openBlock(), vue.createElementBlock("iframe", {
           ref_key: "iframe",
           ref: iframe,
           key: apiUrlVersion.value,
+          allow: "geolocation",
           onLoad: loadApi
-        }, null, 32)), [
-          [vue.vShow, ready.value]
-        ])
+        }, null, 32)),
+        ready.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(_sfc_main$Z, {
+            class: "ui-v1-yandex-map__control-button",
+            appearance: "secondary",
+            size: "sm",
+            type: "button",
+            "aria-label": "Определить текущее местоположение",
+            disabled: locating.value || !canLocateCurrentPosition.value,
+            onClick: locateCurrentPosition
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(IconNavigate))
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ])) : vue.createCommentVNode("", true),
+        ready.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createVNode(_sfc_main$Z, {
+            class: "ui-v1-yandex-map__control-button",
+            appearance: "secondary",
+            size: "sm",
+            type: "button",
+            "aria-label": "Уменьшить масштаб",
+            onClick: zoomOut
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(IconRemove))
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_sfc_main$Z, {
+            class: "ui-v1-yandex-map__control-button",
+            appearance: "secondary",
+            size: "sm",
+            type: "button",
+            "aria-label": "Увеличить масштаб",
+            onClick: zoomIn
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(IconAdd))
+            ]),
+            _: 1
+          })
+        ])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 });
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  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,
+  UiAddButton: _sfc_main$11,
+  UiAlert: _sfc_main$12,
+  UiAvatar: _sfc_main$$,
+  UiAvatarList: _sfc_main$_,
+  UiButton: _sfc_main$Z,
+  UiCalendar: _sfc_main$V,
+  UiCheckbox: _sfc_main$U,
+  UiCollapse: _sfc_main$T,
+  UiCollapseBox: _sfc_main$S,
+  UiCollapseGroup: _sfc_main$R,
+  UiCopyButton: _sfc_main$O,
+  UiDate: _sfc_main$N,
+  UiDatePicker: _sfc_main$I,
+  UiError: _sfc_main$H,
+  UiImage: _sfc_main$10,
+  UiInfobox: _sfc_main$G,
+  UiLink: _sfc_main$F,
+  UiLoader: _sfc_main$E,
+  UiMenuItem: _sfc_main$L,
   UiMenuItemGroup,
-  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$J,
-  UiTimePicker: _sfc_main$4,
+  UiModalSidebar: _sfc_main$C,
+  UiModalWindow: _sfc_main$A,
+  UiModalWindowSurface: _sfc_main$B,
+  UiNumberStepper: _sfc_main$z,
+  UiPageHeader: _sfc_main$w,
+  UiPageHeaderLayout: _sfc_main$x,
+  UiPageHeaderTitle: _sfc_main$y,
+  UiPopper: _sfc_main$Q,
+  UiPopperConnector: _sfc_main$v,
+  UiPopperTarget: _sfc_main$u,
+  UiRadio: _sfc_main$t,
+  UiRadioSwitchOptionShell: _sfc_main$s,
+  UiRadioSwitchRoot: _sfc_main$r,
+  UiScrollBox: _sfc_main$K,
+  UiSelectPopper: _sfc_main$o,
+  UiSelectTrigger: _sfc_main$n,
+  UiSkeleton: _sfc_main$q,
+  UiSlider: _sfc_main$p,
+  UiSwitch: _sfc_main$m,
+  UiTab: _sfc_main$c,
+  UiTabGroup: _sfc_main$8,
+  UiTableBodyCell: _sfc_main$l,
+  UiTableCol: _sfc_main$k,
+  UiTableFooterButton: _sfc_main$j,
+  UiTableFooterSection: _sfc_main$i,
+  UiTableHeadCell: _sfc_main$h,
+  UiTableRoot: _sfc_main$g,
+  UiTableRow: _sfc_main$f,
+  UiTableSection: _sfc_main$e,
+  UiTableSorter: _sfc_main$d,
+  UiTag: _sfc_main$7,
+  UiTextbox: _sfc_main$M,
+  UiTimePicker: _sfc_main$6,
+  UiToggleButton: _sfc_main$5,
+  UiToggleGroupRoot: _sfc_main$4,
   UiToolbar: _sfc_main$3,
   UiToolbarButton: _sfc_main$2,
   UiToolbarLink: _sfc_main$1,
-  UiTooltip: _sfc_main$M,
-  UiTransition: _sfc_main$10,
+  UiTooltip: _sfc_main$P,
+  UiTransition: _sfc_main$13,
   UiYandexMap: _sfc_main
 }, Symbol.toStringTag, { value: "Module" }));
 const createProvider = () => host.createProvider(components);
@@ -12719,63 +13321,73 @@ exports.DIRECTION = DIRECTION;
 exports.I18nPlugin = plugin$1;
 exports.ImageWorkersKey = ImageWorkersKey;
 exports.ModalPlugin = plugin;
-exports.UiAddButton = _sfc_main$_;
-exports.UiAlert = _sfc_main$$;
-exports.UiAvatar = _sfc_main$Y;
-exports.UiAvatarList = _sfc_main$X;
-exports.UiButton = _sfc_main$W;
-exports.UiCalendar = _sfc_main$S;
-exports.UiCheckbox = _sfc_main$R;
-exports.UiCollapse = _sfc_main$Q;
-exports.UiCollapseBox = _sfc_main$P;
-exports.UiCollapseGroup = _sfc_main$O;
-exports.UiCopyButton = _sfc_main$L;
-exports.UiDate = _sfc_main$K;
-exports.UiDatePicker = _sfc_main$F;
-exports.UiError = _sfc_main$E;
-exports.UiImage = _sfc_main$Z;
-exports.UiInfobox = _sfc_main$D;
-exports.UiLink = _sfc_main$C;
-exports.UiLoader = _sfc_main$B;
-exports.UiMenuItem = _sfc_main$I;
+exports.RADIO_SWITCH_APPEARANCE = APPEARANCE$2;
+exports.RADIO_SWITCH_SIZE = SIZE$4;
+exports.SKELETON_ANIMATION = ANIMATION;
+exports.SKELETON_APPEARANCE = APPEARANCE$1;
+exports.SKELETON_SIZE = SIZE$3;
+exports.TAB_APPEARANCE = APPEARANCE;
+exports.TAB_SIZE = SIZE$2;
+exports.UiAddButton = _sfc_main$11;
+exports.UiAlert = _sfc_main$12;
+exports.UiAvatar = _sfc_main$$;
+exports.UiAvatarList = _sfc_main$_;
+exports.UiButton = _sfc_main$Z;
+exports.UiCalendar = _sfc_main$V;
+exports.UiCheckbox = _sfc_main$U;
+exports.UiCollapse = _sfc_main$T;
+exports.UiCollapseBox = _sfc_main$S;
+exports.UiCollapseGroup = _sfc_main$R;
+exports.UiCopyButton = _sfc_main$O;
+exports.UiDate = _sfc_main$N;
+exports.UiDatePicker = _sfc_main$I;
+exports.UiError = _sfc_main$H;
+exports.UiImage = _sfc_main$10;
+exports.UiInfobox = _sfc_main$G;
+exports.UiLink = _sfc_main$F;
+exports.UiLoader = _sfc_main$E;
+exports.UiMenuItem = _sfc_main$L;
 exports.UiMenuItemGroup = UiMenuItemGroup;
-exports.UiModalSidebar = _sfc_main$z;
-exports.UiModalWindow = _sfc_main$x;
-exports.UiModalWindowSurface = _sfc_main$y;
-exports.UiNumberStepper = _sfc_main$w;
-exports.UiPageHeader = _sfc_main$t;
-exports.UiPageHeaderLayout = _sfc_main$u;
-exports.UiPageHeaderTitle = _sfc_main$v;
-exports.UiPopper = _sfc_main$N;
-exports.UiPopperConnector = _sfc_main$s;
-exports.UiPopperTarget = _sfc_main$r;
-exports.UiRadio = _sfc_main$q;
-exports.UiRadioSwitchOptionShell = _sfc_main$p;
-exports.UiRadioSwitchRoot = _sfc_main$o;
-exports.UiScrollBox = _sfc_main$H;
-exports.UiSelectPopper = _sfc_main$m;
-exports.UiSelectTrigger = _sfc_main$l;
-exports.UiSlider = _sfc_main$n;
-exports.UiSwitch = _sfc_main$k;
-exports.UiTab = _sfc_main$a;
-exports.UiTabGroup = _sfc_main$6;
-exports.UiTableBodyCell = _sfc_main$j;
-exports.UiTableCol = _sfc_main$i;
-exports.UiTableFooterButton = _sfc_main$h;
-exports.UiTableFooterSection = _sfc_main$g;
-exports.UiTableHeadCell = _sfc_main$f;
-exports.UiTableRoot = _sfc_main$e;
-exports.UiTableRow = _sfc_main$d;
-exports.UiTableSection = _sfc_main$c;
-exports.UiTableSorter = _sfc_main$b;
-exports.UiTag = _sfc_main$5;
-exports.UiTextbox = _sfc_main$J;
-exports.UiTimePicker = _sfc_main$4;
+exports.UiModalSidebar = _sfc_main$C;
+exports.UiModalWindow = _sfc_main$A;
+exports.UiModalWindowSurface = _sfc_main$B;
+exports.UiNumberStepper = _sfc_main$z;
+exports.UiPageHeader = _sfc_main$w;
+exports.UiPageHeaderLayout = _sfc_main$x;
+exports.UiPageHeaderTitle = _sfc_main$y;
+exports.UiPopper = _sfc_main$Q;
+exports.UiPopperConnector = _sfc_main$v;
+exports.UiPopperTarget = _sfc_main$u;
+exports.UiRadio = _sfc_main$t;
+exports.UiRadioSwitchOptionShell = _sfc_main$s;
+exports.UiRadioSwitchRoot = _sfc_main$r;
+exports.UiScrollBox = _sfc_main$K;
+exports.UiSelectPopper = _sfc_main$o;
+exports.UiSelectTrigger = _sfc_main$n;
+exports.UiSkeleton = _sfc_main$q;
+exports.UiSlider = _sfc_main$p;
+exports.UiSwitch = _sfc_main$m;
+exports.UiTab = _sfc_main$c;
+exports.UiTabGroup = _sfc_main$8;
+exports.UiTableBodyCell = _sfc_main$l;
+exports.UiTableCol = _sfc_main$k;
+exports.UiTableFooterButton = _sfc_main$j;
+exports.UiTableFooterSection = _sfc_main$i;
+exports.UiTableHeadCell = _sfc_main$h;
+exports.UiTableRoot = _sfc_main$g;
+exports.UiTableRow = _sfc_main$f;
+exports.UiTableSection = _sfc_main$e;
+exports.UiTableSorter = _sfc_main$d;
+exports.UiTag = _sfc_main$7;
+exports.UiTextbox = _sfc_main$M;
+exports.UiTimePicker = _sfc_main$6;
+exports.UiToggleButton = _sfc_main$5;
+exports.UiToggleGroupRoot = _sfc_main$4;
 exports.UiToolbar = _sfc_main$3;
 exports.UiToolbarButton = _sfc_main$2;
 exports.UiToolbarLink = _sfc_main$1;
-exports.UiTooltip = _sfc_main$M;
-exports.UiTransition = _sfc_main$10;
+exports.UiTooltip = _sfc_main$P;
+exports.UiTransition = _sfc_main$13;
 exports.UiYandexMap = _sfc_main;
 exports.VALIGN = VALIGN;
 exports.VueI18n = VueI18n;
@@ -12783,4 +13395,5 @@ exports.asRowAttrs = asRowAttrs;
 exports.asRowClass = asRowClass;
 exports.byRowKey = byRowKey;
 exports.createProvider = createProvider;
+exports.guessSkeletonDimensionStyleValue = guessDimensionStyleValue;
 exports.provider = provider;