@retailcrm/embed-ui-v1-components 0.9.7 → 0.9.9

package/dist/host.js

@@ -1,14 +1,14 @@
-import { createElementBlock, openBlock, createElementVNode, defineComponent, inject, ref, computed, mergeProps, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, createCommentVNode, createVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, provide, Fragment, renderList, Text, Comment, h, reactive, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, Teleport, getCurrentInstance, Transition, normalizeProps, guardReactiveProps, normalizeStyle, withDirectives, vShow, useAttrs, toHandlers, withModifiers, useId, shallowRef, createSlots } from "vue";
+import { createElementBlock, openBlock, createElementVNode, defineComponent, inject, ref, computed, mergeProps, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, createCommentVNode, createVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, provide, Fragment, renderList, Text, Comment, h, reactive, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, Teleport, getCurrentInstance, Transition, normalizeProps, guardReactiveProps, normalizeStyle, withDirectives, vShow, useAttrs, createSlots, toHandlers, withModifiers, useId, shallowRef } from "vue";
 import { preview } from "@retailcrm/image-preview";
 import isEqual from "lodash.isequal";
 import { format, formatISO } from "date-fns";
 import { PerfectScrollbar } from "vue3-perfect-scrollbar";
-const _hoisted_1$m = {
+const _hoisted_1$q = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, [..._cache[0] || (_cache[0] = [
+function render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -17,34 +17,34 @@ function render$a(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconHelpOutlined = { render: render$a };
-const _hoisted_1$l = {
+const IconHelpOutlined = { render: render$b };
+const _hoisted_1$p = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 18 8"
 };
-function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
+function render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, [..._cache[0] || (_cache[0] = [
     createElementVNode("g", { fill: "currentColor" }, [
       createElementVNode("path", { d: "M0 0v8h2.867q1.257-.011 1.935-.604.68-.594.68-1.748 0-.675-.33-1.143a1.54 1.54 0 0 0-.892-.62q.497-.21.775-.654.279-.45.279-1.039 0-1.077-.694-1.632Q3.926 0 2.584 0zm1.52 6.676v-2.16h1.393q1.048.016 1.048 1.116 0 .488-.303.77-.3.273-.836.274zm1.124-3.324H1.52V1.335h1.064q.628 0 .916.242.294.236.294.78 0 .972-1.15.995M7.503 6.352h2.665L10.679 8h1.616l-2.76-8H8.125L5.38 8h1.616zm2.254-1.336H7.913l.917-2.994zM12.362 8V0h2.27q.972 0 1.737.478.77.473 1.2 1.352.432.873.431 1.989v.368q0 1.115-.425 1.983a3.17 3.17 0 0 1-1.191 1.346A3.26 3.26 0 0 1 14.646 8zm1.52-6.665v5.34h.734q.891 0 1.363-.631.47-.632.481-1.808v-.423q0-1.22-.466-1.846-.466-.632-1.363-.632z" })
     ], -1)
   ])]);
 }
-const SpriteBAD = { render: render$9 };
-const _hoisted_1$k = {
+const SpriteBAD = { render: render$a };
+const _hoisted_1$o = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 8"
 };
-function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, [..._cache[0] || (_cache[0] = [
+function render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, [..._cache[0] || (_cache[0] = [
     createElementVNode("g", { fill: "currentColor" }, [
       createElementVNode("path", { d: "M3.373 6.016 5.058 0h1.704L4.175 8H2.577L0 0h1.7zM8.99 8H7.46V0H8.99zM11.84 8V5.181h1.343q1.322 0 2.067-.676.75-.681.75-1.857 0-.774-.342-1.379a2.3 2.3 0 0 0-.98-.94Q14.045 0 13.208 0H10.31v8zm1.368-4.154h-1.367v-2.51h1.403q.567.01.888.373t.322.95q0 .571-.322.88-.316.307-.924.307" })
     ], -1)
   ])]);
 }
-const SpriteVIP = { render: render$8 };
+const SpriteVIP = { render: render$9 };
 const ImageWorkersKey = Symbol("$image.workers");
-const _hoisted_1$j = ["alt", "src"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = ["alt", "src"];
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "UiImage",
   props: {
     alt: {
@@ -80,7 +80,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("img", mergeProps({
         alt: __props.alt,
         src: url.value
-      }, _ctx.$attrs), null, 16, _hoisted_1$j);
+      }, _ctx.$attrs), null, 16, _hoisted_1$n);
     };
   }
 });
@@ -100,12 +100,12 @@ const isURL = (href, loose = true) => {
   }
 };
 const AvatarSizeKey = Symbol("UiAvatarSize");
-var SIZE$6 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$7 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$6 || {});
+})(SIZE$7 || {});
 var STATUS = /* @__PURE__ */ ((STATUS2) => {
   STATUS2["NONE"] = "";
   STATUS2["BUSY"] = "busy";
@@ -114,27 +114,27 @@ var STATUS = /* @__PURE__ */ ((STATUS2) => {
   STATUS2["FREE"] = "free";
   return STATUS2;
 })(STATUS || {});
-const _hoisted_1$i = {
+const _hoisted_1$m = {
   key: 1,
   class: "ui-v1-avatar__unresolved"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$9 = {
   key: 3,
   class: "ui-v1-avatar__initials"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$8 = {
   key: 4,
   class: "ui-v1-avatar__labels"
 };
-const _hoisted_4$4 = {
+const _hoisted_4$6 = {
   key: 0,
   class: "ui-v1-avatar__label ui-v1-avatar__label_vip"
 };
-const _hoisted_5$3 = {
+const _hoisted_5$5 = {
   key: 1,
   class: "ui-v1-avatar__label ui-v1-avatar__label_bad"
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -173,8 +173,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     /** Размер изображения */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$6).includes(size),
-      default: SIZE$6.SM
+      validator: (size) => Object.values(SIZE$7).includes(size),
+      default: SIZE$7.SM
     },
     optimize: {
       type: [Boolean, Object],
@@ -202,9 +202,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       const processing = typeof props.optimize === "object" ? props.optimize : {};
       return {
         resize: processing.resize ?? {
-          [SIZE$6.XS]: "48x-",
-          [SIZE$6.SM]: "72x-",
-          [SIZE$6.LG]: "104x-"
+          [SIZE$7.XS]: "48x-",
+          [SIZE$7.SM]: "72x-",
+          [SIZE$7.LG]: "104x-"
         }[size.value],
         crop: processing.crop
       };
@@ -221,7 +221,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         }
       }, _ctx.$attrs), {
         default: withCtx(() => [
-          __props.src ? (openBlock(), createBlock(_sfc_main$p, {
+          __props.src ? (openBlock(), createBlock(_sfc_main$t, {
             key: 0,
             src: __props.src,
             resize: optimization.value.resize,
@@ -230,7 +230,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             draggable: "false",
             onLoad: _cache[0] || (_cache[0] = ($event) => loaded.value = true),
             onError: _cache[1] || (_cache[1] = ($event) => loaded.value = false)
-          }, null, 8, ["src", "resize", "crop"])) : !__props.src && unresolved.value ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+          }, null, 8, ["src", "resize", "crop"])) : !__props.src && unresolved.value ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
             createVNode(unref(IconHelpOutlined))
           ])) : createCommentVNode("", true),
           __props.status && !(__props.vip || __props.bad) ? (openBlock(), createElementBlock("span", {
@@ -241,16 +241,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               [`ui-v1-avatar__status_${__props.status}`]: __props.status
             })
           }, null, 2)) : createCommentVNode("", true),
-          !(unresolved.value || loaded.value) ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+          !(unresolved.value || loaded.value) ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(initials.value), 1)
             ])
           ])) : createCommentVNode("", true),
-          __props.vip || __props.bad ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
-            __props.vip ? (openBlock(), createElementBlock("span", _hoisted_4$4, [
+          __props.vip || __props.bad ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+            __props.vip ? (openBlock(), createElementBlock("span", _hoisted_4$6, [
               createVNode(unref(SpriteVIP), { class: "ui-v1-avatar__vip" })
             ])) : createCommentVNode("", true),
-            __props.bad ? (openBlock(), createElementBlock("span", _hoisted_5$3, [
+            __props.bad ? (openBlock(), createElementBlock("span", _hoisted_5$5, [
               createVNode(unref(SpriteBAD), { class: "ui-v1-avatar__bad" })
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -260,7 +260,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "UiAvatarList",
   props: {
     /** Список аватарок пользователей */
@@ -271,8 +271,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     /** Размер аватарок */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$6).includes(size),
-      default: SIZE$6.SM
+      validator: (size) => Object.values(SIZE$7).includes(size),
+      default: SIZE$7.SM
     }
   },
   setup(__props) {
@@ -287,7 +287,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             key: index,
             class: "ui-v1-avatar-list__item"
           }, [
-            createVNode(_sfc_main$o, {
+            createVNode(_sfc_main$s, {
               src: avatar.src,
               name: avatar.name
             }, null, 8, ["src", "name"])
@@ -341,20 +341,20 @@ var APPEARANCE$2 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["TERTIARY"] = "tertiary";
   return APPEARANCE2;
 })(APPEARANCE$2 || {});
-var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$6 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   SIZE2["MD"] = "md";
   SIZE2["SM"] = "sm";
   SIZE2["XS"] = "xs";
   return SIZE2;
-})(SIZE$5 || {});
+})(SIZE$6 || {});
 var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DEFAULT"] = "default";
   VARIANT2["SUCCESS"] = "success";
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT || {});
-const _sfc_main$m = defineComponent({
+const _sfc_main$q = defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -380,7 +380,7 @@ const _sfc_main$m = defineComponent({
     /** Размер */
     size: {
       type: String,
-      default: SIZE$5.SM
+      default: SIZE$6.SM
     },
     /** Если кнопка активна */
     active: {
@@ -440,12 +440,12 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$l = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, [..._cache[0] || (_cache[0] = [
+function render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -454,7 +454,7 @@ function render$7(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconDone = { render: render$7 };
+const IconDone = { render: render$8 };
 const expect = (value) => ({
   toBeOneOf(variants) {
     return Object.values(variants).includes(value);
@@ -475,11 +475,11 @@ const without = (obj, exclude) => {
   });
   return newObj;
 };
-const _hoisted_1$g = ["id", "value", "name", "disabled", "checked"];
-const _hoisted_2$6 = { class: "ui-v1-checkbox__checkmark" };
+const _hoisted_1$k = ["id", "value", "name", "disabled", "checked"];
+const _hoisted_2$8 = { class: "ui-v1-checkbox__checkmark" };
 let counter$2 = 0;
 const __default__$1 = {};
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   __name: "UiCheckbox",
   props: {
@@ -586,8 +586,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           type: "checkbox",
           class: "ui-v1-checkbox__input",
           onChange
-        }), null, 16, _hoisted_1$g),
-        createElementVNode("span", _hoisted_2$6, [
+        }), null, 16, _hoisted_1$k),
+        createElementVNode("span", _hoisted_2$8, [
           checked.value && !__props.indeterminate ? (openBlock(), createBlock(unref(IconDone), {
             key: 0,
             class: "ui-v1-checkbox__checkmark-icon"
@@ -597,13 +597,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$j = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -612,20 +612,20 @@ function render$6(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconCheckmarkCircleOutlined = { render: render$6 };
-const _hoisted_1$e = {
+const IconCheckmarkCircleOutlined = { 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 openBlock(), createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "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$5 };
+const IconCopy = { render: render$6 };
 const isArray = Array.isArray;
 const normalize = (triggers) => {
   const show = isArray(triggers) ? triggers : triggers.show ?? [];
@@ -2292,8 +2292,8 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
     window.addEventListener("click", onGlobalEvent("click"), true);
   }
 }
-const _hoisted_1$d = { class: "ui-v1-popper__content" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = { class: "ui-v1-popper__content" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "UiPopper",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -2379,6 +2379,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     }
   },
   emits: [
+    /** Элемент добавлен на страницу */
+    "attached",
     /** Смена значения флага видимости плавающего элемента */
     "update:visible",
     /** Появление плавающего элемента */
@@ -2479,6 +2481,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       }
       state.hiding = false;
       state.attached = true;
+      emit("attached");
       showingScheduler.schedule(doShow, immediately ? 0 : delay.value.show);
       emit("show");
       state.showing = true;
@@ -2578,6 +2581,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       if (isAttached && !wasAttached) {
         nextTick(async () => {
           if (state.visible) {
+            emit("attached");
             autoAdjustOff();
             await adjust();
             autoAdjustOn();
@@ -2635,7 +2639,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ref: arrow2,
             class: "ui-v1-popper__arrow"
           }, null, 512)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_1$d, [
+          createElementVNode("div", _hoisted_1$h, [
             renderSlot(_ctx.$slots, "default")
           ])
         ], 16)
@@ -2643,7 +2647,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "UiTooltip",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -2754,7 +2758,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       hide: () => popper.value?.hide()
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$k, mergeProps({
+      return openBlock(), createBlock(_sfc_main$o, mergeProps({
         ref_key: "popper",
         ref: popper,
         visible: __props.visible,
@@ -2788,11 +2792,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "ui-v1-copy-button__tooltip" };
-const _hoisted_2$5 = { class: "ui-v1-copy-button__icon" };
-const _hoisted_3$5 = { class: "ui-v1-copy-button__text" };
-const _hoisted_4$3 = ["value"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = { class: "ui-v1-copy-button__tooltip" };
+const _hoisted_2$7 = { class: "ui-v1-copy-button__icon" };
+const _hoisted_3$7 = { class: "ui-v1-copy-button__text" };
+const _hoisted_4$5 = ["value"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "UiCopyButton",
   props: {
     /** Текст для копирования в буфер обмена */
@@ -2803,7 +2807,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     /** Размер кнопки */
     size: {
       type: String,
-      default: SIZE$5.XS
+      default: SIZE$6.XS
     },
     /** Объект, содержащий параметры настройки Tooltip */
     tooltipOptions: {
@@ -2864,7 +2868,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         onClick: copy
       }, [
         renderSlot(_ctx.$slots, "trigger", {}, () => [
-          createVNode(_sfc_main$m, {
+          createVNode(_sfc_main$q, {
             size: __props.size,
             appearance: "tertiary"
           }, {
@@ -2874,7 +2878,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["size"])
         ]),
-        createVNode(_sfc_main$j, mergeProps({
+        createVNode(_sfc_main$n, mergeProps({
           visible: visible.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
           target: rootTarget.value,
@@ -2884,12 +2888,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           ...__props.tooltipOptions
         }), {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_1$c, [
+            createElementVNode("div", _hoisted_1$g, [
               copied.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createElementVNode("div", _hoisted_2$5, [
+                createElementVNode("div", _hoisted_2$7, [
                   createVNode(unref(IconCheckmarkCircleOutlined))
                 ]),
-                createElementVNode("div", _hoisted_3$5, [
+                createElementVNode("div", _hoisted_3$7, [
                   renderSlot(_ctx.$slots, "hint-copied")
                 ])
               ], 64)) : renderSlot(_ctx.$slots, "hint", { key: 1 })
@@ -2904,7 +2908,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           value: __props.text,
           class: "ui-v1-copy-button__area",
           type: "text"
-        }, null, 8, _hoisted_4$3)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_4$5)) : createCommentVNode("", true)
       ], 544);
     };
   }
@@ -4539,7 +4543,7 @@ function detectLocale() {
   }
   return "en-GB";
 }
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "UiDate",
   props: {
     date: {
@@ -4571,7 +4575,7 @@ var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
 })(ALIGN || {});
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -4610,19 +4614,19 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$f = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "m6.844 17.854-.7-.703a.5.5 0 0 1 0-.704l8.48-8.456-6.212.007a.49.49 0 0 1-.496-.5l.007-.991a.5.5 0 0 1 .496-.5L16.994 6c.196 0 .385.078.524.218l.265.267c.137.142.215.33.217.528l-.007 8.633a.5.5 0 0 1-.496.5h-.992a.48.48 0 0 1-.49-.493l.007-6.255-8.48 8.456a.49.49 0 0 1-.698 0"
     }, null, -1)
   ])]);
 }
-const IconOpenInNew = { render: render$4 };
+const IconOpenInNew = { render: render$5 };
 var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["BREADCRUMBS"] = "breadcrumbs";
   APPEARANCE2["DEFAULT"] = "default";
@@ -4631,7 +4635,7 @@ var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["TITLE"] = "title";
   return APPEARANCE2;
 })(APPEARANCE$1 || {});
-var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["ARTICLE"] = "article";
   SIZE2["BODY"] = "body";
   SIZE2["PARAGRAPH"] = "paragraph";
@@ -4640,17 +4644,17 @@ var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["TITLE01"] = "title-01";
   SIZE2["TITLE02"] = "title-02";
   return SIZE2;
-})(SIZE$4 || {});
-const _hoisted_1$a = ["href", "target"];
-const _hoisted_2$4 = {
+})(SIZE$5 || {});
+const _hoisted_1$e = ["href", "target"];
+const _hoisted_2$6 = {
   key: 0,
   class: "ui-v1-link__inner"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$6 = {
   key: 2,
   class: "ui-v1-link__icon"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -4676,8 +4680,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     /** Размер текста */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$4).includes(size),
-      default: SIZE$4.BODY
+      validator: (size) => Object.values(SIZE$5).includes(size),
+      default: SIZE$5.BODY
     },
     /** Инвертированный цвет ссылок для тёмного фона */
     light: {
@@ -4719,19 +4723,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         },
         target: __props.external ? "_blank" : "_self"
       }, _ctx.$attrs), [
-        __props.dotted ? (openBlock(), createElementBlock("span", _hoisted_2$4, [
+        __props.dotted ? (openBlock(), createElementBlock("span", _hoisted_2$6, [
           renderSlot(_ctx.$slots, "default")
         ])) : renderSlot(_ctx.$slots, "default", { key: 1 }),
-        _ctx.$slots.icon || __props.external ? (openBlock(), createElementBlock("span", _hoisted_3$4, [
+        _ctx.$slots.icon || __props.external ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             createVNode(unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
           ])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$a);
+      ], 16, _hoisted_1$e);
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -4759,7 +4763,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -4791,7 +4795,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$e : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$i : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -4818,7 +4822,199 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["XS"] = "xs";
+  SIZE2["SM"] = "sm";
+  SIZE2["MD"] = "md";
+  SIZE2["LG"] = "lg";
+  return SIZE2;
+})(SIZE$4 || {});
+const deltaTransition$1 = (el) => {
+  const delta = el.scrollWidth - el.clientWidth;
+  return delta !== 0 ? {
+    "--delta-width": `-${delta}px`,
+    animationDuration: `${delta * 15}ms`
+  } : {};
+};
+const _hoisted_1$d = {
+  key: 0,
+  class: "ui-v1-menu-item__avatar"
+};
+const _hoisted_2$5 = {
+  key: 1,
+  class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_leading"
+};
+const _hoisted_3$5 = { class: "ui-v1-menu-item__content" };
+const _hoisted_4$4 = { class: "ui-v1-menu-item__text" };
+const _hoisted_5$4 = {
+  key: 0,
+  class: "ui-v1-menu-item__description"
+};
+const _hoisted_6$2 = {
+  key: 2,
+  class: "ui-v1-menu-item__counter"
+};
+const _hoisted_7$1 = {
+  key: 3,
+  class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_trailing"
+};
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "UiMenuItem",
+  props: {
+    /** Размер */
+    size: {
+      type: String,
+      default: SIZE$4.MD
+    },
+    /** Описание */
+    description: {
+      type: String,
+      default: null
+    },
+    /** Счетчик количества */
+    counter: {
+      type: null,
+      validator: (counter2) => counter2 === null || ["string", "number"].includes(typeof counter2),
+      default: null
+    },
+    /** Жирное начертание */
+    accent: {
+      type: Boolean,
+      default: false
+    },
+    /** Состояние нажатия */
+    active: {
+      type: Boolean,
+      default: false
+    },
+    /** Индикация опасного действия */
+    danger: {
+      type: Boolean,
+      default: false
+    },
+    /** Анимация бегущей строки при наведении */
+    ticker: {
+      type: Boolean,
+      default: false
+    },
+    /** Делает заголовок синим и убирает внутренние отступы на корневом элементе */
+    simple: {
+      type: Boolean,
+      default: false
+    },
+    /** Заблокированный */
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const textRef = ref(null);
+    const textStyle = ref({});
+    const onHover = () => {
+      if (props.ticker && textRef.value) {
+        textStyle.value = deltaTransition$1(textRef.value);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: {
+          "ui-v1-menu-item": true,
+          [`ui-v1-menu-item_${__props.size}`]: true,
+          "ui-v1-menu-item_accent": __props.accent,
+          "ui-v1-menu-item_active": __props.active,
+          "ui-v1-menu-item_danger": __props.danger,
+          "ui-v1-menu-item_simple": __props.simple,
+          "ui-v1-menu-item_disabled": __props.disabled
+        }
+      }, _ctx.$attrs), [
+        createElementVNode("div", {
+          class: normalizeClass({
+            "ui-v1-menu-item__inner": true,
+            "ui-v1-menu-item__inner_centered": _ctx.$slots["avatar"] && !_ctx.$slots["description"],
+            "ui-v1-menu-item__inner_disabled": __props.disabled
+          }),
+          onMouseoverOnce: onHover
+        }, [
+          _ctx.$slots["avatar"] ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+            renderSlot(_ctx.$slots, "avatar")
+          ])) : _ctx.$slots["leading-icon"] ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+            renderSlot(_ctx.$slots, "leading-icon")
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3$5, [
+            createElementVNode("div", _hoisted_4$4, [
+              __props.ticker ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref_key: "textRef",
+                ref: textRef,
+                style: normalizeStyle(textStyle.value),
+                class: "ui-v1-menu-item__ticker"
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ], 4)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+            ]),
+            _ctx.$slots["description"] || __props.description ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
+              renderSlot(_ctx.$slots, "description", {}, () => [
+                createTextVNode(toDisplayString(__props.description), 1)
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          __props.counter !== null ? (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString(__props.counter), 1)) : createCommentVNode("", true),
+          _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+            renderSlot(_ctx.$slots, "trailing-icon")
+          ])) : createCommentVNode("", true)
+        ], 34)
+      ], 16);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$f = {};
+const _hoisted_1$c = { class: "ui-v1-menu-item-group" };
+const _hoisted_2$4 = { class: "ui-v1-menu-item-group__head" };
+const _hoisted_3$4 = {
+  key: 0,
+  class: "ui-v1-menu-item-group__head-option"
+};
+const _hoisted_4$3 = {
+  key: 1,
+  class: "ui-v1-menu-item-group__head-inner"
+};
+const _hoisted_5$3 = {
+  key: 0,
+  class: "ui-v1-menu-item-group__count"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$c, [
+    createElementVNode("div", _hoisted_2$4, [
+      _ctx.$slots.option ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+        renderSlot(_ctx.$slots, "option")
+      ])) : (openBlock(), createElementBlock("div", _hoisted_4$3, [
+        createElementVNode("div", {
+          class: normalizeClass({
+            "ui-v1-menu-item-group__title": true,
+            "ui-v1-menu-item-group__title_upper": !_ctx.$slots.option
+          })
+        }, [
+          renderSlot(_ctx.$slots, "label")
+        ], 2),
+        _ctx.$slots.quantity ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+          renderSlot(_ctx.$slots, "quantity")
+        ])) : createCommentVNode("", true)
+      ]))
+    ]),
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -4918,19 +5114,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "M7.113 6.176a.6.6 0 0 1 .848 0L12 10.214l4.038-4.038a.6.6 0 0 1 .849 0l.937.937a.6.6 0 0 1 0 .848L13.785 12l4.04 4.04a.6.6 0 0 1 0 .848l-.937.937a.6.6 0 0 1-.849 0L12 13.784l-4.038 4.04a.6.6 0 0 1-.849 0l-.937-.937a.6.6 0 0 1 0-.848l4.04-4.04-4.039-4.038a.6.6 0 0 1 0-.849z"
     }, null, -1)
   ])]);
 }
-const IconClear = { render: render$3 };
+const IconClear = { render: render$4 };
 const ModalInjectKey = Symbol("$embedModal");
 const plugin$1 = {
   install(app, options) {
@@ -5026,7 +5222,7 @@ var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   return SIZE2;
 })(SIZE$3 || {});
-const _hoisted_1$8 = ["id", "aria-hidden"];
+const _hoisted_1$a = ["id", "aria-hidden"];
 const _hoisted_2$3 = ["id"];
 const _hoisted_3$3 = { class: "ui-v1-modal-sidebar__header" };
 const _hoisted_4$2 = { class: "ui-v1-modal-sidebar__header-inner" };
@@ -5043,7 +5239,7 @@ const _hoisted_7 = {
   key: 2,
   class: "ui-v1-modal-sidebar__footer"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5263,7 +5459,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         key: 0,
         to: unref(globals)?.container || "body"
       }, [
-        createVNode(_sfc_main$e, {
+        createVNode(_sfc_main$i, {
           name: "fade-2",
           onBeforeEnter: _cache[5] || (_cache[5] = ($event) => visibilityOfOverlay.value = "showing"),
           onAfterEnter: _cache[6] || (_cache[6] = ($event) => visibilityOfOverlay.value = "shown"),
@@ -5283,7 +5479,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               }],
               "aria-modal": "true"
             }, _ctx.$attrs, { onClick: onBackdropClick }), [
-              createVNode(_sfc_main$e, {
+              createVNode(_sfc_main$i, {
                 name: `slide-${__props.direction}`,
                 onBeforeEnter: _cache[1] || (_cache[1] = ($event) => visibilityOfSidebar.value = "showing"),
                 onAfterEnter: _cache[2] || (_cache[2] = ($event) => visibilityOfSidebar.value = "shown"),
@@ -5321,7 +5517,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                           "aria-hidden": "true",
                           width: "32"
                         }),
-                        createVNode(_sfc_main$j, {
+                        createVNode(_sfc_main$n, {
                           target: closerTarget.value,
                           "offset-main-axis": 0
                         }, {
@@ -5336,7 +5532,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                       renderSlot(_ctx.$slots, "default", {
                         overlapped: state.overlapped
                       })
-                    ])) : (openBlock(), createBlock(_sfc_main$c, {
+                    ])) : (openBlock(), createBlock(_sfc_main$e, {
                       key: 1,
                       native: __props.scrolling === unref(SCROLLING$1).NATIVE,
                       class: "ui-v1-modal-sidebar__body",
@@ -5359,7 +5555,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["name"])
-            ], 16, _hoisted_1$8), [
+            ], 16, _hoisted_1$a), [
               [vShow, state.shown]
             ])
           ]),
@@ -5381,7 +5577,7 @@ var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NATIVE"] = "native";
   return SCROLLING2;
 })(SCROLLING || {});
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -5595,7 +5791,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return h(_sfc_main$e, {
+      return h(_sfc_main$i, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -5620,7 +5816,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : h(Teleport, {
       to: globals?.container ?? document.body
-    }, h(_sfc_main$e, {
+    }, h(_sfc_main$i, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -5637,7 +5833,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, h(_sfc_main$c, {
+      }, h(_sfc_main$e, {
         class: {
           "ui-v1-modal-window-container": true,
           "ui-v1-modal-window-container_fullscreen": props.fullscreen,
@@ -5661,12 +5857,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$9 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
+function render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -5675,8 +5871,8 @@ function render$2(_ctx, _cache) {
     }, null, -1)
   ])]);
 }
-const IconWarning = { render: render$2 };
-const _hoisted_1$6 = {
+const IconWarning = { render: render$3 };
+const _hoisted_1$8 = {
   key: 0,
   class: "ui-v1-modal-window__icon"
 };
@@ -5693,7 +5889,7 @@ const _hoisted_5$1 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -5807,7 +6003,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.opened, toggle);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, mergeProps({
+      return openBlock(), createBlock(_sfc_main$c, mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -5835,7 +6031,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === unref(APPEARANCE).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === unref(APPEARANCE).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+            __props.appearance === unref(APPEARANCE).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
               renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -5864,7 +6060,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               })
             ])) : createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (openBlock(), createBlock(_sfc_main$c, {
+          __props.responsive ? (openBlock(), createBlock(_sfc_main$e, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -5897,7 +6093,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "UiPopperConnector",
   setup(__props) {
     const target = ref(null);
@@ -5908,7 +6104,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "UiPopperTarget",
   props: {
     tag: {
@@ -5931,10 +6127,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["id", "name", "value", "checked", "disabled"];
+const _hoisted_1$7 = ["id", "name", "value", "checked", "disabled"];
 let counter = 0;
 const __default__ = {};
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "UiRadio",
   props: {
@@ -6007,79 +6203,221 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           type: "radio",
           class: "ui-v1-radio__input",
           onChange
-        }), null, 16, _hoisted_1$5),
+        }), null, 16, _hoisted_1$7),
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "ui-v1-radio__checkmark" }, null, -1))
       ], 16);
     };
   }
 });
-const _hoisted_1$4 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-};
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
-    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 };
-class VueI18n {
-  _state;
-  constructor(locale = void 0) {
-    this._state = reactive({ locale });
-  }
-  get locale() {
-    return this._state.locale;
-  }
-  set locale(locale) {
-    this._state.locale = locale;
-  }
-}
-const I18nInjectKey = Symbol("$embedI18n");
-const plugin = {
-  install(app, options) {
-    app.provide(I18nInjectKey, options instanceof VueI18n ? options : new VueI18n(options?.locale));
-  }
-};
-var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
-  SIZE2["LG"] = "lg";
-  SIZE2["MD"] = "md";
-  SIZE2["SM"] = "sm";
-  SIZE2["XS"] = "xs";
-  return SIZE2;
-})(SIZE$2 || {});
-function deltaTransition(el) {
-  const delta = el.scrollWidth - el.clientWidth;
-  const animationDuration = `${(el.scrollWidth / el.clientWidth * 2).toFixed(2)}s`;
-  return delta !== 0 ? {
-    "--delta-width": `-${delta}px`,
-    animationDuration
-  } : {};
-}
-const pluralization_en_GB = (choice) => choice === 1 ? 0 : 1;
-const pluralization_es_ES = (choice) => choice === 1 ? 0 : 1;
-const pluralization_ru_RU = (choice, choicesLength) => {
-  if (choicesLength === 2) {
-    return choice === 1 ? 0 : 1;
-  }
-  const mod100 = choice % 100;
-  return mod100 % 10 === 1 && mod100 !== 11 ? 0 : mod100 % 10 >= 2 && mod100 % 10 <= 4 && !(mod100 >= 10 && mod100 < 15) ? 1 : 2;
-};
-const get = (messages, path) => {
-  let i = 0;
-  let slice = messages[path[0]];
-  while (i < path.length) {
-    if (typeof slice === "string" && i + 1 === path.length) {
-      return slice;
-    }
-    if (typeof slice !== "object") {
-      return void 0;
-    }
-    slice = slice[path[++i]];
-  }
+var PLACEMENT = /* @__PURE__ */ ((PLACEMENT2) => {
+  PLACEMENT2["TOP"] = "top";
+  PLACEMENT2["TOP_START"] = "top-start";
+  PLACEMENT2["TOP_END"] = "top-end";
+  PLACEMENT2["BOTTOM"] = "bottom";
+  PLACEMENT2["BOTTOM_START"] = "bottom-start";
+  PLACEMENT2["BOTTOM_END"] = "bottom-end";
+  PLACEMENT2["LEFT"] = "left";
+  PLACEMENT2["LEFT_START"] = "left-start";
+  return PLACEMENT2;
+})(PLACEMENT || {});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "UiSelectPopper",
+  props: {
+    /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
+    id: {
+      type: String,
+      default: void 0
+    },
+    /** Начальное состояние выпадающего списка - открыт/закрыт */
+    opened: {
+      type: Boolean,
+      default: false
+    },
+    /** События целевого элемента, по которым производится переключение видимости */
+    targetTriggers: {
+      type: [Array, Object],
+      default: () => ({
+        show: ["click"]
+      })
+    },
+    /** События плавающего элемента, по которым производится переключение видимости */
+    popperTriggers: {
+      type: [Array, Object],
+      default: () => []
+    },
+    /**
+     * Флаг, устанавливающий ширину выпадающего списка по ширине целевого элемента.
+     * По-умолчанию отключает такое поведение
+     */
+    popperFitTrigger: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Сторона цели, у которой появится плавающий элемент,
+     * или подробный объект настройки положения и адаптации положения при нехватке места
+     */
+    placement: {
+      type: [String, Object],
+      validator: (value) => isPlacementLiteral(value) || isPlacementOptions(value),
+      default: PLACEMENT.BOTTOM
+    },
+    /** Стиль для плавающего элемента */
+    popperClass: {
+      type: String,
+      default: null
+    },
+    /** Набор свойств плавающего элемента. See @/common/components/popper */
+    popperOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    /** Блокировка поля ввода */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /** Устанавливает поле ввода в состояние доступное только для чтения */
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    /** Наличие множественного выбора среди элементов выпадающего списка */
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    /** Добавляет анимацию показала полной строки при переполнении */
+    ticker: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    /** Смена значения флага видимости плавающего элемента */
+    "update:visible",
+    /** Появление плавающего элемента */
+    "show",
+    /** Сокрытие плавающего элемента */
+    "hide",
+    /** Появление плавающего элемента после окончания перехода */
+    "shown",
+    /** Сокрытие плавающего элемента после окончания перехода */
+    "hidden",
+    /** Удаление с формы плавающего элемента */
+    "dispose"
+  ],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const target = useElementRef();
+    const popper = ref(null);
+    const scrollable = ref(null);
+    const width = ref("auto");
+    const visible = computed(() => props.opened);
+    const autoScroll = async () => {
+      const option = scrollable.value?.querySelector(".ui-v1-select-option_selected");
+      if (scrollable.value && option) {
+        scrollable.value.scrollTop = option.offsetTop;
+      }
+    };
+    const updateWidth = () => width.value = `${target.value?.clientWidth}px`;
+    const scrollableStyle = computed(() => {
+      if (props.popperFitTrigger) {
+        return { minWidth: width.value };
+      }
+      const style = { width: width.value };
+      if (parseInt(width.value) > 500) {
+        style.maxWidth = width.value;
+      }
+      return style;
+    });
+    __expose({
+      adjust: () => popper.value?.adjust(),
+      dispose: () => popper.value?.dispose(),
+      show: () => popper.value?.show(),
+      hide: () => popper.value?.hide()
+    });
+    watch(() => props.opened, () => updateWidth());
+    onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$o, mergeProps({
+        id: __props.id + "-popper",
+        ref_key: "popper",
+        ref: popper,
+        visible: visible.value,
+        "target-triggers": __props.targetTriggers,
+        "popper-triggers": __props.popperTriggers,
+        "popper-options": __props.popperOptions,
+        "global-triggers": ["miss-click"],
+        placement: __props.placement,
+        "aria-hidden": !visible.value ? "true" : "false",
+        "aria-multiselectable": __props.multiple ? "true" : "false",
+        class: ["ui-v1-select__popper", __props.popperClass],
+        disabled: __props.disabled || __props.readonly
+      }, _ctx.$attrs, {
+        role: "listbox",
+        onAttached: autoScroll,
+        onShow: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("show", $event)),
+        onShown: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("shown", $event)),
+        onHide: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("hide", $event)),
+        onHidden: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("hidden", $event)),
+        onDispose: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("dispose", $event))
+      }), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "scrollable",
+            ref: scrollable,
+            style: normalizeStyle(scrollableStyle.value),
+            class: normalizeClass({
+              "ui-v1-select__content": true,
+              "ui-v1-select__content_long": __props.ticker
+            })
+          }, [
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "default")
+            ])
+          ], 6)
+        ]),
+        _: 3
+      }, 16, ["id", "visible", "target-triggers", "popper-triggers", "popper-options", "placement", "aria-hidden", "aria-multiselectable", "class", "disabled"]);
+    };
+  }
+});
+const _hoisted_1$6 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      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$2 };
+const pluralization_en_GB = (choice) => choice === 1 ? 0 : 1;
+const pluralization_es_ES = (choice) => choice === 1 ? 0 : 1;
+const pluralization_ru_RU = (choice, choicesLength) => {
+  if (choicesLength === 2) {
+    return choice === 1 ? 0 : 1;
+  }
+  const mod100 = choice % 100;
+  return mod100 % 10 === 1 && mod100 !== 11 ? 0 : mod100 % 10 >= 2 && mod100 % 10 <= 4 && !(mod100 >= 10 && mod100 < 15) ? 1 : 2;
+};
+const get = (messages, path) => {
+  let i = 0;
+  let slice = messages[path[0]];
+  while (i < path.length) {
+    if (typeof slice === "string" && i + 1 === path.length) {
+      return slice;
+    }
+    if (typeof slice !== "object") {
+      return void 0;
+    }
+    slice = slice[path[++i]];
+  }
   return slice;
 };
 const replace = (message, values) => {
@@ -6196,6 +6534,379 @@ const define = (options = void 0, parent = void 0) => {
     fallback
   };
 };
+const selected$2 = "Selected";
+const search$2 = { "placeholder": "", "noResult": "Nothing found" };
+const messages_en_GB$2 = {
+  selected: selected$2,
+  search: search$2
+};
+const selected$1 = "Seleccionado";
+const search$1 = { "placeholder": "", "noResult": "No se ha encontrado" };
+const messages_es_ES$2 = {
+  selected: selected$1,
+  search: search$1
+};
+const selected = "Выбрано";
+const search = { "placeholder": "", "noResult": "Ничего не найдено" };
+const messages_ru_RU$2 = {
+  selected,
+  search
+};
+const _i18n$2 = define({
+  messages: {
+    "en-GB": messages_en_GB$2,
+    "es-ES": messages_es_ES$2,
+    "ru-RU": messages_ru_RU$2
+  }
+});
+var TYPE = /* @__PURE__ */ ((TYPE2) => {
+  TYPE2["EMAIL"] = "email";
+  TYPE2["PASSWORD"] = "password";
+  TYPE2["PHONE"] = "tel";
+  TYPE2["SEARCH"] = "search";
+  TYPE2["TEXT"] = "text";
+  TYPE2["URL"] = "url";
+  return TYPE2;
+})(TYPE || {});
+var INPUTMODE = /* @__PURE__ */ ((INPUTMODE2) => {
+  INPUTMODE2["DECIMAL"] = "decimal";
+  INPUTMODE2["EMAIL"] = "email";
+  INPUTMODE2["NONE"] = "none";
+  INPUTMODE2["NUMERIC"] = "numeric";
+  INPUTMODE2["SEARCH"] = "search";
+  INPUTMODE2["TEL"] = "tel";
+  INPUTMODE2["TEXT"] = "text";
+  INPUTMODE2["URL"] = "url";
+  return INPUTMODE2;
+})(INPUTMODE || {});
+var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["XS"] = "xs";
+  SIZE2["SM"] = "sm";
+  SIZE2["MD"] = "md";
+  SIZE2["LG"] = "lg";
+  SIZE2["XL"] = "xl";
+  return SIZE2;
+})(SIZE$2 || {});
+const decimalsOf = (value) => {
+  const [, fraction] = String(value).replace(",", ".").split(".");
+  return fraction ? fraction.length : 0;
+};
+const isMaxDecimalsExceeded = (value, decimals) => {
+  return decimals !== void 0 && decimalsOf(value) > decimals;
+};
+const sanitizeNumeric = (raw) => raw.replace(/\D+/g, "");
+const sanitizeDecimal = (raw, allowNegative, decimals) => {
+  let s = raw.replace(/,/g, ".");
+  s = s.replace(/-/g, "");
+  if (allowNegative && raw.trim().startsWith("-")) {
+    s = "-" + s;
+  }
+  s = s.replace(/[^0-9.-]/g, "");
+  s = normalizeDot(s);
+  if (s.indexOf("-") > 0) s = s.replace(/-/g, "");
+  s = normalizeZero(s);
+  s = normalizeDecimals(s, decimals);
+  return s;
+};
+function normalizeZero(value) {
+  const m = value.match(/^(-)?(\d+)(?:\.(\d*))?$/);
+  if (m) {
+    const sign = m[1] ?? "";
+    let integer = m[2];
+    const fraction = m[3] ?? "";
+    integer = integer.replace(/^0+(?=\d)/, "");
+    if (integer === "") integer = "0";
+    return integer === "0" && fraction === "" && !/\.$/.test(value) ? `${sign}${integer}` : fraction !== "" || /\.$/.test(value) ? `${sign}${integer}.${fraction}` : `${sign}${integer}`;
+  }
+  return value;
+}
+function normalizeDot(value) {
+  const dotAt = value.indexOf(".");
+  if (dotAt !== -1) {
+    return value.slice(0, dotAt + 1) + value.slice(dotAt + 1).replace(/\./g, "");
+  }
+  return value;
+}
+function normalizeDecimals(value, decimals) {
+  if (decimals !== "*") {
+    const m = value.match(/^(-)?(\d+)(?:\.(\d*))?$/);
+    if (m) {
+      const sign = m[1] ?? "";
+      const integer = m[2];
+      const fraction = (m[3] ?? "").slice(0, decimals);
+      return fraction.length > 0 && decimals > 0 ? `${sign}${integer}.${fraction}` : `${sign}${integer}`;
+    }
+  }
+  return value;
+}
+class VueI18n {
+  _state;
+  constructor(locale = void 0) {
+    this._state = reactive({ locale });
+  }
+  get locale() {
+    return this._state.locale;
+  }
+  set locale(locale) {
+    this._state.locale = locale;
+  }
+}
+const I18nInjectKey = Symbol("$embedI18n");
+const plugin = {
+  install(app, options) {
+    app.provide(I18nInjectKey, options instanceof VueI18n ? options : new VueI18n(options?.locale));
+  }
+};
+const _hoisted_1$5 = ["aria-controls", "aria-expanded", "aria-invalid"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "UiSelectTrigger",
+  props: {
+    /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
+    id: {
+      type: String,
+      default: void 0
+    },
+    /** Атрибут value, содержащий выбранный элемент из выпадающего списка */
+    value: {
+      type: null,
+      default: void 0
+    },
+    /** Текст фильтра для поиска */
+    filter: {
+      type: String,
+      default: ""
+    },
+    /** Отображает иконку сброса введённого или выбранного значения в виде крестика */
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    /** Фильтрация строк выпадающего списка на соответствие введённого выражения в input */
+    filterable: {
+      type: Boolean,
+      default: false
+    },
+    /** Подсвечивает поле как содержащее некорректное значение */
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    /** Наличие множественного выбора среди элементов выпадающего списка */
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    /** Атрибут placeholder нативного поля ввода input */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /** Устанавливает поле ввода в состояние доступное только для чтения */
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    /** Блокировка поля ввода */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /** Устанавливает в качестве выводимого в input значения только содержимое placeholder */
+    placeholderOnly: {
+      type: Boolean,
+      default: false
+    },
+    /** Размер поля ввода */
+    textboxSize: {
+      type: String,
+      validator: (size) => Object.values(SIZE$2).includes(size),
+      default: SIZE$2.SM
+    },
+    /** Состояние открытия выпадающего списка */
+    expanded: {
+      type: Boolean,
+      default: false
+    },
+    /** Выбранные элементы из выпадающего списка. Должен содержать значение или массив значений, соответствующих атрибуту value опций из выпадающего списка */
+    selection: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [
+    /** Ввод значения в поле ввода */
+    "input",
+    /** Установка фокуса на поле ввода */
+    "focus",
+    /** Потеря фокуса полем ввода */
+    "blur",
+    /** Сброс значения фильтра */
+    "clear",
+    /** Изменение значения */
+    "update:value",
+    /** Открытие выпадающего списка */
+    "update:expanded"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const i18n = computed(() => _i18n$2.init(inject(I18nInjectKey, null)?.locale ?? _i18n$2.fallback));
+    const input = ref(null);
+    const inputReadonly = computed(() => props.readonly || !props.filterable);
+    const trigger = ref(null);
+    const touchstone = ref(null);
+    const selectionLabels = computed(() => props.selection.map((o) => o.label).join(", "));
+    const selectionText = computed(() => {
+      if (props.placeholder && props.placeholderOnly) return props.placeholder;
+      if (props.multiple) {
+        const width = input.value?.clientWidth ?? 0;
+        if (width > 0 && selectionWidth.value > width) {
+          return `${i18n.value.t("selected")}: ${props.selection.length}`;
+        }
+      }
+      return selectionLabels.value;
+    });
+    const selectionWidth = ref(0);
+    const updateSelectionWidth = () => {
+      if (touchstone.value && !props.placeholderOnly) {
+        nextTick().then(() => {
+          selectionWidth.value = touchstone.value?.clientWidth ?? 0;
+        });
+      }
+    };
+    const inputValue = computed(() => {
+      if (!inputReadonly.value && props.expanded) {
+        if (props.multiple && !props.filter) {
+          return selectionText.value;
+        }
+        return props.filter;
+      }
+      return selectionText.value;
+    });
+    const open = () => {
+      if (props.expanded) return;
+      emit("update:expanded", true);
+    };
+    const close = () => {
+      if (!props.expanded) return;
+      emit("update:expanded", false);
+    };
+    const onClick = () => {
+      if (props.disabled || props.readonly) return;
+      return props.expanded ? close() : open();
+    };
+    const onInput = (event) => {
+      const target = event.target;
+      emit("input", target?.value ?? "");
+    };
+    const onFocus = (event) => emit("focus", event);
+    const onBlur = (event) => emit("blur", event);
+    const onClear = (event) => {
+      const value = props.multiple ? [] : null;
+      emit("update:value", value);
+      emit("clear", event);
+    };
+    watch(() => props.value, () => {
+      updateSelectionWidth();
+      if (props.multiple && props.expanded) {
+        nextTick(() => input.value?.focus());
+      }
+    });
+    onMounted(async () => {
+      input.value = trigger.value?.querySelector("input") ?? null;
+      updateSelectionWidth();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "trigger",
+        ref: trigger,
+        "aria-controls": __props.id + "-popper",
+        "aria-expanded": __props.expanded ? "true" : "false",
+        "aria-invalid": __props.invalid ? "true" : "false",
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        class: normalizeClass({
+          "ui-v1-select": true,
+          "ui-v1-select_active": __props.expanded,
+          "ui-v1-select_disabled": __props.disabled,
+          "ui-v1-select_filterable": __props.filterable
+        }),
+        onClick
+      }, [
+        __props.multiple && !_ctx.$slots.trigger ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref_key: "touchstone",
+          ref: touchstone,
+          class: "ui-v1-select__touchstone"
+        }, toDisplayString(selectionLabels.value), 513)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "trigger", {}, () => [
+          createVNode(unref(_sfc_main$4), {
+            id: __props.id,
+            value: inputValue.value,
+            placeholder: !inputReadonly.value && __props.expanded ? i18n.value.t("search.placeholder") : __props.placeholder,
+            active: __props.expanded,
+            clearable: __props.clearable,
+            invalid: __props.invalid,
+            readonly: inputReadonly.value,
+            size: __props.textboxSize,
+            disabled: __props.disabled,
+            class: "ui-v1-select__trigger",
+            onInput,
+            onFocus,
+            onBlur,
+            onClear
+          }, createSlots({
+            "trailing-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "trailing-icon", {}, () => [
+                createVNode(unref(IconCaret), {
+                  "aria-hidden": "true",
+                  class: "ui-v1-select__caret"
+                })
+              ])
+            ]),
+            _: 2
+          }, [
+            _ctx.$slots["leading-icon"] ? {
+              name: "leading-icon",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "leading-icon")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["id", "value", "placeholder", "active", "clearable", "invalid", "readonly", "size", "disabled"])
+        ])
+      ], 10, _hoisted_1$5);
+    };
+  }
+});
+const _hoisted_1$4 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
+    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 };
+var SIZE$1 = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["LG"] = "lg";
+  SIZE2["MD"] = "md";
+  SIZE2["SM"] = "sm";
+  SIZE2["XS"] = "xs";
+  return SIZE2;
+})(SIZE$1 || {});
+function deltaTransition(el) {
+  const delta = el.scrollWidth - el.clientWidth;
+  const animationDuration = `${(el.scrollWidth / el.clientWidth * 2).toFixed(2)}s`;
+  return delta !== 0 ? {
+    "--delta-width": `-${delta}px`,
+    animationDuration
+  } : {};
+}
 const messages_en_GB$1 = {
   "delete": "Delete"
 };
@@ -6224,7 +6935,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     /** Размер */
     size: {
       type: String,
-      default: SIZE$2.LG
+      default: SIZE$1.LG
     },
     /** Слева выводим иконку закреплённого тега */
     pinned: {
@@ -6325,86 +7036,6 @@ function render(_ctx, _cache) {
   ])]);
 }
 const IconClearCircle = { render };
-var TYPE = /* @__PURE__ */ ((TYPE2) => {
-  TYPE2["EMAIL"] = "email";
-  TYPE2["PASSWORD"] = "password";
-  TYPE2["PHONE"] = "tel";
-  TYPE2["SEARCH"] = "search";
-  TYPE2["TEXT"] = "text";
-  TYPE2["URL"] = "url";
-  return TYPE2;
-})(TYPE || {});
-var INPUTMODE = /* @__PURE__ */ ((INPUTMODE2) => {
-  INPUTMODE2["DECIMAL"] = "decimal";
-  INPUTMODE2["EMAIL"] = "email";
-  INPUTMODE2["NONE"] = "none";
-  INPUTMODE2["NUMERIC"] = "numeric";
-  INPUTMODE2["SEARCH"] = "search";
-  INPUTMODE2["TEL"] = "tel";
-  INPUTMODE2["TEXT"] = "text";
-  INPUTMODE2["URL"] = "url";
-  return INPUTMODE2;
-})(INPUTMODE || {});
-var SIZE$1 = /* @__PURE__ */ ((SIZE2) => {
-  SIZE2["XS"] = "xs";
-  SIZE2["SM"] = "sm";
-  SIZE2["MD"] = "md";
-  SIZE2["LG"] = "lg";
-  SIZE2["XL"] = "xl";
-  return SIZE2;
-})(SIZE$1 || {});
-const decimalsOf = (value) => {
-  const [, fraction] = String(value).replace(",", ".").split(".");
-  return fraction ? fraction.length : 0;
-};
-const isMaxDecimalsExceeded = (value, decimals) => {
-  return decimals !== void 0 && decimalsOf(value) > decimals;
-};
-const sanitizeNumeric = (raw) => raw.replace(/\D+/g, "");
-const sanitizeDecimal = (raw, allowNegative, decimals) => {
-  let s = raw.replace(/,/g, ".");
-  s = s.replace(/-/g, "");
-  if (allowNegative && raw.trim().startsWith("-")) {
-    s = "-" + s;
-  }
-  s = s.replace(/[^0-9.-]/g, "");
-  s = normalizeDot(s);
-  if (s.indexOf("-") > 0) s = s.replace(/-/g, "");
-  s = normalizeZero(s);
-  s = normalizeDecimals(s, decimals);
-  return s;
-};
-function normalizeZero(value) {
-  const m = value.match(/^(-)?(\d+)(?:\.(\d*))?$/);
-  if (m) {
-    const sign = m[1] ?? "";
-    let integer = m[2];
-    const fraction = m[3] ?? "";
-    integer = integer.replace(/^0+(?=\d)/, "");
-    if (integer === "") integer = "0";
-    return integer === "0" && fraction === "" && !/\.$/.test(value) ? `${sign}${integer}` : fraction !== "" || /\.$/.test(value) ? `${sign}${integer}.${fraction}` : `${sign}${integer}`;
-  }
-  return value;
-}
-function normalizeDot(value) {
-  const dotAt = value.indexOf(".");
-  if (dotAt !== -1) {
-    return value.slice(0, dotAt + 1) + value.slice(dotAt + 1).replace(/\./g, "");
-  }
-  return value;
-}
-function normalizeDecimals(value, decimals) {
-  if (decimals !== "*") {
-    const m = value.match(/^(-)?(\d+)(?:\.(\d*))?$/);
-    if (m) {
-      const sign = m[1] ?? "";
-      const integer = m[2];
-      const fraction = (m[3] ?? "").slice(0, decimals);
-      return fraction.length > 0 && decimals > 0 ? `${sign}${integer}.${fraction}` : `${sign}${integer}`;
-    }
-  }
-  return value;
-}
 const clear$2 = "Clear";
 const messages_en_GB = {
   clear: clear$2
@@ -6502,7 +7133,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     /** Размер поля ввода */
     size: {
       type: String,
-      default: SIZE$1.SM
+      default: SIZE$2.SM
     },
     /** Нативный атрибут input|textarea */
     placeholder: {
@@ -6773,10 +7404,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           "ui-v1-textbox_active": __props.active,
           "ui-v1-textbox_invalid": __props.invalid,
           "ui-v1-textbox_outlined": __props.outlined,
-          "ui-v1-textbox_xs": __props.size === unref(SIZE$1).XS,
-          "ui-v1-textbox_md": __props.size === unref(SIZE$1).MD,
-          "ui-v1-textbox_lg": __props.size === unref(SIZE$1).LG,
-          "ui-v1-textbox_xl": __props.size === unref(SIZE$1).XL
+          "ui-v1-textbox_xs": __props.size === unref(SIZE$2).XS,
+          "ui-v1-textbox_md": __props.size === unref(SIZE$2).MD,
+          "ui-v1-textbox_lg": __props.size === unref(SIZE$2).LG,
+          "ui-v1-textbox_xl": __props.size === unref(SIZE$2).XL
         }
       }, _ctx.$attrs), [
         __props.prefix || "prefix" in _ctx.$slots ? (openBlock(), createElementBlock("span", _hoisted_2, [
@@ -6936,12 +7567,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const toolbarSize = useToolbarSize();
     const size = computed(() => {
       if (toolbarSize.value === SIZE.SM) {
-        return SIZE$5.XS;
+        return SIZE$6.XS;
       }
-      return SIZE$5.SM;
+      return SIZE$6.SM;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$m, mergeProps({
+      return openBlock(), createBlock(_sfc_main$q, mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -7014,7 +7645,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, mergeProps({
+      return openBlock(), createBlock(_sfc_main$j, mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -7187,7 +7818,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !ready.value ? (openBlock(), createBlock(_sfc_main$d, { key: 0 })) : createCommentVNode("", true),
+        !ready.value ? (openBlock(), createBlock(_sfc_main$h, { key: 0 })) : createCommentVNode("", true),
         withDirectives((openBlock(), createElementBlock("iframe", {
           ref_key: "iframe",
           ref: iframe,
@@ -7204,31 +7835,35 @@ export {
   plugin as I18nPlugin,
   ImageWorkersKey,
   plugin$1 as ModalPlugin,
-  _sfc_main$o as UiAvatar,
-  _sfc_main$n as UiAvatarList,
-  _sfc_main$m as UiButton,
-  _sfc_main$l as UiCheckbox,
-  _sfc_main$i as UiCopyButton,
-  _sfc_main$h as UiDate,
-  _sfc_main$g as UiError,
-  _sfc_main$p as UiImage,
-  _sfc_main$f as UiLink,
-  _sfc_main$d as UiLoader,
-  _sfc_main$b as UiModalSidebar,
-  _sfc_main$9 as UiModalWindow,
-  _sfc_main$a as UiModalWindowSurface,
-  _sfc_main$k as UiPopper,
-  _sfc_main$8 as UiPopperConnector,
-  _sfc_main$7 as UiPopperTarget,
-  _sfc_main$6 as UiRadio,
-  _sfc_main$c as UiScrollBox,
+  _sfc_main$s as UiAvatar,
+  _sfc_main$r as UiAvatarList,
+  _sfc_main$q as UiButton,
+  _sfc_main$p as UiCheckbox,
+  _sfc_main$m as UiCopyButton,
+  _sfc_main$l as UiDate,
+  _sfc_main$k as UiError,
+  _sfc_main$t as UiImage,
+  _sfc_main$j as UiLink,
+  _sfc_main$h as UiLoader,
+  _sfc_main$g as UiMenuItem,
+  UiMenuItemGroup,
+  _sfc_main$d as UiModalSidebar,
+  _sfc_main$b as UiModalWindow,
+  _sfc_main$c as UiModalWindowSurface,
+  _sfc_main$o as UiPopper,
+  _sfc_main$a as UiPopperConnector,
+  _sfc_main$9 as UiPopperTarget,
+  _sfc_main$8 as UiRadio,
+  _sfc_main$e as UiScrollBox,
+  _sfc_main$7 as UiSelectPopper,
+  _sfc_main$6 as UiSelectTrigger,
   _sfc_main$5 as UiTag,
   _sfc_main$4 as UiTextbox,
   _sfc_main$3 as UiToolbar,
   _sfc_main$2 as UiToolbarButton,
   _sfc_main$1 as UiToolbarLink,
-  _sfc_main$j as UiTooltip,
-  _sfc_main$e as UiTransition,
+  _sfc_main$n as UiTooltip,
+  _sfc_main$i as UiTransition,
   _sfc_main as UiYandexMap,
   VueI18n
 };