@retailcrm/embed-ui-v1-components 0.9.16 → 0.9.18

package/dist/host.cjs

@@ -7,7 +7,7 @@ const dateFns = require("date-fns");
 const locale = require("date-fns/locale");
 const vue3PerfectScrollbar = require("vue3-perfect-scrollbar");
 const host = require("@omnicajs/vue-remote/host");
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -120,7 +120,7 @@ const _hoisted_2$p = {
   class: "ui-v1-alert__icon-outline"
 };
 const _hoisted_3$j = { class: "ui-v1-alert__icon" };
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -229,7 +229,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$12, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$13, {
         name: "fade",
         onBeforeEnter,
         onBeforeLeave,
@@ -321,7 +321,7 @@ const _hoisted_4$c = {
   key: 0,
   class: "ui-v1-add-button__description"
 };
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -423,7 +423,7 @@ function render$h(_ctx, _cache) {
 const SpriteVIP = { render: render$h };
 const ImageWorkersKey = Symbol("$image.workers");
 const _hoisted_1$L = ["alt", "src"];
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiImage",
   props: {
     alt: {
@@ -478,12 +478,12 @@ const isURL = (href, loose = true) => {
     return false;
   }
 };
-var SIZE$a = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$b = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$a || {});
+})(SIZE$b || {});
 var STATUS = /* @__PURE__ */ ((STATUS2) => {
   STATUS2["NONE"] = "";
   STATUS2["BUSY"] = "busy";
@@ -513,7 +513,7 @@ const _hoisted_5$9 = {
   key: 1,
   class: "ui-v1-avatar__label ui-v1-avatar__label_bad"
 };
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -552,8 +552,8 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     /** Размер изображения */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$a).includes(size),
-      default: SIZE$a.SM
+      validator: (size) => Object.values(SIZE$b).includes(size),
+      default: SIZE$b.SM
     },
     optimize: {
       type: [Boolean, Object],
@@ -581,9 +581,9 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
       const processing = typeof props.optimize === "object" ? props.optimize : {};
       return {
         resize: processing.resize ?? {
-          [SIZE$a.XS]: "48x-",
-          [SIZE$a.SM]: "72x-",
-          [SIZE$a.LG]: "104x-"
+          [SIZE$b.XS]: "48x-",
+          [SIZE$b.SM]: "72x-",
+          [SIZE$b.LG]: "104x-"
         }[size.value],
         crop: processing.crop
       };
@@ -600,7 +600,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         }
       }, _ctx.$attrs), {
         default: vue.withCtx(() => [
-          __props.src ? (vue.openBlock(), vue.createBlock(_sfc_main$$, {
+          __props.src ? (vue.openBlock(), vue.createBlock(_sfc_main$10, {
             key: 0,
             src: __props.src,
             resize: optimization.value.resize,
@@ -639,7 +639,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "UiAvatarList",
   props: {
     /** Список аватарок пользователей */
@@ -650,8 +650,8 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     /** Размер аватарок */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$a).includes(size),
-      default: SIZE$a.SM
+      validator: (size) => Object.values(SIZE$b).includes(size),
+      default: SIZE$b.SM
     }
   },
   setup(__props) {
@@ -666,7 +666,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
             key: index,
             class: "ui-v1-avatar-list__item"
           }, [
-            vue.createVNode(_sfc_main$_, {
+            vue.createVNode(_sfc_main$$, {
               src: avatar.src,
               name: avatar.name
             }, null, 8, ["src", "name"])
@@ -713,27 +713,27 @@ const useElementRef = () => {
   vue.provide(ElementRefKey, vue.ref(null));
   return el;
 };
-var APPEARANCE$5 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$6 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["OUTLINED"] = "outlined";
   APPEARANCE2["PRIMARY"] = "primary";
   APPEARANCE2["SECONDARY"] = "secondary";
   APPEARANCE2["TERTIARY"] = "tertiary";
   return APPEARANCE2;
-})(APPEARANCE$5 || {});
-var SIZE$9 = /* @__PURE__ */ ((SIZE2) => {
+})(APPEARANCE$6 || {});
+var SIZE$a = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   SIZE2["MD"] = "md";
   SIZE2["SM"] = "sm";
   SIZE2["XS"] = "xs";
   return SIZE2;
-})(SIZE$9 || {});
+})(SIZE$a || {});
 var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DEFAULT"] = "default";
   VARIANT2["SUCCESS"] = "success";
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT || {});
-const _sfc_main$Y = vue.defineComponent({
+const _sfc_main$Z = vue.defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -749,7 +749,7 @@ const _sfc_main$Y = vue.defineComponent({
     /** Регулирует внешний вид кнопки: primary, secondary, tertiary or outlined */
     appearance: {
       type: String,
-      default: APPEARANCE$5.PRIMARY
+      default: APPEARANCE$6.PRIMARY
     },
     /** Регулирует цветовую схему кнопки: default, success or danger */
     variant: {
@@ -759,7 +759,7 @@ const _sfc_main$Y = vue.defineComponent({
     /** Размер */
     size: {
       type: String,
-      default: SIZE$9.SM
+      default: SIZE$a.SM
     },
     /** Если кнопка активна */
     active: {
@@ -820,7 +820,7 @@ const _sfc_main$Y = vue.defineComponent({
   }
 });
 const _hoisted_1$J = { class: "ui-v1-calendar-cell__content" };
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarCell",
   props: {
     current: {
@@ -890,7 +890,7 @@ const _hoisted_1$H = {
   "aria-hidden": "true",
   class: "ui-v1-calendar-navigation__placeholder"
 };
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarDirectionButton",
   props: {
     label: {
@@ -910,7 +910,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.absent ? (vue.openBlock(), vue.createBlock(_sfc_main$Y, {
+      return !__props.absent ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
         key: 0,
         "aria-label": __props.label,
         appearance: "tertiary",
@@ -935,7 +935,7 @@ const _hoisted_1$G = {
   key: 1,
   class: "ui-v1-calendar-navigation__text"
 };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendarSwitchButton",
   props: {
     locked: {
@@ -946,7 +946,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.locked ? (vue.openBlock(), vue.createBlock(_sfc_main$Y, {
+      return !__props.locked ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
         key: 0,
         appearance: "tertiary",
         class: "ui-v1-calendar-navigation__switch-button",
@@ -962,11 +962,11 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var APPEARANCE$4 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$5 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["SINGLE"] = "single";
   APPEARANCE2["DOUBLE"] = "double";
   return APPEARANCE2;
-})(APPEARANCE$4 || {});
+})(APPEARANCE$5 || {});
 var TYPE$2 = /* @__PURE__ */ ((TYPE2) => {
   TYPE2["SINGLE"] = "single";
   TYPE2["RANGE"] = "range";
@@ -1404,7 +1404,7 @@ const _hoisted_16 = {
   "aria-atomic": "true",
   "aria-live": "polite"
 };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCalendar",
   props: {
     /** Текущая дата */
@@ -1422,8 +1422,8 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     /** Одиночный или двойной вид */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
-      default: APPEARANCE$4.SINGLE
+      validator: (appearance) => Object.values(APPEARANCE$5).includes(appearance),
+      default: APPEARANCE$5.SINGLE
     },
     /** Первый день недели */
     firstDayOfWeek: {
@@ -1563,7 +1563,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     });
     const viewsComputed = vue.computed(() => {
       const view = [views[0]];
-      if (props.appearance === APPEARANCE$4.DOUBLE) {
+      if (props.appearance === APPEARANCE$5.DOUBLE) {
         view.push(views[1]);
       }
       return view.map(({ date, decade, mode }) => ({
@@ -1575,7 +1575,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     });
     const viewsIsSynchronized = vue.computed(() => {
       const [first, last] = views;
-      return props.appearance === APPEARANCE$4.DOUBLE && first.mode === last.mode && first.date.inSameMonth(new CalendarDay(last.date.year, last.date.month - 1));
+      return props.appearance === APPEARANCE$5.DOUBLE && first.mode === last.mode && first.date.inSameMonth(new CalendarDay(last.date.year, last.date.month - 1));
     });
     const range = vue.computed(() => {
       const [first, last] = valueComputed.value;
@@ -1999,7 +1999,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
       return date.inSameMonth(views[viewIndex].date);
     };
     const inSelectedView = (date) => {
-      return inSelectedMonth(date, 0) || inSelectedMonth(date, 1) && props.appearance === APPEARANCE$4.DOUBLE;
+      return inSelectedMonth(date, 0) || inSelectedMonth(date, 1) && props.appearance === APPEARANCE$5.DOUBLE;
     };
     const inRangeDate = (date) => {
       const [min2, max2] = range.value;
@@ -2033,12 +2033,12 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("monthNavigation")
               }, [
-                vue.createVNode(_sfc_main$W, {
+                vue.createVNode(_sfc_main$X, {
                   absent: index === 1 && viewsIsSynchronized.value && views[0].mode === vue.unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("prevMonth"),
                   onClick: ($event) => showPrevMonth(index)
                 }, null, 8, ["absent", "label", "onClick"]),
-                vue.createVNode(_sfc_main$V, {
+                vue.createVNode(_sfc_main$W, {
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).MONTHS
                 }, {
                   default: vue.withCtx(() => [
@@ -2050,7 +2050,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$W, {
+                vue.createVNode(_sfc_main$X, {
                   absent: index === 0 && viewsIsSynchronized.value && views[1].mode === vue.unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("nextMonth"),
                   direction: "next",
@@ -2084,7 +2084,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, (day) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$X, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
                         key: "day-" + index + "-" + day,
                         class: vue.normalizeClass({
                           "ui-v1-calendar__cell-day": true,
@@ -2128,11 +2128,11 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("yearNavigation")
               }, [
-                vue.createVNode(_sfc_main$W, {
+                vue.createVNode(_sfc_main$X, {
                   label: i18n.value.t("prevYear"),
                   onClick: ($event) => showYear(view.date.year - 1, index)
                 }, null, 8, ["label", "onClick"]),
-                vue.createVNode(_sfc_main$V, {
+                vue.createVNode(_sfc_main$W, {
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).YEARS
                 }, {
                   default: vue.withCtx(() => [
@@ -2144,7 +2144,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$W, {
+                vue.createVNode(_sfc_main$X, {
                   label: i18n.value.t("nextYear"),
                   direction: "next",
                   onClick: ($event) => showYear(view.date.year + 1, index)
@@ -2162,7 +2162,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(months2, (month) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$X, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
                         key: "month-" + month.month,
                         class: vue.normalizeClass({ "ui-v1-calendar__cell-month": true }),
                         current: isCurrentMonth(month.month, index),
@@ -2193,11 +2193,11 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("decadeNavigation")
               }, [
-                vue.createVNode(_sfc_main$W, {
+                vue.createVNode(_sfc_main$X, {
                   label: i18n.value.t("prevDecade"),
                   onClick: ($event) => showPrevDecade(index)
                 }, null, 8, ["label", "onClick"]),
-                vue.createVNode(_sfc_main$V, {
+                vue.createVNode(_sfc_main$W, {
                   locked: "",
                   onClick: ($event) => views[index].mode = vue.unref(VIEW_MODE).MONTHS
                 }, {
@@ -2210,7 +2210,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                vue.createVNode(_sfc_main$W, {
+                vue.createVNode(_sfc_main$X, {
                   label: i18n.value.t("nextDecade"),
                   direction: "next",
                   onClick: ($event) => showNextDecade(index)
@@ -2228,7 +2228,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                     role: "row"
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(years, (year) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$X, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$Y, {
                         key: "year-" + year,
                         class: vue.normalizeClass({ "ui-v1-calendar__cell-year": true }),
                         current: isCurrentYear(year),
@@ -2309,7 +2309,7 @@ const _hoisted_1$D = ["id", "value", "name", "disabled", "checked"];
 const _hoisted_2$l = { class: "ui-v1-checkbox__checkmark" };
 let counter$3 = 0;
 const __default__$2 = {};
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   ...__default__$2,
   __name: "UiCheckbox",
   props: {
@@ -2440,7 +2440,7 @@ const _hoisted_2$k = {
   key: 1,
   class: "ui-v1-collapse"
 };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCollapse",
   props: {
     /** Свёрнут/Развёрнут */
@@ -2586,11 +2586,11 @@ var COLOR = /* @__PURE__ */ ((COLOR2) => {
   COLOR2["YELLOW"] = "yellow";
   return COLOR2;
 })(COLOR || {});
-var SIZE$8 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$9 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   return SIZE2;
-})(SIZE$8 || {});
+})(SIZE$9 || {});
 const CollapseGroupRegisterKey = Symbol("UiCollapseGroup_register");
 const CollapseGroupUnregisterKey = Symbol("UiCollapseGroup_unregister");
 const CollapseGroupExpandKey = Symbol("UiCollapseGroup_expand");
@@ -2611,7 +2611,7 @@ const _hoisted_10 = {
   key: 0,
   class: "ui-v1-collapse-box__footer"
 };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2667,8 +2667,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     /** Размер иконки */
     iconSize: {
       type: String,
-      default: SIZE$8.SM,
-      validator: (value) => Object.values(SIZE$8).includes(value)
+      default: SIZE$9.SM,
+      validator: (value) => Object.values(SIZE$9).includes(value)
     },
     /** Рамка вместо тени */
     bordered: {
@@ -2858,7 +2858,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ], 8, _hoisted_2$j)
         ], 2),
-        vue.createVNode(_sfc_main$S, {
+        vue.createVNode(_sfc_main$T, {
           id: boxId.value + "-collapse",
           "aria-hidden": !state.expanded ? "true" : "false",
           "aria-labelledby": boxId.value + "-button",
@@ -2897,7 +2897,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCollapseGroup",
   props: {
     /**
@@ -4695,7 +4695,7 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
   }
 }
 const _hoisted_1$z = { class: "ui-v1-popper__content" };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopper",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5049,7 +5049,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTooltip",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5160,7 +5160,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       hide: () => popper.value?.hide()
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$P, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$Q, vue.mergeProps({
         ref_key: "popper",
         ref: popper,
         visible: __props.visible,
@@ -5198,7 +5198,7 @@ const _hoisted_1$y = { class: "ui-v1-copy-button__tooltip" };
 const _hoisted_2$i = { class: "ui-v1-copy-button__icon" };
 const _hoisted_3$e = { class: "ui-v1-copy-button__text" };
 const _hoisted_4$8 = ["value"];
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "UiCopyButton",
   props: {
     /** Текст для копирования в буфер обмена */
@@ -5209,7 +5209,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     /** Размер кнопки */
     size: {
       type: String,
-      default: SIZE$9.XS
+      default: SIZE$a.XS
     },
     /** Объект, содержащий параметры настройки Tooltip */
     tooltipOptions: {
@@ -5270,7 +5270,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
         onClick: copy
       }, [
         vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
-          vue.createVNode(_sfc_main$Y, {
+          vue.createVNode(_sfc_main$Z, {
             size: __props.size,
             appearance: "tertiary"
           }, {
@@ -5280,7 +5280,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["size"])
         ]),
-        vue.createVNode(_sfc_main$O, vue.mergeProps({
+        vue.createVNode(_sfc_main$P, vue.mergeProps({
           visible: visible.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
           target: rootTarget.value,
@@ -5350,7 +5350,7 @@ function detectLocale() {
   }
   return "en-GB";
 }
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "UiDate",
   props: {
     date: {
@@ -5407,6 +5407,34 @@ function render$c(_ctx, _cache) {
   ])]);
 }
 const IconClearCircle = { render: render$c };
+var WIDTH = /* @__PURE__ */ ((WIDTH2) => {
+  WIDTH2["FIT"] = "fit";
+  WIDTH2["FLUID"] = "fluid";
+  return WIDTH2;
+})(WIDTH || {});
+const NUMERIC_PATTERN = /^(?:\d+|\d*\.\d+)$/;
+const UNIT_PATTERN = /^(?:\d+|\d*\.\d+)(?:%|cap|ch|cm|dvb|dvh|dvi|dvw|em|ex|ic|in|lh|lvb|lvh|lvi|lvw|mm|pc|pt|px|Q|rem|rlh|svb|svh|svi|svw|vb|vh|vi|vmax|vmin|vw)$/i;
+const isWidthNumeric = (value) => {
+  return typeof value === "number" ? Number.isFinite(value) && value >= 0 : typeof value === "string" && NUMERIC_PATTERN.test(value.trim());
+};
+const isWidthToken = (value) => {
+  return typeof value === "string" && Object.values(WIDTH).includes(value);
+};
+const isWidth = (value) => {
+  return value === null || value === void 0 || isWidthToken(value) || isWidthNumeric(value) || typeof value === "string" && UNIT_PATTERN.test(value.trim());
+};
+const isWidthExact = (value) => {
+  return value !== null && value !== void 0 && !isWidthToken(value);
+};
+const normalizeWidth = (value) => {
+  if (value === null || value === void 0 || value === "fit") {
+    return null;
+  }
+  if (value === "fluid") {
+    return "100%";
+  }
+  return isWidthNumeric(value) ? `${String(value).trim()}px` : String(value).trim();
+};
 var TYPE$1 = /* @__PURE__ */ ((TYPE2) => {
   TYPE2["EMAIL"] = "email";
   TYPE2["PASSWORD"] = "password";
@@ -5427,14 +5455,14 @@ var INPUTMODE = /* @__PURE__ */ ((INPUTMODE2) => {
   INPUTMODE2["URL"] = "url";
   return INPUTMODE2;
 })(INPUTMODE || {});
-var SIZE$7 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$8 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   SIZE2["XL"] = "xl";
   return SIZE2;
-})(SIZE$7 || {});
+})(SIZE$8 || {});
 const decimalsOf = (value) => {
   const [, fraction] = String(value).replace(",", ".").split(".");
   return fraction ? fraction.length : 0;
@@ -5518,7 +5546,7 @@ const _hoisted_6$4 = {
   key: 7,
   class: "ui-v1-textbox__suffix"
 };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTextbox",
   props: {
     /** Уникальный идентификатор поля */
@@ -5581,7 +5609,13 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     /** Размер поля ввода */
     size: {
       type: String,
-      default: SIZE$7.SM
+      default: SIZE$8.SM
+    },
+    /** Ширина поля. fit — по содержимому, fluid — на всю ширину контейнера */
+    width: {
+      type: [Number, String],
+      validator: isWidth,
+      default: WIDTH.FIT
     },
     /** Нативный атрибут input|textarea */
     placeholder: {
@@ -5680,6 +5714,10 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const uid2 = vue.useId();
     const i18n = vue.computed(() => _i18n$5.init(vue.inject(I18nInjectKey, null)?.locale ?? _i18n$5.fallback));
+    const style = vue.computed(() => {
+      const width = normalizeWidth(props.width);
+      return isWidthExact(props.width) && width ? { width } : {};
+    });
     const decimalsParsed = vue.computed(() => {
       if (props.decimals === "*" || props.decimals === void 0) return "*";
       const n = Number(props.decimals);
@@ -5804,9 +5842,9 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
       }
       let width = el.scrollWidth;
       if (IS_DESKTOP_SAFARI) {
-        const style = getComputedStyle(el);
-        const pl = parseFloat(style.paddingLeft) || 0;
-        const pr = parseFloat(style.paddingRight) || 0;
+        const style2 = getComputedStyle(el);
+        const pl = parseFloat(style2.paddingLeft) || 0;
+        const pr = parseFloat(style2.paddingRight) || 0;
         width += pl + pr;
       }
       return width + 1;
@@ -5934,13 +5972,16 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-textbox": true,
           "ui-v1-textbox_active": __props.active,
           "ui-v1-textbox_autofit": __props.autofit,
+          "ui-v1-textbox_fit": __props.width === vue.unref(WIDTH).FIT,
+          "ui-v1-textbox_fluid": __props.width === vue.unref(WIDTH).FLUID,
           "ui-v1-textbox_invalid": __props.invalid,
           "ui-v1-textbox_outlined": __props.outlined,
-          "ui-v1-textbox_xs": __props.size === vue.unref(SIZE$7).XS,
-          "ui-v1-textbox_md": __props.size === vue.unref(SIZE$7).MD,
-          "ui-v1-textbox_lg": __props.size === vue.unref(SIZE$7).LG,
-          "ui-v1-textbox_xl": __props.size === vue.unref(SIZE$7).XL
-        }
+          "ui-v1-textbox_xs": __props.size === vue.unref(SIZE$8).XS,
+          "ui-v1-textbox_md": __props.size === vue.unref(SIZE$8).MD,
+          "ui-v1-textbox_lg": __props.size === vue.unref(SIZE$8).LG,
+          "ui-v1-textbox_xl": __props.size === vue.unref(SIZE$8).XL
+        },
+        style: style.value
       }, _ctx.$attrs), [
         __props.prefix || "prefix" in _ctx.$slots ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, [
           vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
@@ -6036,13 +6077,13 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var SIZE$6 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$7 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$6 || {});
+})(SIZE$7 || {});
 const deltaTransition$1 = (el) => {
   const delta = el.scrollWidth - el.clientWidth;
   return delta !== 0 ? {
@@ -6072,13 +6113,13 @@ const _hoisted_7$2 = {
   key: 3,
   class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_trailing"
 };
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "UiMenuItem",
   props: {
     /** Размер */
     size: {
       type: String,
-      default: SIZE$6.MD
+      default: SIZE$7.MD
     },
     /** Описание */
     description: {
@@ -6183,7 +6224,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -6361,7 +6402,7 @@ const isQuickDateEqual = (first, second) => {
   }
   return false;
 };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "UiDatePickerQuickMenu",
   props: {
     value: {
@@ -6387,18 +6428,18 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       emit("change", props.nullable && isActive(date) ? null : date);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$J, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$K, {
         class: "ui-v1-date-picker__quick-menu",
         role: "menu",
         native: ""
       }, {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$K, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$L, {
               key: "quick-item-" + index,
               active: isActive(item.value),
               "aria-current": isActive(item.value) ? "true" : "false",
-              size: vue.unref(SIZE$6).SM,
+              size: vue.unref(SIZE$7).SM,
               role: "menuitem",
               onClick: ($event) => onClick(item.value)
             }, {
@@ -6443,7 +6484,7 @@ const _hoisted_1$t = ["id", "aria-controls", "aria-disabled", "aria-expanded", "
 const _hoisted_2$f = ["id"];
 const _hoisted_3$b = { class: "ui-v1-date-picker__workspace" };
 const _hoisted_4$5 = { class: "ui-v1-date-picker__action" };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6488,8 +6529,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     },
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
-      default: APPEARANCE$4.SINGLE
+      validator: (appearance) => Object.values(APPEARANCE$5).includes(appearance),
+      default: APPEARANCE$5.SINGLE
     },
     synchronization: {
       type: String,
@@ -6810,7 +6851,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
           onClick: toggle
         }, [
           vue.renderSlot(_ctx.$slots, "trigger")
-        ])) : (vue.openBlock(), vue.createBlock(_sfc_main$L, vue.mergeProps({
+        ])) : (vue.openBlock(), vue.createBlock(_sfc_main$M, vue.mergeProps({
           key: 1,
           id: inputId.value,
           ref_key: "textbox",
@@ -6845,7 +6886,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             key: "0"
           } : void 0
         ]), 1040, ["id", "clearable", "value", "placeholder", "active", "disabled", "readonly"])),
-        vue.createVNode(_sfc_main$P, vue.mergeProps({
+        vue.createVNode(_sfc_main$Q, vue.mergeProps({
           id: `${inputId.value}-popper`,
           visible: showCalendar.value,
           target: triggerTarget.value,
@@ -6868,7 +6909,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
               }, ["stop"]))
             }, [
-              __props.quickOptions.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$I, {
+              __props.quickOptions.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
                 key: 0,
                 value: view.value,
                 items: __props.quickOptions,
@@ -6876,7 +6917,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 onChange: onQuickChange
               }, null, 8, ["value", "items", "nullable"])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_3$b, [
-                vue.createVNode(_sfc_main$U, {
+                vue.createVNode(_sfc_main$V, {
                   ref_key: "calendar",
                   ref: calendar,
                   value: view.value,
@@ -6893,11 +6934,11 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                   key: 0,
                   class: vue.normalizeClass({
                     "ui-v1-date-picker__footer": true,
-                    "ui-v1-date-picker__footer_horizontal": __props.appearance === vue.unref(APPEARANCE$4).DOUBLE
+                    "ui-v1-date-picker__footer_horizontal": __props.appearance === vue.unref(APPEARANCE$5).DOUBLE
                   })
                 }, [
                   vue.createElementVNode("div", _hoisted_4$5, [
-                    vue.createVNode(_sfc_main$Y, {
+                    vue.createVNode(_sfc_main$Z, {
                       appearance: "tertiary",
                       class: "ui-v1-date-picker__button",
                       onClick: reset
@@ -6907,7 +6948,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                       ]),
                       _: 1
                     }),
-                    vue.createVNode(_sfc_main$Y, {
+                    vue.createVNode(_sfc_main$Z, {
                       class: "ui-v1-date-picker__button",
                       onClick: apply2
                     }, {
@@ -6932,7 +6973,7 @@ var ALIGN$1 = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
 })(ALIGN$1 || {});
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -7010,7 +7051,7 @@ const _hoisted_5$4 = {
 };
 const _hoisted_6$2 = ["id"];
 const _hoisted_7$1 = ["aria-controls", "aria-expanded"];
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7147,7 +7188,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       syncExpandedFromProps();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$12, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$13, {
         name: "fade",
         onAfterEnter,
         onAfterLeave,
@@ -7213,7 +7254,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                   }))
                 ], 8, _hoisted_7$1)) : vue.createCommentVNode("", true)
               ])) : vue.createCommentVNode("", true),
-              vue.createVNode(_sfc_main$S, {
+              vue.createVNode(_sfc_main$T, {
                 id: bodyId.value,
                 "aria-labelledby": hasTitle.value ? titleId.value : void 0,
                 expanded: bodyExpanded.value,
@@ -7263,15 +7304,15 @@ function render$9(_ctx, _cache) {
   ])]);
 }
 const IconOpenInNew = { render: render$9 };
-var APPEARANCE$3 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$4 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["BREADCRUMBS"] = "breadcrumbs";
   APPEARANCE2["DEFAULT"] = "default";
   APPEARANCE2["NAVIGATION"] = "navigation";
   APPEARANCE2["NAVIGATION_ANCHOR"] = "navigation-anchor";
   APPEARANCE2["TITLE"] = "title";
   return APPEARANCE2;
-})(APPEARANCE$3 || {});
-var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
+})(APPEARANCE$4 || {});
+var SIZE$6 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["ARTICLE"] = "article";
   SIZE2["BODY"] = "body";
   SIZE2["PARAGRAPH"] = "paragraph";
@@ -7280,7 +7321,7 @@ var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["TITLE01"] = "title-01";
   SIZE2["TITLE02"] = "title-02";
   return SIZE2;
-})(SIZE$5 || {});
+})(SIZE$6 || {});
 const _hoisted_1$o = ["href", "target"];
 const _hoisted_2$d = {
   key: 0,
@@ -7290,7 +7331,7 @@ const _hoisted_3$9 = {
   key: 2,
   class: "ui-v1-link__icon"
 };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -7310,14 +7351,14 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     /** Тип ссылок */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$3).includes(appearance),
-      default: APPEARANCE$3.DEFAULT
+      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
+      default: APPEARANCE$4.DEFAULT
     },
     /** Размер текста */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE$5).includes(size),
-      default: SIZE$5.BODY
+      validator: (size) => Object.values(SIZE$6).includes(size),
+      default: SIZE$6.BODY
     },
     /** Инвертированный цвет ссылок для тёмного фона */
     light: {
@@ -7371,7 +7412,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -7403,7 +7444,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$12 : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$13 : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -7437,7 +7478,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$C = {};
+const _sfc_main$D = {};
 const _hoisted_1$n = { class: "ui-v1-menu-item-group" };
 const _hoisted_2$c = { class: "ui-v1-menu-item-group__head" };
 const _hoisted_3$8 = {
@@ -7474,7 +7515,7 @@ function _sfc_render(_ctx, _cache) {
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
-const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render]]);
+const UiMenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render]]);
 class LayerRegistry {
   registry;
   started = false;
@@ -7565,11 +7606,11 @@ var SCROLLING$1 = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NONE"] = "none";
   return SCROLLING2;
 })(SCROLLING$1 || {});
-var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$5 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   SIZE2["SM"] = "sm";
   return SIZE2;
-})(SIZE$4 || {});
+})(SIZE$5 || {});
 const _hoisted_1$m = ["id", "aria-hidden", "role"];
 const _hoisted_2$b = ["id"];
 const _hoisted_3$7 = { class: "ui-v1-modal-sidebar__header" };
@@ -7588,7 +7629,7 @@ const _hoisted_8 = {
   key: 2,
   class: "ui-v1-modal-sidebar__footer"
 };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7634,7 +7675,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     /** Размер панели */
     size: {
       type: String,
-      default: SIZE$4.SM
+      default: SIZE$5.SM
     },
     /** ARIA-роль модального контейнера */
     role: {
@@ -7814,7 +7855,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         to: vue.unref(globals)?.container || "body"
       }, [
-        vue.createVNode(_sfc_main$12, {
+        vue.createVNode(_sfc_main$13, {
           name: "fade-2",
           onBeforeEnter: _cache[5] || (_cache[5] = ($event) => visibilityOfOverlay.value = "showing"),
           onAfterEnter: _cache[6] || (_cache[6] = ($event) => visibilityOfOverlay.value = "shown"),
@@ -7835,7 +7876,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               "aria-modal": "true",
               role: __props.role
             }, _ctx.$attrs, { onClick: onBackdropClick }), [
-              vue.createVNode(_sfc_main$12, {
+              vue.createVNode(_sfc_main$13, {
                 name: `slide-${__props.direction}`,
                 onBeforeEnter: _cache[1] || (_cache[1] = ($event) => visibilityOfSidebar.value = "showing"),
                 onAfterEnter: _cache[2] || (_cache[2] = ($event) => visibilityOfSidebar.value = "shown"),
@@ -7850,8 +7891,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                       "ui-v1-modal-sidebar": true,
                       "ui-v1-modal-sidebar_fixed": __props.fixed,
                       "ui-v1-modal-sidebar_left": __props.direction === vue.unref(DIRECTION$2).LEFT,
-                      "ui-v1-modal-sidebar_size_sm": __props.size === vue.unref(SIZE$4).SM,
-                      "ui-v1-modal-sidebar_size_lg": __props.size === vue.unref(SIZE$4).LG
+                      "ui-v1-modal-sidebar_size_sm": __props.size === vue.unref(SIZE$5).SM,
+                      "ui-v1-modal-sidebar_size_lg": __props.size === vue.unref(SIZE$5).LG
                     })
                   }, [
                     vue.createElementVNode("header", _hoisted_3$7, [
@@ -7876,7 +7917,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                           "aria-hidden": "true",
                           width: "32"
                         }),
-                        vue.createVNode(_sfc_main$O, {
+                        vue.createVNode(_sfc_main$P, {
                           target: closerTarget.value,
                           "offset-main-axis": 0
                         }, {
@@ -7891,7 +7932,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                       vue.renderSlot(_ctx.$slots, "default", {
                         overlapped: state.overlapped
                       })
-                    ])) : (vue.openBlock(), vue.createBlock(_sfc_main$J, {
+                    ])) : (vue.openBlock(), vue.createBlock(_sfc_main$K, {
                       key: 1,
                       native: __props.scrolling === vue.unref(SCROLLING$1).NATIVE,
                       class: "ui-v1-modal-sidebar__body",
@@ -7924,19 +7965,19 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var APPEARANCE$2 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$3 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["ALERT"] = "alert";
   APPEARANCE2["DIALOG"] = "dialog";
   APPEARANCE2["POPUP"] = "popup";
   APPEARANCE2["HINT"] = "hint";
   return APPEARANCE2;
-})(APPEARANCE$2 || {});
+})(APPEARANCE$3 || {});
 var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NORMAL"] = "normal";
   SCROLLING2["NATIVE"] = "native";
   return SCROLLING2;
 })(SCROLLING || {});
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -7957,8 +7998,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     /** Внешний вид */
     appearance: {
       type: String,
-      validator: (appearance) => expect(appearance).toBeOneOf(APPEARANCE$2),
-      default: APPEARANCE$2.POPUP
+      validator: (appearance) => expect(appearance).toBeOneOf(APPEARANCE$3),
+      default: APPEARANCE$3.POPUP
     },
     /** Вывод на весь экран */
     fullscreen: {
@@ -8156,7 +8197,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return vue.h(_sfc_main$12, {
+      return vue.h(_sfc_main$13, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -8166,10 +8207,10 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         ref: body,
         class: {
           "ui-v1-modal-window": true,
-          "ui-v1-modal-window_alert": appearance === APPEARANCE$2.ALERT,
-          "ui-v1-modal-window_dialog": appearance === APPEARANCE$2.DIALOG,
-          "ui-v1-modal-window_popup": appearance === APPEARANCE$2.POPUP,
-          "ui-v1-modal-window_hint": appearance === APPEARANCE$2.HINT,
+          "ui-v1-modal-window_alert": appearance === APPEARANCE$3.ALERT,
+          "ui-v1-modal-window_dialog": appearance === APPEARANCE$3.DIALOG,
+          "ui-v1-modal-window_popup": appearance === APPEARANCE$3.POPUP,
+          "ui-v1-modal-window_hint": appearance === APPEARANCE$3.HINT,
           "ui-v1-popper-container": true
         }
       }, slots) : []);
@@ -8181,7 +8222,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : vue.h(vue.Teleport, {
       to: globals?.container ?? document.body
-    }, vue.h(_sfc_main$12, {
+    }, vue.h(_sfc_main$13, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -8199,11 +8240,11 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, vue.h(_sfc_main$J, {
+      }, vue.h(_sfc_main$K, {
         class: {
           "ui-v1-modal-window-container": true,
           "ui-v1-modal-window-container_fullscreen": props.fullscreen,
-          "ui-v1-modal-window-container_responsive": props.responsive && props.appearance === APPEARANCE$2.POPUP
+          "ui-v1-modal-window-container_responsive": props.responsive && props.appearance === APPEARANCE$3.POPUP
         },
         showOnMac: true,
         native: props.scrolling === SCROLLING.NATIVE,
@@ -8256,7 +8297,7 @@ const _hoisted_6 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -8277,8 +8318,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     /** Внешний вид: алерт, диалог, popup, hint */
     appearance: {
       type: String,
-      validator: (value) => expect(value).toBeOneOf(APPEARANCE$2),
-      default: APPEARANCE$2.POPUP
+      validator: (value) => expect(value).toBeOneOf(APPEARANCE$3),
+      default: APPEARANCE$3.POPUP
     },
     /** Время, через которое плавающий элемент удаляется со страницы, если был скрыт */
     disposeTimeout: {
@@ -8376,7 +8417,7 @@ const _sfc_main$z = /* @__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$B, vue.mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -8402,10 +8443,10 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass({
               "ui-v1-modal-window__header": true,
-              "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === vue.unref(APPEARANCE$2).POPUP && !__props.responsive
+              "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === vue.unref(APPEARANCE$3).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === vue.unref(APPEARANCE$2).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
+            __props.appearance === vue.unref(APPEARANCE$3).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
               vue.renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -8421,7 +8462,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 overlapped: state.overlapped
               })
             ], 8, _hoisted_2$a)) : vue.createCommentVNode("", true),
-            __props.appearance !== vue.unref(APPEARANCE$2).ALERT ? (vue.openBlock(), vue.createElementBlock("button", {
+            __props.appearance !== vue.unref(APPEARANCE$3).ALERT ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 2,
               "aria-keyshortcuts": "Esc",
               "aria-label": "Close dialog",
@@ -8436,7 +8477,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               })
             ], 8, _hoisted_3$6)) : vue.createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
+          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -8454,7 +8495,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
             })
           ])),
           _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
-            __props.appearance === vue.unref(APPEARANCE$2).HINT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            __props.appearance === vue.unref(APPEARANCE$3).HINT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
               vue.renderSlot(_ctx.$slots, "footer", {
                 overlapped: state.overlapped
               })
@@ -8626,7 +8667,7 @@ const _i18n$3 = define({
 const _hoisted_1$f = ["id", "aria-disabled", "aria-readonly"];
 const _hoisted_2$9 = ["id", "aria-controls", "aria-label", "disabled"];
 const _hoisted_3$5 = ["id", "aria-controls", "aria-label", "disabled"];
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8688,8 +8729,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     },
     size: {
       type: String,
-      validator: (value) => Object.values(SIZE$7).includes(value),
-      default: SIZE$7.SM
+      validator: (value) => Object.values(SIZE$8).includes(value),
+      default: SIZE$8.SM
     },
     outlined: {
       type: Boolean,
@@ -8975,7 +9016,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
             class: "ui-v1-number-stepper__icon"
           }))
         ], 8, _hoisted_2$9),
-        vue.createVNode(_sfc_main$L, vue.mergeProps(resolvedTextboxOptions.value, {
+        vue.createVNode(_sfc_main$M, vue.mergeProps(resolvedTextboxOptions.value, {
           id: stepperId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -9020,7 +9061,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$e = ["id", "aria-label", "role", "tabindex", "onKeydown"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPageHeaderTitle",
   props: {
     /** Уникальный идентификатор корневого элемента */
@@ -9180,7 +9221,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           vue.withKeys(vue.withModifiers(startEditing, ["prevent"]), ["enter"]),
           vue.withKeys(vue.withModifiers(startEditing, ["prevent"]), ["space"])
         ]
-      }, vue.toDisplayString(currentValue.value || displayPlaceholder.value), 43, _hoisted_1$e)) : (vue.openBlock(), vue.createBlock(_sfc_main$L, {
+      }, vue.toDisplayString(currentValue.value || displayPlaceholder.value), 43, _hoisted_1$e)) : (vue.openBlock(), vue.createBlock(_sfc_main$M, {
         key: 1,
         id: textboxId.value,
         ref_key: "textbox",
@@ -9217,7 +9258,7 @@ const _hoisted_5 = {
   key: 0,
   class: "ui-v1-page-header__actions"
 };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9300,7 +9341,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       }, _ctx.$attrs), [
         vue.createElementVNode("div", _hoisted_2$8, [
           vue.createElementVNode("div", _hoisted_3$4, [
-            vue.createVNode(_sfc_main$x, {
+            vue.createVNode(_sfc_main$y, {
               id: __props.id,
               ref_key: "main",
               ref: main,
@@ -9331,7 +9372,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9371,7 +9412,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       blur: () => base.value?.blur()
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$w, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
         ref_key: "base",
         ref: base
       }, baseProps.value, {
@@ -9399,7 +9440,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "UiPopperConnector",
   setup(__props) {
     const target = vue.ref(null);
@@ -9410,7 +9451,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9440,7 +9481,7 @@ const _hoisted_1$c = ["id", "name", "value", "checked", "required", "disabled"];
 let nameCounter = 0;
 let idCounter = 0;
 const __default__$1 = {};
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...__default__$1,
   ...{
     inheritAttrs: false
@@ -9535,18 +9576,18 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
+var APPEARANCE$2 = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["DEFAULT"] = "default";
   APPEARANCE2["SECTION"] = "section";
   return APPEARANCE2;
-})(APPEARANCE$1 || {});
-var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
+})(APPEARANCE$2 || {});
+var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE$3 || {});
-const _sfc_main$r = vue.defineComponent({
+})(SIZE$4 || {});
+const _sfc_main$s = vue.defineComponent({
   name: "UiRadioSwitchOptionShell",
   inheritAttrs: false,
   props: {
@@ -9556,13 +9597,13 @@ const _sfc_main$r = vue.defineComponent({
     },
     appearance: {
       type: String,
-      default: APPEARANCE$1.DEFAULT,
-      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance)
+      default: APPEARANCE$2.DEFAULT,
+      validator: (appearance) => Object.values(APPEARANCE$2).includes(appearance)
     },
     size: {
       type: String,
-      default: SIZE$3.MD,
-      validator: (size) => Object.values(SIZE$3).includes(size)
+      default: SIZE$4.MD,
+      validator: (size) => Object.values(SIZE$4).includes(size)
     },
     checked: {
       type: Boolean,
@@ -9588,27 +9629,27 @@ const _sfc_main$r = vue.defineComponent({
       "aria-disabled": `${props.disabled}`,
       class: [attrs.class, {
         "ui-v1-radio-switch-option": true,
-        "ui-v1-radio-switch-option_standalone": props.appearance === APPEARANCE$1.SECTION,
-        "ui-v1-radio-switch-option_default": props.appearance === APPEARANCE$1.DEFAULT,
-        [`ui-v1-radio-switch-option_${props.size}`]: props.appearance === APPEARANCE$1.DEFAULT,
+        "ui-v1-radio-switch-option_standalone": props.appearance === APPEARANCE$2.SECTION,
+        "ui-v1-radio-switch-option_default": props.appearance === APPEARANCE$2.DEFAULT,
+        [`ui-v1-radio-switch-option_${props.size}`]: props.appearance === APPEARANCE$2.DEFAULT,
         "ui-v1-radio-switch-option_active": props.checked,
         "ui-v1-radio-switch-option_disabled": props.disabled
       }]
     }, slots.default?.());
   }
 });
-const _sfc_main$q = vue.defineComponent({
+const _sfc_main$r = vue.defineComponent({
   name: "UiRadioSwitchRoot",
   props: {
     appearance: {
       type: String,
-      default: APPEARANCE$1.DEFAULT,
-      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance)
+      default: APPEARANCE$2.DEFAULT,
+      validator: (appearance) => Object.values(APPEARANCE$2).includes(appearance)
     },
     size: {
       type: String,
-      default: SIZE$3.MD,
-      validator: (size) => Object.values(SIZE$3).includes(size)
+      default: SIZE$4.MD,
+      validator: (size) => Object.values(SIZE$4).includes(size)
     },
     rubber: {
       type: Boolean,
@@ -9621,13 +9662,89 @@ const _sfc_main$q = vue.defineComponent({
       role: attrs.role ?? "radiogroup",
       class: [attrs.class, {
         "ui-v1-radio-switch": true,
-        [`ui-v1-radio-switch_${props.size}`]: props.appearance === APPEARANCE$1.DEFAULT,
-        "ui-v1-radio-switch_borderless": props.appearance === APPEARANCE$1.SECTION,
+        [`ui-v1-radio-switch_${props.size}`]: props.appearance === APPEARANCE$2.DEFAULT,
+        "ui-v1-radio-switch_borderless": props.appearance === APPEARANCE$2.SECTION,
         "ui-v1-radio-switch_rubber": props.rubber
       }]
     }, slots.default?.());
   }
 });
+var ANIMATION = /* @__PURE__ */ ((ANIMATION2) => {
+  ANIMATION2["PULSE"] = "pulse";
+  ANIMATION2["SHIMMER"] = "shimmer";
+  return ANIMATION2;
+})(ANIMATION || {});
+var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
+  APPEARANCE2["CIRCLE"] = "circle";
+  APPEARANCE2["RECTANGLE"] = "rectangle";
+  APPEARANCE2["TEXT"] = "text";
+  return APPEARANCE2;
+})(APPEARANCE$1 || {});
+var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["SM"] = "sm";
+  SIZE2["MD"] = "md";
+  SIZE2["LG"] = "lg";
+  return SIZE2;
+})(SIZE$3 || {});
+function guessDimensionStyleValue(value) {
+  return typeof value === "number" || typeof value === "string" && /^\d*$/.test(value) ? `${value}px` : value;
+}
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  __name: "UiSkeleton",
+  props: {
+    /** Визуальная форма скелетона */
+    appearance: {
+      type: String,
+      validator: (value) => Object.values(APPEARANCE$1).includes(value),
+      default: APPEARANCE$1.RECTANGLE
+    },
+    /** Преднастроенный размер */
+    size: {
+      type: String,
+      validator: (value) => Object.values(SIZE$3).includes(value),
+      default: SIZE$3.MD
+    },
+    /** Тип анимации */
+    animation: {
+      type: String,
+      validator: (value) => Object.values(ANIMATION).includes(value),
+      default: ANIMATION.SHIMMER
+    },
+    /** Явная ширина. Числовые значения интерпретируются как px */
+    width: {
+      type: [Number, String],
+      default: null
+    },
+    /** Явная высота. Числовые значения интерпретируются как px */
+    height: {
+      type: [Number, String],
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = vue.computed(() => {
+      const width = guessDimensionStyleValue(props.width);
+      const height = guessDimensionStyleValue(props.height);
+      return {
+        ...width ? { width } : {},
+        ...height ? { height } : {}
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: {
+          "ui-v1-skeleton": true,
+          [`ui-v1-skeleton_${__props.appearance}`]: true,
+          [`ui-v1-skeleton_${__props.size}`]: true,
+          [`ui-v1-skeleton_${__props.animation}`]: true
+        },
+        style: style.value,
+        "aria-hidden": "true"
+      }, _ctx.$attrs), null, 16);
+    };
+  }
+});
 var TYPE = /* @__PURE__ */ ((TYPE2) => {
   TYPE2["SINGLE"] = "single";
   TYPE2["RANGE"] = "range";
@@ -10089,7 +10206,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$P, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$Q, vue.mergeProps({
         id: __props.id + "-popper",
         ref_key: "popper",
         ref: popper,
@@ -10218,8 +10335,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     /** Размер поля ввода */
     textboxSize: {
       type: String,
-      validator: (size) => Object.values(SIZE$7).includes(size),
-      default: SIZE$7.SM
+      validator: (size) => Object.values(SIZE$8).includes(size),
+      default: SIZE$8.SM
+    },
+    /** Ширина. fit — по содержимому, fluid — на всю ширину контейнера */
+    width: {
+      type: [Number, String],
+      validator: isWidth,
+      default: WIDTH.FIT
     },
     /** Состояние открытия выпадающего списка */
     expanded: {
@@ -10257,6 +10380,10 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const i18n = vue.computed(() => _i18n$2.init(vue.inject(I18nInjectKey, null)?.locale ?? _i18n$2.fallback));
+    const style = vue.computed(() => {
+      const width = normalizeWidth(props.width);
+      return isWidthExact(props.width) && width ? { width } : {};
+    });
     const input = vue.ref(null);
     const inputReadonly = vue.computed(() => props.readonly || !props.filterable);
     const trigger = vue.ref(null);
@@ -10372,8 +10499,11 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-select": true,
           "ui-v1-select_active": __props.expanded,
           "ui-v1-select_disabled": __props.disabled,
-          "ui-v1-select_filterable": __props.filterable
+          "ui-v1-select_fit": __props.width === vue.unref(WIDTH).FIT,
+          "ui-v1-select_filterable": __props.filterable,
+          "ui-v1-select_fluid": __props.width === vue.unref(WIDTH).FLUID
         }),
+        style: vue.normalizeStyle(style.value),
         onClick
       }, [
         __props.multiple && !_ctx.$slots.trigger ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -10383,7 +10513,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           class: "ui-v1-select__touchstone"
         }, vue.toDisplayString(selectionLabels.value), 513)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
-          vue.createVNode(_sfc_main$L, {
+          vue.createVNode(_sfc_main$M, {
             id: __props.id,
             value: inputValue.value,
             placeholder: !inputReadonly.value && __props.expanded ? i18n.value.t("search.placeholder") : __props.placeholder,
@@ -10420,7 +10550,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             } : void 0
           ]), 1032, ["id", "value", "placeholder", "active", "clearable", "invalid", "readonly", "size", "disabled", "input-attributes"])
         ])
-      ], 2);
+      ], 6);
     };
   }
 });
@@ -11075,7 +11205,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["id", "active", "aria-disabled", "aria-selected", "aria-controls", "appearance", "item", "size", "tabindex", "onClick", "onFocus", "onKeydown"]);
             }), 128))
           ]),
-          __props.hasMenuItems ? (vue.openBlock(), vue.createBlock(_sfc_main$Y, {
+          __props.hasMenuItems ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, {
             key: 0,
             active: __props.menuExpanded,
             "aria-expanded": __props.menuExpanded ? "true" : "false",
@@ -11130,7 +11260,7 @@ const _sfc_main$9 = vue.defineComponent({
   },
   setup(props, { emit }) {
     const resolvedMenuItemSize = vue.computed(() => {
-      return props.size === SIZE$2.SM ? SIZE$6.SM : SIZE$6.MD;
+      return props.size === SIZE$2.SM ? SIZE$7.SM : SIZE$7.MD;
     });
     const onMenuItemKeydown = (id, event) => {
       switch (event.key) {
@@ -11149,7 +11279,7 @@ const _sfc_main$9 = vue.defineComponent({
       if (!props.items.length) {
         return null;
       }
-      return vue.h(_sfc_main$P, {
+      return vue.h(_sfc_main$Q, {
         visible: props.menuExpanded,
         targetTriggers: {
           hide: ["click"],
@@ -11163,7 +11293,7 @@ const _sfc_main$9 = vue.defineComponent({
         default: () => vue.h("div", {
           class: "ui-v1-tab-group__menu",
           role: "menu"
-        }, props.items.map((item) => vue.h(_sfc_main$K, {
+        }, props.items.map((item) => vue.h(_sfc_main$L, {
           key: `menu-${item.id}`,
           active: props.activeId === item.id,
           "aria-checked": props.activeId === item.id ? "true" : "false",
@@ -11575,7 +11705,7 @@ const _sfc_main$8 = vue.defineComponent({
           [`ui-v1-tab-group_${props.size}`]: true
         }]
       }, [
-        vue.h(_sfc_main$u, null, {
+        vue.h(_sfc_main$v, null, {
           default: () => [
             vue.h(_sfc_main$a, {
               ref: headView,
@@ -12233,7 +12363,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
         },
         role: "combobox"
       }, _ctx.$attrs, { onMousedown: onRootMouseDown }), [
-        vue.createVNode(_sfc_main$L, vue.mergeProps({
+        vue.createVNode(_sfc_main$M, vue.mergeProps({
           id: inputId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -12260,7 +12390,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 16, ["id", "value", "placeholder", "clearable", "disabled", "readonly"]),
-        vue.createVNode(_sfc_main$P, {
+        vue.createVNode(_sfc_main$Q, {
           id: `${inputId.value}-listbox`,
           visible: expanded.value,
           target: rootTarget.value,
@@ -12275,14 +12405,14 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           onAttached: onPopperAttached
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$J, {
+            vue.createVNode(_sfc_main$K, {
               ref_key: "scrollable",
               ref: scrollable,
               class: "ui-v1-time-picker__list"
             }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(variants.value, (time2, index) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$K, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$L, {
                     id: optionId(index),
                     key: `${time2}-${index}`,
                     ref_for: true,
@@ -12520,12 +12650,12 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const toolbarSize = useToolbarSize();
     const size = vue.computed(() => {
       if (toolbarSize.value === SIZE.SM) {
-        return SIZE$9.XS;
+        return SIZE$a.XS;
       }
-      return SIZE$9.SM;
+      return SIZE$a.SM;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$Y, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$Z, vue.mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -12572,8 +12702,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     /** Тип ссылок */
     appearance: {
       type: String,
-      validator: (appearance) => Object.values(APPEARANCE$3).includes(appearance),
-      default: APPEARANCE$3.DEFAULT
+      validator: (appearance) => Object.values(APPEARANCE$4).includes(appearance),
+      default: APPEARANCE$4.DEFAULT
     },
     /** Инвертированный цвет ссылок для тёмного фона */
     light: {
@@ -12598,7 +12728,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -13061,7 +13191,7 @@ ${details.latitude}`
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
           key: 0,
           transition: null
         })) : vue.createCommentVNode("", true),
@@ -13073,7 +13203,7 @@ ${details.latitude}`
           onLoad: loadApi
         }, null, 32)),
         ready.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.createVNode(_sfc_main$Y, {
+          vue.createVNode(_sfc_main$Z, {
             class: "ui-v1-yandex-map__control-button",
             appearance: "secondary",
             size: "sm",
@@ -13089,7 +13219,7 @@ ${details.latitude}`
           }, 8, ["disabled"])
         ])) : vue.createCommentVNode("", true),
         ready.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.createVNode(_sfc_main$Y, {
+          vue.createVNode(_sfc_main$Z, {
             class: "ui-v1-yandex-map__control-button",
             appearance: "secondary",
             size: "sm",
@@ -13102,7 +13232,7 @@ ${details.latitude}`
             ]),
             _: 1
           }),
-          vue.createVNode(_sfc_main$Y, {
+          vue.createVNode(_sfc_main$Z, {
             class: "ui-v1-yandex-map__control-button",
             appearance: "secondary",
             size: "sm",
@@ -13122,42 +13252,43 @@ ${details.latitude}`
 });
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UiAddButton: _sfc_main$10,
-  UiAlert: _sfc_main$11,
-  UiAvatar: _sfc_main$_,
-  UiAvatarList: _sfc_main$Z,
-  UiButton: _sfc_main$Y,
-  UiCalendar: _sfc_main$U,
-  UiCheckbox: _sfc_main$T,
-  UiCollapse: _sfc_main$S,
-  UiCollapseBox: _sfc_main$R,
-  UiCollapseGroup: _sfc_main$Q,
-  UiCopyButton: _sfc_main$N,
-  UiDate: _sfc_main$M,
-  UiDatePicker: _sfc_main$H,
-  UiError: _sfc_main$G,
-  UiImage: _sfc_main$$,
-  UiInfobox: _sfc_main$F,
-  UiLink: _sfc_main$E,
-  UiLoader: _sfc_main$D,
-  UiMenuItem: _sfc_main$K,
+  UiAddButton: _sfc_main$11,
+  UiAlert: _sfc_main$12,
+  UiAvatar: _sfc_main$$,
+  UiAvatarList: _sfc_main$_,
+  UiButton: _sfc_main$Z,
+  UiCalendar: _sfc_main$V,
+  UiCheckbox: _sfc_main$U,
+  UiCollapse: _sfc_main$T,
+  UiCollapseBox: _sfc_main$S,
+  UiCollapseGroup: _sfc_main$R,
+  UiCopyButton: _sfc_main$O,
+  UiDate: _sfc_main$N,
+  UiDatePicker: _sfc_main$I,
+  UiError: _sfc_main$H,
+  UiImage: _sfc_main$10,
+  UiInfobox: _sfc_main$G,
+  UiLink: _sfc_main$F,
+  UiLoader: _sfc_main$E,
+  UiMenuItem: _sfc_main$L,
   UiMenuItemGroup,
-  UiModalSidebar: _sfc_main$B,
-  UiModalWindow: _sfc_main$z,
-  UiModalWindowSurface: _sfc_main$A,
-  UiNumberStepper: _sfc_main$y,
-  UiPageHeader: _sfc_main$v,
-  UiPageHeaderLayout: _sfc_main$w,
-  UiPageHeaderTitle: _sfc_main$x,
-  UiPopper: _sfc_main$P,
-  UiPopperConnector: _sfc_main$u,
-  UiPopperTarget: _sfc_main$t,
-  UiRadio: _sfc_main$s,
-  UiRadioSwitchOptionShell: _sfc_main$r,
-  UiRadioSwitchRoot: _sfc_main$q,
-  UiScrollBox: _sfc_main$J,
+  UiModalSidebar: _sfc_main$C,
+  UiModalWindow: _sfc_main$A,
+  UiModalWindowSurface: _sfc_main$B,
+  UiNumberStepper: _sfc_main$z,
+  UiPageHeader: _sfc_main$w,
+  UiPageHeaderLayout: _sfc_main$x,
+  UiPageHeaderTitle: _sfc_main$y,
+  UiPopper: _sfc_main$Q,
+  UiPopperConnector: _sfc_main$v,
+  UiPopperTarget: _sfc_main$u,
+  UiRadio: _sfc_main$t,
+  UiRadioSwitchOptionShell: _sfc_main$s,
+  UiRadioSwitchRoot: _sfc_main$r,
+  UiScrollBox: _sfc_main$K,
   UiSelectPopper: _sfc_main$o,
   UiSelectTrigger: _sfc_main$n,
+  UiSkeleton: _sfc_main$q,
   UiSlider: _sfc_main$p,
   UiSwitch: _sfc_main$m,
   UiTab: _sfc_main$c,
@@ -13172,15 +13303,15 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   UiTableSection: _sfc_main$e,
   UiTableSorter: _sfc_main$d,
   UiTag: _sfc_main$7,
-  UiTextbox: _sfc_main$L,
+  UiTextbox: _sfc_main$M,
   UiTimePicker: _sfc_main$6,
   UiToggleButton: _sfc_main$5,
   UiToggleGroupRoot: _sfc_main$4,
   UiToolbar: _sfc_main$3,
   UiToolbarButton: _sfc_main$2,
   UiToolbarLink: _sfc_main$1,
-  UiTooltip: _sfc_main$O,
-  UiTransition: _sfc_main$12,
+  UiTooltip: _sfc_main$P,
+  UiTransition: _sfc_main$13,
   UiYandexMap: _sfc_main
 }, Symbol.toStringTag, { value: "Module" }));
 const createProvider = () => host.createProvider(components);
@@ -13190,46 +13321,50 @@ exports.DIRECTION = DIRECTION;
 exports.I18nPlugin = plugin$1;
 exports.ImageWorkersKey = ImageWorkersKey;
 exports.ModalPlugin = plugin;
-exports.RADIO_SWITCH_APPEARANCE = APPEARANCE$1;
-exports.RADIO_SWITCH_SIZE = SIZE$3;
+exports.RADIO_SWITCH_APPEARANCE = APPEARANCE$2;
+exports.RADIO_SWITCH_SIZE = SIZE$4;
+exports.SKELETON_ANIMATION = ANIMATION;
+exports.SKELETON_APPEARANCE = APPEARANCE$1;
+exports.SKELETON_SIZE = SIZE$3;
 exports.TAB_APPEARANCE = APPEARANCE;
 exports.TAB_SIZE = SIZE$2;
-exports.UiAddButton = _sfc_main$10;
-exports.UiAlert = _sfc_main$11;
-exports.UiAvatar = _sfc_main$_;
-exports.UiAvatarList = _sfc_main$Z;
-exports.UiButton = _sfc_main$Y;
-exports.UiCalendar = _sfc_main$U;
-exports.UiCheckbox = _sfc_main$T;
-exports.UiCollapse = _sfc_main$S;
-exports.UiCollapseBox = _sfc_main$R;
-exports.UiCollapseGroup = _sfc_main$Q;
-exports.UiCopyButton = _sfc_main$N;
-exports.UiDate = _sfc_main$M;
-exports.UiDatePicker = _sfc_main$H;
-exports.UiError = _sfc_main$G;
-exports.UiImage = _sfc_main$$;
-exports.UiInfobox = _sfc_main$F;
-exports.UiLink = _sfc_main$E;
-exports.UiLoader = _sfc_main$D;
-exports.UiMenuItem = _sfc_main$K;
+exports.UiAddButton = _sfc_main$11;
+exports.UiAlert = _sfc_main$12;
+exports.UiAvatar = _sfc_main$$;
+exports.UiAvatarList = _sfc_main$_;
+exports.UiButton = _sfc_main$Z;
+exports.UiCalendar = _sfc_main$V;
+exports.UiCheckbox = _sfc_main$U;
+exports.UiCollapse = _sfc_main$T;
+exports.UiCollapseBox = _sfc_main$S;
+exports.UiCollapseGroup = _sfc_main$R;
+exports.UiCopyButton = _sfc_main$O;
+exports.UiDate = _sfc_main$N;
+exports.UiDatePicker = _sfc_main$I;
+exports.UiError = _sfc_main$H;
+exports.UiImage = _sfc_main$10;
+exports.UiInfobox = _sfc_main$G;
+exports.UiLink = _sfc_main$F;
+exports.UiLoader = _sfc_main$E;
+exports.UiMenuItem = _sfc_main$L;
 exports.UiMenuItemGroup = UiMenuItemGroup;
-exports.UiModalSidebar = _sfc_main$B;
-exports.UiModalWindow = _sfc_main$z;
-exports.UiModalWindowSurface = _sfc_main$A;
-exports.UiNumberStepper = _sfc_main$y;
-exports.UiPageHeader = _sfc_main$v;
-exports.UiPageHeaderLayout = _sfc_main$w;
-exports.UiPageHeaderTitle = _sfc_main$x;
-exports.UiPopper = _sfc_main$P;
-exports.UiPopperConnector = _sfc_main$u;
-exports.UiPopperTarget = _sfc_main$t;
-exports.UiRadio = _sfc_main$s;
-exports.UiRadioSwitchOptionShell = _sfc_main$r;
-exports.UiRadioSwitchRoot = _sfc_main$q;
-exports.UiScrollBox = _sfc_main$J;
+exports.UiModalSidebar = _sfc_main$C;
+exports.UiModalWindow = _sfc_main$A;
+exports.UiModalWindowSurface = _sfc_main$B;
+exports.UiNumberStepper = _sfc_main$z;
+exports.UiPageHeader = _sfc_main$w;
+exports.UiPageHeaderLayout = _sfc_main$x;
+exports.UiPageHeaderTitle = _sfc_main$y;
+exports.UiPopper = _sfc_main$Q;
+exports.UiPopperConnector = _sfc_main$v;
+exports.UiPopperTarget = _sfc_main$u;
+exports.UiRadio = _sfc_main$t;
+exports.UiRadioSwitchOptionShell = _sfc_main$s;
+exports.UiRadioSwitchRoot = _sfc_main$r;
+exports.UiScrollBox = _sfc_main$K;
 exports.UiSelectPopper = _sfc_main$o;
 exports.UiSelectTrigger = _sfc_main$n;
+exports.UiSkeleton = _sfc_main$q;
 exports.UiSlider = _sfc_main$p;
 exports.UiSwitch = _sfc_main$m;
 exports.UiTab = _sfc_main$c;
@@ -13244,15 +13379,15 @@ exports.UiTableRow = _sfc_main$f;
 exports.UiTableSection = _sfc_main$e;
 exports.UiTableSorter = _sfc_main$d;
 exports.UiTag = _sfc_main$7;
-exports.UiTextbox = _sfc_main$L;
+exports.UiTextbox = _sfc_main$M;
 exports.UiTimePicker = _sfc_main$6;
 exports.UiToggleButton = _sfc_main$5;
 exports.UiToggleGroupRoot = _sfc_main$4;
 exports.UiToolbar = _sfc_main$3;
 exports.UiToolbarButton = _sfc_main$2;
 exports.UiToolbarLink = _sfc_main$1;
-exports.UiTooltip = _sfc_main$O;
-exports.UiTransition = _sfc_main$12;
+exports.UiTooltip = _sfc_main$P;
+exports.UiTransition = _sfc_main$13;
 exports.UiYandexMap = _sfc_main;
 exports.VALIGN = VALIGN;
 exports.VueI18n = VueI18n;
@@ -13260,4 +13395,5 @@ exports.asRowAttrs = asRowAttrs;
 exports.asRowClass = asRowClass;
 exports.byRowKey = byRowKey;
 exports.createProvider = createProvider;
+exports.guessSkeletonDimensionStyleValue = guessDimensionStyleValue;
 exports.provider = provider;