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

package/dist/host.cjs

@@ -5,12 +5,12 @@ const imagePreview = require("@retailcrm/image-preview");
 const isEqual = require("lodash.isequal");
 const dateFns = require("date-fns");
 const vue3PerfectScrollbar = require("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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$m, [..._cache[0] || (_cache[0] = [
+function render$b(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -19,34 +19,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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
+function render$a(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, [..._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$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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, [..._cache[0] || (_cache[0] = [
+function render$9(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$o, [..._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$8 };
+const SpriteVIP = { render: render$9 };
 const ImageWorkersKey = Symbol("$image.workers");
-const _hoisted_1$j = ["alt", "src"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$n = ["alt", "src"];
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "UiImage",
   props: {
     alt: {
@@ -82,7 +82,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
         alt: __props.alt,
         src: url.value
-      }, _ctx.$attrs), null, 16, _hoisted_1$j);
+      }, _ctx.$attrs), null, 16, _hoisted_1$n);
     };
   }
 });
@@ -102,12 +102,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";
@@ -116,27 +116,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__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -175,8 +175,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.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],
@@ -204,9 +204,9 @@ const _sfc_main$o = /* @__PURE__ */ vue.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
       };
@@ -223,7 +223,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
         }
       }, _ctx.$attrs), {
         default: vue.withCtx(() => [
-          __props.src ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+          __props.src ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
             key: 0,
             src: __props.src,
             resize: optimization.value.resize,
@@ -232,7 +232,7 @@ const _sfc_main$o = /* @__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$i, [
+          }, null, 8, ["src", "resize", "crop"])) : !__props.src && unresolved.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
             vue.createVNode(vue.unref(IconHelpOutlined))
           ])) : vue.createCommentVNode("", true),
           __props.status && !(__props.vip || __props.bad) ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -243,16 +243,16 @@ const _sfc_main$o = /* @__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$7, [
+          !(unresolved.value || loaded.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
             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$6, [
-            __props.vip ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, [
+          __props.vip || __props.bad ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
+            __props.vip ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$6, [
               vue.createVNode(vue.unref(SpriteVIP), { class: "ui-v1-avatar__vip" })
             ])) : vue.createCommentVNode("", true),
-            __props.bad ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3, [
+            __props.bad ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$5, [
               vue.createVNode(vue.unref(SpriteBAD), { class: "ui-v1-avatar__bad" })
             ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
@@ -262,7 +262,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatarList",
   props: {
     /** Список аватарок пользователей */
@@ -273,8 +273,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.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) {
@@ -289,7 +289,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             key: index,
             class: "ui-v1-avatar-list__item"
           }, [
-            vue.createVNode(_sfc_main$o, {
+            vue.createVNode(_sfc_main$s, {
               src: avatar.src,
               name: avatar.name
             }, null, 8, ["src", "name"])
@@ -343,20 +343,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 = vue.defineComponent({
+const _sfc_main$q = vue.defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -382,7 +382,7 @@ const _sfc_main$m = vue.defineComponent({
     /** Размер */
     size: {
       type: String,
-      default: SIZE$5.SM
+      default: SIZE$6.SM
     },
     /** Если кнопка активна */
     active: {
@@ -442,12 +442,12 @@ const _sfc_main$m = vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$h, [..._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",
@@ -456,7 +456,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);
@@ -477,11 +477,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__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...__default__$1,
   __name: "UiCheckbox",
   props: {
@@ -588,8 +588,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           type: "checkbox",
           class: "ui-v1-checkbox__input",
           onChange
-        }), null, 16, _hoisted_1$g),
-        vue.createElementVNode("span", _hoisted_2$6, [
+        }), null, 16, _hoisted_1$k),
+        vue.createElementVNode("span", _hoisted_2$8, [
           checked.value && !__props.indeterminate ? (vue.openBlock(), vue.createBlock(vue.unref(IconDone), {
             key: 0,
             class: "ui-v1-checkbox__checkmark-icon"
@@ -599,13 +599,13 @@ const _sfc_main$l = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$f, [..._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",
       "fill-rule": "evenodd",
@@ -614,20 +614,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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, [..._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: "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 ?? [];
@@ -2294,8 +2294,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__ */ vue.defineComponent({
+const _hoisted_1$h = { class: "ui-v1-popper__content" };
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopper",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -2381,6 +2381,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     }
   },
   emits: [
+    /** Элемент добавлен на страницу */
+    "attached",
     /** Смена значения флага видимости плавающего элемента */
     "update:visible",
     /** Появление плавающего элемента */
@@ -2481,6 +2483,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       }
       state.hiding = false;
       state.attached = true;
+      emit("attached");
       showingScheduler.schedule(doShow, immediately ? 0 : delay.value.show);
       emit("show");
       state.showing = true;
@@ -2580,6 +2583,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       if (isAttached && !wasAttached) {
         vue.nextTick(async () => {
           if (state.visible) {
+            emit("attached");
             autoAdjustOff();
             await adjust();
             autoAdjustOn();
@@ -2637,7 +2641,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             ref: arrow2,
             class: "ui-v1-popper__arrow"
           }, null, 512)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_1$d, [
+          vue.createElementVNode("div", _hoisted_1$h, [
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ], 16)
@@ -2645,7 +2649,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTooltip",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -2756,7 +2760,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       hide: () => popper.value?.hide()
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$k, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$o, vue.mergeProps({
         ref_key: "popper",
         ref: popper,
         visible: __props.visible,
@@ -2790,11 +2794,11 @@ const _sfc_main$j = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.defineComponent({
   __name: "UiCopyButton",
   props: {
     /** Текст для копирования в буфер обмена */
@@ -2805,7 +2809,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     /** Размер кнопки */
     size: {
       type: String,
-      default: SIZE$5.XS
+      default: SIZE$6.XS
     },
     /** Объект, содержащий параметры настройки Tooltip */
     tooltipOptions: {
@@ -2866,7 +2870,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         onClick: copy
       }, [
         vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
-          vue.createVNode(_sfc_main$m, {
+          vue.createVNode(_sfc_main$q, {
             size: __props.size,
             appearance: "tertiary"
           }, {
@@ -2876,7 +2880,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["size"])
         ]),
-        vue.createVNode(_sfc_main$j, vue.mergeProps({
+        vue.createVNode(_sfc_main$n, vue.mergeProps({
           visible: visible.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
           target: rootTarget.value,
@@ -2886,12 +2890,12 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           ...__props.tooltipOptions
         }), {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$c, [
+            vue.createElementVNode("div", _hoisted_1$g, [
               copied.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createElementVNode("div", _hoisted_2$5, [
+                vue.createElementVNode("div", _hoisted_2$7, [
                   vue.createVNode(vue.unref(IconCheckmarkCircleOutlined))
                 ]),
-                vue.createElementVNode("div", _hoisted_3$5, [
+                vue.createElementVNode("div", _hoisted_3$7, [
                   vue.renderSlot(_ctx.$slots, "hint-copied")
                 ])
               ], 64)) : vue.renderSlot(_ctx.$slots, "hint", { key: 1 })
@@ -2906,7 +2910,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           value: __props.text,
           class: "ui-v1-copy-button__area",
           type: "text"
-        }, null, 8, _hoisted_4$3)) : vue.createCommentVNode("", true)
+        }, null, 8, _hoisted_4$5)) : vue.createCommentVNode("", true)
       ], 544);
     };
   }
@@ -4541,7 +4545,7 @@ function detectLocale() {
   }
   return "en-GB";
 }
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "UiDate",
   props: {
     date: {
@@ -4573,7 +4577,7 @@ var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
 })(ALIGN || {});
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -4612,19 +4616,19 @@ const _sfc_main$g = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
+function render$5(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$f, [..._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$4 };
+const IconOpenInNew = { render: render$5 };
 var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["BREADCRUMBS"] = "breadcrumbs";
   APPEARANCE2["DEFAULT"] = "default";
@@ -4633,7 +4637,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";
@@ -4642,17 +4646,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__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -4678,8 +4682,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.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: {
@@ -4721,19 +4725,19 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         },
         target: __props.external ? "_blank" : "_self"
       }, _ctx.$attrs), [
-        __props.dotted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$4, [
+        __props.dotted ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$6, [
           vue.renderSlot(_ctx.$slots, "default")
         ])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
-        _ctx.$slots.icon || __props.external ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$4, [
+        _ctx.$slots.icon || __props.external ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$6, [
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
             vue.createVNode(vue.unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$a);
+      ], 16, _hoisted_1$e);
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -4761,7 +4765,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -4793,7 +4797,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$e : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$i : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -4820,7 +4824,199 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ vue.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__ */ vue.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 = vue.ref(null);
+    const textStyle = vue.ref({});
+    const onHover = () => {
+      if (props.ticker && textRef.value) {
+        textStyle.value = deltaTransition$1(textRef.value);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.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), [
+        vue.createElementVNode("div", {
+          class: vue.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"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+            vue.renderSlot(_ctx.$slots, "avatar")
+          ])) : _ctx.$slots["leading-icon"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
+            vue.renderSlot(_ctx.$slots, "leading-icon")
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_3$5, [
+            vue.createElementVNode("div", _hoisted_4$4, [
+              __props.ticker ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                ref_key: "textRef",
+                ref: textRef,
+                style: vue.normalizeStyle(textStyle.value),
+                class: "ui-v1-menu-item__ticker"
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 4)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+            ]),
+            _ctx.$slots["description"] || __props.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
+              vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(__props.description), 1)
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          __props.counter !== null ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, vue.toDisplayString(__props.counter), 1)) : vue.createCommentVNode("", true),
+          _ctx.$slots["trailing-icon"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1, [
+            vue.renderSlot(_ctx.$slots, "trailing-icon")
+          ])) : vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+    vue.createElementVNode("div", _hoisted_2$4, [
+      _ctx.$slots.option ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
+        vue.renderSlot(_ctx.$slots, "option")
+      ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass({
+            "ui-v1-menu-item-group__title": true,
+            "ui-v1-menu-item-group__title_upper": !_ctx.$slots.option
+          })
+        }, [
+          vue.renderSlot(_ctx.$slots, "label")
+        ], 2),
+        _ctx.$slots.quantity ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$3, [
+          vue.renderSlot(_ctx.$slots, "quantity")
+        ])) : vue.createCommentVNode("", true)
+      ]))
+    ]),
+    vue.renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render]]);
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -4920,19 +5116,19 @@ const _sfc_main$c = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
+function render$4(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, [..._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$3 };
+const IconClear = { render: render$4 };
 const ModalInjectKey = Symbol("$embedModal");
 const plugin$1 = {
   install(app, options) {
@@ -5028,7 +5224,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" };
@@ -5045,7 +5241,7 @@ const _hoisted_7 = {
   key: 2,
   class: "ui-v1-modal-sidebar__footer"
 };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5265,7 +5461,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         to: vue.unref(globals)?.container || "body"
       }, [
-        vue.createVNode(_sfc_main$e, {
+        vue.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"),
@@ -5285,7 +5481,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
               }],
               "aria-modal": "true"
             }, _ctx.$attrs, { onClick: onBackdropClick }), [
-              vue.createVNode(_sfc_main$e, {
+              vue.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"),
@@ -5323,7 +5519,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                           "aria-hidden": "true",
                           width: "32"
                         }),
-                        vue.createVNode(_sfc_main$j, {
+                        vue.createVNode(_sfc_main$n, {
                           target: closerTarget.value,
                           "offset-main-axis": 0
                         }, {
@@ -5338,7 +5534,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                       vue.renderSlot(_ctx.$slots, "default", {
                         overlapped: state.overlapped
                       })
-                    ])) : (vue.openBlock(), vue.createBlock(_sfc_main$c, {
+                    ])) : (vue.openBlock(), vue.createBlock(_sfc_main$e, {
                       key: 1,
                       native: __props.scrolling === vue.unref(SCROLLING$1).NATIVE,
                       class: "ui-v1-modal-sidebar__body",
@@ -5361,7 +5557,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 _: 3
               }, 8, ["name"])
-            ], 16, _hoisted_1$8), [
+            ], 16, _hoisted_1$a), [
               [vue.vShow, state.shown]
             ])
           ]),
@@ -5383,7 +5579,7 @@ var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NATIVE"] = "native";
   return SCROLLING2;
 })(SCROLLING || {});
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -5597,7 +5793,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return vue.h(_sfc_main$e, {
+      return vue.h(_sfc_main$i, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -5622,7 +5818,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : vue.h(vue.Teleport, {
       to: globals?.container ?? document.body
-    }, vue.h(_sfc_main$e, {
+    }, vue.h(_sfc_main$i, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -5639,7 +5835,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, vue.h(_sfc_main$c, {
+      }, vue.h(_sfc_main$e, {
         class: {
           "ui-v1-modal-window-container": true,
           "ui-v1-modal-window-container_fullscreen": props.fullscreen,
@@ -5663,12 +5859,12 @@ const _sfc_main$a = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
+function render$3(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -5677,8 +5873,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"
 };
@@ -5695,7 +5891,7 @@ const _hoisted_5$1 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -5809,7 +6005,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watch(() => props.opened, toggle);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$a, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$c, vue.mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -5837,7 +6033,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
               "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === vue.unref(APPEARANCE).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+            __props.appearance === vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
               vue.renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -5866,7 +6062,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
               })
             ])) : vue.createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$c, {
+          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$e, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -5899,7 +6095,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopperConnector",
   setup(__props) {
     const target = vue.ref(null);
@@ -5910,7 +6106,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopperTarget",
   props: {
     tag: {
@@ -5933,10 +6129,10 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   __name: "UiRadio",
   props: {
@@ -6009,79 +6205,221 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           type: "radio",
           class: "ui-v1-radio__input",
           onChange
-        }), null, 16, _hoisted_1$5),
+        }), null, 16, _hoisted_1$7),
         _cache[0] || (_cache[0] = vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, [..._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 };
-class VueI18n {
-  _state;
-  constructor(locale = void 0) {
-    this._state = vue.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__ */ vue.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 = vue.ref(null);
+    const scrollable = vue.ref(null);
+    const width = vue.ref("auto");
+    const visible = vue.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 = vue.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()
+    });
+    vue.watch(() => props.opened, () => updateWidth());
+    vue.onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(_sfc_main$o, vue.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: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            ref_key: "scrollable",
+            ref: scrollable,
+            style: vue.normalizeStyle(scrollableStyle.value),
+            class: vue.normalizeClass({
+              "ui-v1-select__content": true,
+              "ui-v1-select__content_long": __props.ticker
+            })
+          }, [
+            vue.createElementVNode("div", null, [
+              vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, [..._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$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) => {
@@ -6198,6 +6536,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 = vue.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__ */ vue.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 = vue.computed(() => _i18n$2.init(vue.inject(I18nInjectKey, null)?.locale ?? _i18n$2.fallback));
+    const input = vue.ref(null);
+    const inputReadonly = vue.computed(() => props.readonly || !props.filterable);
+    const trigger = vue.ref(null);
+    const touchstone = vue.ref(null);
+    const selectionLabels = vue.computed(() => props.selection.map((o) => o.label).join(", "));
+    const selectionText = vue.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 = vue.ref(0);
+    const updateSelectionWidth = () => {
+      if (touchstone.value && !props.placeholderOnly) {
+        vue.nextTick().then(() => {
+          selectionWidth.value = touchstone.value?.clientWidth ?? 0;
+        });
+      }
+    };
+    const inputValue = vue.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);
+    };
+    vue.watch(() => props.value, () => {
+      updateSelectionWidth();
+      if (props.multiple && props.expanded) {
+        vue.nextTick(() => input.value?.focus());
+      }
+    });
+    vue.onMounted(async () => {
+      input.value = trigger.value?.querySelector("input") ?? null;
+      updateSelectionWidth();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.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: vue.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 ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          ref_key: "touchstone",
+          ref: touchstone,
+          class: "ui-v1-select__touchstone"
+        }, vue.toDisplayString(selectionLabels.value), 513)) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
+          vue.createVNode(vue.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
+          }, vue.createSlots({
+            "trailing-icon": vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "trailing-icon", {}, () => [
+                vue.createVNode(vue.unref(IconCaret), {
+                  "aria-hidden": "true",
+                  class: "ui-v1-select__caret"
+                })
+              ])
+            ]),
+            _: 2
+          }, [
+            _ctx.$slots["leading-icon"] ? {
+              name: "leading-icon",
+              fn: vue.withCtx(() => [
+                vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, [..._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 };
+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"
 };
@@ -6226,7 +6937,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     /** Размер */
     size: {
       type: String,
-      default: SIZE$2.LG
+      default: SIZE$1.LG
     },
     /** Слева выводим иконку закреплённого тега */
     pinned: {
@@ -6327,86 +7038,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
@@ -6504,7 +7135,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     /** Размер поля ввода */
     size: {
       type: String,
-      default: SIZE$1.SM
+      default: SIZE$2.SM
     },
     /** Нативный атрибут input|textarea */
     placeholder: {
@@ -6775,10 +7406,10 @@ const _sfc_main$4 = /* @__PURE__ */ vue.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 === vue.unref(SIZE$1).XS,
-          "ui-v1-textbox_md": __props.size === vue.unref(SIZE$1).MD,
-          "ui-v1-textbox_lg": __props.size === vue.unref(SIZE$1).LG,
-          "ui-v1-textbox_xl": __props.size === vue.unref(SIZE$1).XL
+          "ui-v1-textbox_xs": __props.size === vue.unref(SIZE$2).XS,
+          "ui-v1-textbox_md": __props.size === vue.unref(SIZE$2).MD,
+          "ui-v1-textbox_lg": __props.size === vue.unref(SIZE$2).LG,
+          "ui-v1-textbox_xl": __props.size === vue.unref(SIZE$2).XL
         }
       }, _ctx.$attrs), [
         __props.prefix || "prefix" in _ctx.$slots ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
@@ -6938,12 +7569,12 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const toolbarSize = useToolbarSize();
     const size = vue.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 vue.openBlock(), vue.createBlock(_sfc_main$m, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$q, vue.mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -7016,7 +7647,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$f, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$j, vue.mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -7189,7 +7820,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$d, { key: 0 })) : vue.createCommentVNode("", true),
+        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$h, { key: 0 })) : vue.createCommentVNode("", true),
         vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
           ref_key: "iframe",
           ref: iframe,
@@ -7205,30 +7836,34 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 exports.I18nPlugin = plugin;
 exports.ImageWorkersKey = ImageWorkersKey;
 exports.ModalPlugin = plugin$1;
-exports.UiAvatar = _sfc_main$o;
-exports.UiAvatarList = _sfc_main$n;
-exports.UiButton = _sfc_main$m;
-exports.UiCheckbox = _sfc_main$l;
-exports.UiCopyButton = _sfc_main$i;
-exports.UiDate = _sfc_main$h;
-exports.UiError = _sfc_main$g;
-exports.UiImage = _sfc_main$p;
-exports.UiLink = _sfc_main$f;
-exports.UiLoader = _sfc_main$d;
-exports.UiModalSidebar = _sfc_main$b;
-exports.UiModalWindow = _sfc_main$9;
-exports.UiModalWindowSurface = _sfc_main$a;
-exports.UiPopper = _sfc_main$k;
-exports.UiPopperConnector = _sfc_main$8;
-exports.UiPopperTarget = _sfc_main$7;
-exports.UiRadio = _sfc_main$6;
-exports.UiScrollBox = _sfc_main$c;
+exports.UiAvatar = _sfc_main$s;
+exports.UiAvatarList = _sfc_main$r;
+exports.UiButton = _sfc_main$q;
+exports.UiCheckbox = _sfc_main$p;
+exports.UiCopyButton = _sfc_main$m;
+exports.UiDate = _sfc_main$l;
+exports.UiError = _sfc_main$k;
+exports.UiImage = _sfc_main$t;
+exports.UiLink = _sfc_main$j;
+exports.UiLoader = _sfc_main$h;
+exports.UiMenuItem = _sfc_main$g;
+exports.UiMenuItemGroup = UiMenuItemGroup;
+exports.UiModalSidebar = _sfc_main$d;
+exports.UiModalWindow = _sfc_main$b;
+exports.UiModalWindowSurface = _sfc_main$c;
+exports.UiPopper = _sfc_main$o;
+exports.UiPopperConnector = _sfc_main$a;
+exports.UiPopperTarget = _sfc_main$9;
+exports.UiRadio = _sfc_main$8;
+exports.UiScrollBox = _sfc_main$e;
+exports.UiSelectPopper = _sfc_main$7;
+exports.UiSelectTrigger = _sfc_main$6;
 exports.UiTag = _sfc_main$5;
 exports.UiTextbox = _sfc_main$4;
 exports.UiToolbar = _sfc_main$3;
 exports.UiToolbarButton = _sfc_main$2;
 exports.UiToolbarLink = _sfc_main$1;
-exports.UiTooltip = _sfc_main$j;
-exports.UiTransition = _sfc_main$e;
+exports.UiTooltip = _sfc_main$n;
+exports.UiTransition = _sfc_main$i;
 exports.UiYandexMap = _sfc_main;
 exports.VueI18n = VueI18n;