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

package/dist/host.js

@@ -5,7 +5,7 @@ import { format, formatISO } from "date-fns";
 import { ru, es, enGB } from "date-fns/locale";
 import { PerfectScrollbar } from "vue3-perfect-scrollbar";
 import { createProvider as createProvider$1 } from "@omnicajs/vue-remote/host";
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -118,7 +118,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__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -227,7 +227,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$12, {
+      return openBlock(), createBlock(_sfc_main$13, {
         name: "fade",
         onBeforeEnter,
         onBeforeLeave,
@@ -319,7 +319,7 @@ const _hoisted_4$c = {
   key: 0,
   class: "ui-v1-add-button__description"
 };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -421,7 +421,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__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "UiImage",
   props: {
     alt: {
@@ -476,12 +476,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";
@@ -511,7 +511,7 @@ const _hoisted_5$9 = {
   key: 1,
   class: "ui-v1-avatar__label ui-v1-avatar__label_bad"
 };
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "UiAvatar",
   props: {
     /** Путь к изображению */
@@ -550,8 +550,8 @@ const _sfc_main$_ = /* @__PURE__ */ 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],
@@ -579,9 +579,9 @@ const _sfc_main$_ = /* @__PURE__ */ 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
       };
@@ -598,7 +598,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         }
       }, _ctx.$attrs), {
         default: withCtx(() => [
-          __props.src ? (openBlock(), createBlock(_sfc_main$$, {
+          __props.src ? (openBlock(), createBlock(_sfc_main$10, {
             key: 0,
             src: __props.src,
             resize: optimization.value.resize,
@@ -637,7 +637,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "UiAvatarList",
   props: {
     /** Список аватарок пользователей */
@@ -648,8 +648,8 @@ const _sfc_main$Z = /* @__PURE__ */ 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) {
@@ -664,7 +664,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             key: index,
             class: "ui-v1-avatar-list__item"
           }, [
-            createVNode(_sfc_main$_, {
+            createVNode(_sfc_main$$, {
               src: avatar.src,
               name: avatar.name
             }, null, 8, ["src", "name"])
@@ -711,27 +711,27 @@ const useElementRef = () => {
   provide(ElementRefKey, 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 = defineComponent({
+const _sfc_main$Z = defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -747,7 +747,7 @@ const _sfc_main$Y = defineComponent({
     /** Регулирует внешний вид кнопки: primary, secondary, tertiary or outlined */
     appearance: {
       type: String,
-      default: APPEARANCE$5.PRIMARY
+      default: APPEARANCE$6.PRIMARY
     },
     /** Регулирует цветовую схему кнопки: default, success or danger */
     variant: {
@@ -757,7 +757,7 @@ const _sfc_main$Y = defineComponent({
     /** Размер */
     size: {
       type: String,
-      default: SIZE$9.SM
+      default: SIZE$a.SM
     },
     /** Если кнопка активна */
     active: {
@@ -818,7 +818,7 @@ const _sfc_main$Y = defineComponent({
   }
 });
 const _hoisted_1$J = { class: "ui-v1-calendar-cell__content" };
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "UiCalendarCell",
   props: {
     current: {
@@ -888,7 +888,7 @@ const _hoisted_1$H = {
   "aria-hidden": "true",
   class: "ui-v1-calendar-navigation__placeholder"
 };
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "UiCalendarDirectionButton",
   props: {
     label: {
@@ -908,7 +908,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.absent ? (openBlock(), createBlock(_sfc_main$Y, {
+      return !__props.absent ? (openBlock(), createBlock(_sfc_main$Z, {
         key: 0,
         "aria-label": __props.label,
         appearance: "tertiary",
@@ -933,7 +933,7 @@ const _hoisted_1$G = {
   key: 1,
   class: "ui-v1-calendar-navigation__text"
 };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "UiCalendarSwitchButton",
   props: {
     locked: {
@@ -944,7 +944,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return !__props.locked ? (openBlock(), createBlock(_sfc_main$Y, {
+      return !__props.locked ? (openBlock(), createBlock(_sfc_main$Z, {
         key: 0,
         appearance: "tertiary",
         class: "ui-v1-calendar-navigation__switch-button",
@@ -960,11 +960,11 @@ const _sfc_main$V = /* @__PURE__ */ 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";
@@ -1402,7 +1402,7 @@ const _hoisted_16 = {
   "aria-atomic": "true",
   "aria-live": "polite"
 };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "UiCalendar",
   props: {
     /** Текущая дата */
@@ -1420,8 +1420,8 @@ const _sfc_main$U = /* @__PURE__ */ 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: {
@@ -1561,7 +1561,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     });
     const viewsComputed = 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 }) => ({
@@ -1573,7 +1573,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     });
     const viewsIsSynchronized = 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 = computed(() => {
       const [first, last] = valueComputed.value;
@@ -1997,7 +1997,7 @@ const _sfc_main$U = /* @__PURE__ */ 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;
@@ -2031,12 +2031,12 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("monthNavigation")
               }, [
-                createVNode(_sfc_main$W, {
+                createVNode(_sfc_main$X, {
                   absent: index === 1 && viewsIsSynchronized.value && views[0].mode === unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("prevMonth"),
                   onClick: ($event) => showPrevMonth(index)
                 }, null, 8, ["absent", "label", "onClick"]),
-                createVNode(_sfc_main$V, {
+                createVNode(_sfc_main$W, {
                   onClick: ($event) => views[index].mode = unref(VIEW_MODE).MONTHS
                 }, {
                   default: withCtx(() => [
@@ -2048,7 +2048,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                createVNode(_sfc_main$W, {
+                createVNode(_sfc_main$X, {
                   absent: index === 0 && viewsIsSynchronized.value && views[1].mode === unref(VIEW_MODE).DAYS,
                   label: i18n.value.t("nextMonth"),
                   direction: "next",
@@ -2082,7 +2082,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                     role: "row"
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(week, (day) => {
-                      return openBlock(), createBlock(_sfc_main$X, {
+                      return openBlock(), createBlock(_sfc_main$Y, {
                         key: "day-" + index + "-" + day,
                         class: normalizeClass({
                           "ui-v1-calendar__cell-day": true,
@@ -2126,11 +2126,11 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("yearNavigation")
               }, [
-                createVNode(_sfc_main$W, {
+                createVNode(_sfc_main$X, {
                   label: i18n.value.t("prevYear"),
                   onClick: ($event) => showYear(view.date.year - 1, index)
                 }, null, 8, ["label", "onClick"]),
-                createVNode(_sfc_main$V, {
+                createVNode(_sfc_main$W, {
                   onClick: ($event) => views[index].mode = unref(VIEW_MODE).YEARS
                 }, {
                   default: withCtx(() => [
@@ -2142,7 +2142,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                createVNode(_sfc_main$W, {
+                createVNode(_sfc_main$X, {
                   label: i18n.value.t("nextYear"),
                   direction: "next",
                   onClick: ($event) => showYear(view.date.year + 1, index)
@@ -2160,7 +2160,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                     role: "row"
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(months2, (month) => {
-                      return openBlock(), createBlock(_sfc_main$X, {
+                      return openBlock(), createBlock(_sfc_main$Y, {
                         key: "month-" + month.month,
                         class: normalizeClass({ "ui-v1-calendar__cell-month": true }),
                         current: isCurrentMonth(month.month, index),
@@ -2191,11 +2191,11 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 class: "ui-v1-calendar-navigation",
                 "aria-label": i18n.value.t("decadeNavigation")
               }, [
-                createVNode(_sfc_main$W, {
+                createVNode(_sfc_main$X, {
                   label: i18n.value.t("prevDecade"),
                   onClick: ($event) => showPrevDecade(index)
                 }, null, 8, ["label", "onClick"]),
-                createVNode(_sfc_main$V, {
+                createVNode(_sfc_main$W, {
                   locked: "",
                   onClick: ($event) => views[index].mode = unref(VIEW_MODE).MONTHS
                 }, {
@@ -2208,7 +2208,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                createVNode(_sfc_main$W, {
+                createVNode(_sfc_main$X, {
                   label: i18n.value.t("nextDecade"),
                   direction: "next",
                   onClick: ($event) => showNextDecade(index)
@@ -2226,7 +2226,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                     role: "row"
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(years, (year) => {
-                      return openBlock(), createBlock(_sfc_main$X, {
+                      return openBlock(), createBlock(_sfc_main$Y, {
                         key: "year-" + year,
                         class: normalizeClass({ "ui-v1-calendar__cell-year": true }),
                         current: isCurrentYear(year),
@@ -2307,7 +2307,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__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   __name: "UiCheckbox",
   props: {
@@ -2438,7 +2438,7 @@ const _hoisted_2$k = {
   key: 1,
   class: "ui-v1-collapse"
 };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "UiCollapse",
   props: {
     /** Свёрнут/Развёрнут */
@@ -2584,11 +2584,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");
@@ -2609,7 +2609,7 @@ const _hoisted_10 = {
   key: 0,
   class: "ui-v1-collapse-box__footer"
 };
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2665,8 +2665,8 @@ const _sfc_main$R = /* @__PURE__ */ 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: {
@@ -2856,7 +2856,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 8, _hoisted_2$j)
         ], 2),
-        createVNode(_sfc_main$S, {
+        createVNode(_sfc_main$T, {
           id: boxId.value + "-collapse",
           "aria-hidden": !state.expanded ? "true" : "false",
           "aria-labelledby": boxId.value + "-button",
@@ -2895,7 +2895,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "UiCollapseGroup",
   props: {
     /**
@@ -4693,7 +4693,7 @@ if (typeof document !== "undefined" && typeof window !== "undefined") {
   }
 }
 const _hoisted_1$z = { class: "ui-v1-popper__content" };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "UiPopper",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5047,7 +5047,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "UiTooltip",
   props: {
     /** Флаг для ручного переключения видимости */
@@ -5158,7 +5158,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       hide: () => popper.value?.hide()
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$P, mergeProps({
+      return openBlock(), createBlock(_sfc_main$Q, mergeProps({
         ref_key: "popper",
         ref: popper,
         visible: __props.visible,
@@ -5196,7 +5196,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__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "UiCopyButton",
   props: {
     /** Текст для копирования в буфер обмена */
@@ -5207,7 +5207,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     /** Размер кнопки */
     size: {
       type: String,
-      default: SIZE$9.XS
+      default: SIZE$a.XS
     },
     /** Объект, содержащий параметры настройки Tooltip */
     tooltipOptions: {
@@ -5268,7 +5268,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         onClick: copy
       }, [
         renderSlot(_ctx.$slots, "trigger", {}, () => [
-          createVNode(_sfc_main$Y, {
+          createVNode(_sfc_main$Z, {
             size: __props.size,
             appearance: "tertiary"
           }, {
@@ -5278,7 +5278,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["size"])
         ]),
-        createVNode(_sfc_main$O, mergeProps({
+        createVNode(_sfc_main$P, mergeProps({
           visible: visible.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
           target: rootTarget.value,
@@ -5348,7 +5348,7 @@ function detectLocale() {
   }
   return "en-GB";
 }
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "UiDate",
   props: {
     date: {
@@ -5405,6 +5405,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";
@@ -5425,14 +5453,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;
@@ -5516,7 +5544,7 @@ const _hoisted_6$4 = {
   key: 7,
   class: "ui-v1-textbox__suffix"
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "UiTextbox",
   props: {
     /** Уникальный идентификатор поля */
@@ -5579,7 +5607,13 @@ const _sfc_main$L = /* @__PURE__ */ 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: {
@@ -5678,6 +5712,10 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const uid2 = useId();
     const i18n = computed(() => _i18n$5.init(inject(I18nInjectKey, null)?.locale ?? _i18n$5.fallback));
+    const style = computed(() => {
+      const width = normalizeWidth(props.width);
+      return isWidthExact(props.width) && width ? { width } : {};
+    });
     const decimalsParsed = computed(() => {
       if (props.decimals === "*" || props.decimals === void 0) return "*";
       const n = Number(props.decimals);
@@ -5802,9 +5840,9 @@ const _sfc_main$L = /* @__PURE__ */ 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;
@@ -5932,13 +5970,16 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           "ui-v1-textbox": true,
           "ui-v1-textbox_active": __props.active,
           "ui-v1-textbox_autofit": __props.autofit,
+          "ui-v1-textbox_fit": __props.width === unref(WIDTH).FIT,
+          "ui-v1-textbox_fluid": __props.width === unref(WIDTH).FLUID,
           "ui-v1-textbox_invalid": __props.invalid,
           "ui-v1-textbox_outlined": __props.outlined,
-          "ui-v1-textbox_xs": __props.size === unref(SIZE$7).XS,
-          "ui-v1-textbox_md": __props.size === unref(SIZE$7).MD,
-          "ui-v1-textbox_lg": __props.size === unref(SIZE$7).LG,
-          "ui-v1-textbox_xl": __props.size === unref(SIZE$7).XL
-        }
+          "ui-v1-textbox_xs": __props.size === unref(SIZE$8).XS,
+          "ui-v1-textbox_md": __props.size === unref(SIZE$8).MD,
+          "ui-v1-textbox_lg": __props.size === unref(SIZE$8).LG,
+          "ui-v1-textbox_xl": __props.size === unref(SIZE$8).XL
+        },
+        style: style.value
       }, _ctx.$attrs), [
         __props.prefix || "prefix" in _ctx.$slots ? (openBlock(), createElementBlock("span", _hoisted_2$h, [
           renderSlot(_ctx.$slots, "prefix", {}, () => [
@@ -6034,13 +6075,13 @@ const _sfc_main$L = /* @__PURE__ */ 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 ? {
@@ -6070,13 +6111,13 @@ const _hoisted_7$2 = {
   key: 3,
   class: "ui-v1-menu-item__icon ui-v1-menu-item__icon_trailing"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "UiMenuItem",
   props: {
     /** Размер */
     size: {
       type: String,
-      default: SIZE$6.MD
+      default: SIZE$7.MD
     },
     /** Описание */
     description: {
@@ -6181,7 +6222,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -6359,7 +6400,7 @@ const isQuickDateEqual = (first, second) => {
   }
   return false;
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "UiDatePickerQuickMenu",
   props: {
     value: {
@@ -6385,18 +6426,18 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       emit("change", props.nullable && isActive(date) ? null : date);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$J, {
+      return openBlock(), createBlock(_sfc_main$K, {
         class: "ui-v1-date-picker__quick-menu",
         role: "menu",
         native: ""
       }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$K, {
+            return openBlock(), createBlock(_sfc_main$L, {
               key: "quick-item-" + index,
               active: isActive(item.value),
               "aria-current": isActive(item.value) ? "true" : "false",
-              size: unref(SIZE$6).SM,
+              size: unref(SIZE$7).SM,
               role: "menuitem",
               onClick: ($event) => onClick(item.value)
             }, {
@@ -6441,7 +6482,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__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6486,8 +6527,8 @@ const _sfc_main$H = /* @__PURE__ */ 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,
@@ -6808,7 +6849,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           onClick: toggle
         }, [
           renderSlot(_ctx.$slots, "trigger")
-        ])) : (openBlock(), createBlock(_sfc_main$L, mergeProps({
+        ])) : (openBlock(), createBlock(_sfc_main$M, mergeProps({
           key: 1,
           id: inputId.value,
           ref_key: "textbox",
@@ -6843,7 +6884,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             key: "0"
           } : void 0
         ]), 1040, ["id", "clearable", "value", "placeholder", "active", "disabled", "readonly"])),
-        createVNode(_sfc_main$P, mergeProps({
+        createVNode(_sfc_main$Q, mergeProps({
           id: `${inputId.value}-popper`,
           visible: showCalendar.value,
           target: triggerTarget.value,
@@ -6866,7 +6907,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
             }, [
-              __props.quickOptions.length > 0 ? (openBlock(), createBlock(_sfc_main$I, {
+              __props.quickOptions.length > 0 ? (openBlock(), createBlock(_sfc_main$J, {
                 key: 0,
                 value: view.value,
                 items: __props.quickOptions,
@@ -6874,7 +6915,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 onChange: onQuickChange
               }, null, 8, ["value", "items", "nullable"])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_3$b, [
-                createVNode(_sfc_main$U, {
+                createVNode(_sfc_main$V, {
                   ref_key: "calendar",
                   ref: calendar,
                   value: view.value,
@@ -6891,11 +6932,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   key: 0,
                   class: normalizeClass({
                     "ui-v1-date-picker__footer": true,
-                    "ui-v1-date-picker__footer_horizontal": __props.appearance === unref(APPEARANCE$4).DOUBLE
+                    "ui-v1-date-picker__footer_horizontal": __props.appearance === unref(APPEARANCE$5).DOUBLE
                   })
                 }, [
                   createElementVNode("div", _hoisted_4$5, [
-                    createVNode(_sfc_main$Y, {
+                    createVNode(_sfc_main$Z, {
                       appearance: "tertiary",
                       class: "ui-v1-date-picker__button",
                       onClick: reset
@@ -6905,7 +6946,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(_sfc_main$Y, {
+                    createVNode(_sfc_main$Z, {
                       class: "ui-v1-date-picker__button",
                       onClick: apply2
                     }, {
@@ -6930,7 +6971,7 @@ var ALIGN$1 = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
 })(ALIGN$1 || {});
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -7008,7 +7049,7 @@ const _hoisted_5$4 = {
 };
 const _hoisted_6$2 = ["id"];
 const _hoisted_7$1 = ["aria-controls", "aria-expanded"];
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7145,7 +7186,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       syncExpandedFromProps();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$12, {
+      return openBlock(), createBlock(_sfc_main$13, {
         name: "fade",
         onAfterEnter,
         onAfterLeave,
@@ -7211,7 +7252,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                   }))
                 ], 8, _hoisted_7$1)) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
-              createVNode(_sfc_main$S, {
+              createVNode(_sfc_main$T, {
                 id: bodyId.value,
                 "aria-labelledby": hasTitle.value ? titleId.value : void 0,
                 expanded: bodyExpanded.value,
@@ -7261,15 +7302,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";
@@ -7278,7 +7319,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,
@@ -7288,7 +7329,7 @@ const _hoisted_3$9 = {
   key: 2,
   class: "ui-v1-link__icon"
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -7308,14 +7349,14 @@ const _sfc_main$E = /* @__PURE__ */ 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: {
@@ -7369,7 +7410,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -7401,7 +7442,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$12 : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$13 : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -7435,7 +7476,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 = {
@@ -7472,7 +7513,7 @@ function _sfc_render(_ctx, _cache) {
     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;
@@ -7563,11 +7604,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" };
@@ -7586,7 +7627,7 @@ const _hoisted_8 = {
   key: 2,
   class: "ui-v1-modal-sidebar__footer"
 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -7632,7 +7673,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     /** Размер панели */
     size: {
       type: String,
-      default: SIZE$4.SM
+      default: SIZE$5.SM
     },
     /** ARIA-роль модального контейнера */
     role: {
@@ -7812,7 +7853,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         key: 0,
         to: unref(globals)?.container || "body"
       }, [
-        createVNode(_sfc_main$12, {
+        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"),
@@ -7833,7 +7874,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               "aria-modal": "true",
               role: __props.role
             }, _ctx.$attrs, { onClick: onBackdropClick }), [
-              createVNode(_sfc_main$12, {
+              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"),
@@ -7848,8 +7889,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                       "ui-v1-modal-sidebar": true,
                       "ui-v1-modal-sidebar_fixed": __props.fixed,
                       "ui-v1-modal-sidebar_left": __props.direction === unref(DIRECTION$2).LEFT,
-                      "ui-v1-modal-sidebar_size_sm": __props.size === unref(SIZE$4).SM,
-                      "ui-v1-modal-sidebar_size_lg": __props.size === unref(SIZE$4).LG
+                      "ui-v1-modal-sidebar_size_sm": __props.size === unref(SIZE$5).SM,
+                      "ui-v1-modal-sidebar_size_lg": __props.size === unref(SIZE$5).LG
                     })
                   }, [
                     createElementVNode("header", _hoisted_3$7, [
@@ -7874,7 +7915,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                           "aria-hidden": "true",
                           width: "32"
                         }),
-                        createVNode(_sfc_main$O, {
+                        createVNode(_sfc_main$P, {
                           target: closerTarget.value,
                           "offset-main-axis": 0
                         }, {
@@ -7889,7 +7930,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                       renderSlot(_ctx.$slots, "default", {
                         overlapped: state.overlapped
                       })
-                    ])) : (openBlock(), createBlock(_sfc_main$J, {
+                    ])) : (openBlock(), createBlock(_sfc_main$K, {
                       key: 1,
                       native: __props.scrolling === unref(SCROLLING$1).NATIVE,
                       class: "ui-v1-modal-sidebar__body",
@@ -7922,19 +7963,19 @@ const _sfc_main$B = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -7955,8 +7996,8 @@ const _sfc_main$A = /* @__PURE__ */ 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: {
@@ -8154,7 +8195,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return h(_sfc_main$12, {
+      return h(_sfc_main$13, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -8164,10 +8205,10 @@ const _sfc_main$A = /* @__PURE__ */ 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) : []);
@@ -8179,7 +8220,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : h(Teleport, {
       to: globals?.container ?? document.body
-    }, h(_sfc_main$12, {
+    }, h(_sfc_main$13, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -8197,11 +8238,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, h(_sfc_main$J, {
+      }, 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,
@@ -8254,7 +8295,7 @@ const _hoisted_6 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -8275,8 +8316,8 @@ const _sfc_main$z = /* @__PURE__ */ 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: {
@@ -8374,7 +8415,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.opened, toggle);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$A, mergeProps({
+      return openBlock(), createBlock(_sfc_main$B, mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -8400,10 +8441,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass({
               "ui-v1-modal-window__header": true,
-              "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === unref(APPEARANCE$2).POPUP && !__props.responsive
+              "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === unref(APPEARANCE$3).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === unref(APPEARANCE$2).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+            __props.appearance === unref(APPEARANCE$3).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
               renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -8419,7 +8460,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 overlapped: state.overlapped
               })
             ], 8, _hoisted_2$a)) : createCommentVNode("", true),
-            __props.appearance !== unref(APPEARANCE$2).ALERT ? (openBlock(), createElementBlock("button", {
+            __props.appearance !== unref(APPEARANCE$3).ALERT ? (openBlock(), createElementBlock("button", {
               key: 2,
               "aria-keyshortcuts": "Esc",
               "aria-label": "Close dialog",
@@ -8434,7 +8475,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               })
             ], 8, _hoisted_3$6)) : createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (openBlock(), createBlock(_sfc_main$J, {
+          __props.responsive ? (openBlock(), createBlock(_sfc_main$K, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -8452,7 +8493,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             })
           ])),
           _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-            __props.appearance === unref(APPEARANCE$2).HINT ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            __props.appearance === unref(APPEARANCE$3).HINT ? (openBlock(), createElementBlock("div", _hoisted_6, [
               renderSlot(_ctx.$slots, "footer", {
                 overlapped: state.overlapped
               })
@@ -8624,7 +8665,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__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8686,8 +8727,8 @@ const _sfc_main$y = /* @__PURE__ */ 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,
@@ -8973,7 +9014,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             class: "ui-v1-number-stepper__icon"
           }))
         ], 8, _hoisted_2$9),
-        createVNode(_sfc_main$L, mergeProps(resolvedTextboxOptions.value, {
+        createVNode(_sfc_main$M, mergeProps(resolvedTextboxOptions.value, {
           id: stepperId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -9018,7 +9059,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$e = ["id", "aria-label", "role", "tabindex", "onKeydown"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "UiPageHeaderTitle",
   props: {
     /** Уникальный идентификатор корневого элемента */
@@ -9178,7 +9219,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           withKeys(withModifiers(startEditing, ["prevent"]), ["enter"]),
           withKeys(withModifiers(startEditing, ["prevent"]), ["space"])
         ]
-      }, toDisplayString(currentValue.value || displayPlaceholder.value), 43, _hoisted_1$e)) : (openBlock(), createBlock(_sfc_main$L, {
+      }, toDisplayString(currentValue.value || displayPlaceholder.value), 43, _hoisted_1$e)) : (openBlock(), createBlock(_sfc_main$M, {
         key: 1,
         id: textboxId.value,
         ref_key: "textbox",
@@ -9215,7 +9256,7 @@ const _hoisted_5 = {
   key: 0,
   class: "ui-v1-page-header__actions"
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9298,7 +9339,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }, _ctx.$attrs), [
         createElementVNode("div", _hoisted_2$8, [
           createElementVNode("div", _hoisted_3$4, [
-            createVNode(_sfc_main$x, {
+            createVNode(_sfc_main$y, {
               id: __props.id,
               ref_key: "main",
               ref: main,
@@ -9329,7 +9370,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9369,7 +9410,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       blur: () => base.value?.blur()
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$w, mergeProps({
+      return openBlock(), createBlock(_sfc_main$x, mergeProps({
         ref_key: "base",
         ref: base
       }, baseProps.value, {
@@ -9397,7 +9438,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "UiPopperConnector",
   setup(__props) {
     const target = ref(null);
@@ -9408,7 +9449,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -9438,7 +9479,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__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   ...{
     inheritAttrs: false
@@ -9533,18 +9574,18 @@ const _sfc_main$s = /* @__PURE__ */ 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 = defineComponent({
+})(SIZE$4 || {});
+const _sfc_main$s = defineComponent({
   name: "UiRadioSwitchOptionShell",
   inheritAttrs: false,
   props: {
@@ -9554,13 +9595,13 @@ const _sfc_main$r = 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,
@@ -9586,27 +9627,27 @@ const _sfc_main$r = 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 = defineComponent({
+const _sfc_main$r = 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,
@@ -9619,13 +9660,89 @@ const _sfc_main$q = 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__ */ 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 = computed(() => {
+      const width = guessDimensionStyleValue(props.width);
+      const height = guessDimensionStyleValue(props.height);
+      return {
+        ...width ? { width } : {},
+        ...height ? { height } : {}
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", 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";
@@ -10087,7 +10204,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     onMounted(() => {
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$P, mergeProps({
+      return openBlock(), createBlock(_sfc_main$Q, mergeProps({
         id: __props.id + "-popper",
         ref_key: "popper",
         ref: popper,
@@ -10216,8 +10333,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     /** Размер поля ввода */
     textboxSize: {
       type: String,
-      validator: (size) => Object.values(SIZE$7).includes(size),
-      default: SIZE$7.SM
+      validator: (size) => Object.values(SIZE$8).includes(size),
+      default: SIZE$8.SM
+    },
+    /** Ширина. fit — по содержимому, fluid — на всю ширину контейнера */
+    width: {
+      type: [Number, String],
+      validator: isWidth,
+      default: WIDTH.FIT
     },
     /** Состояние открытия выпадающего списка */
     expanded: {
@@ -10255,6 +10378,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const i18n = computed(() => _i18n$2.init(inject(I18nInjectKey, null)?.locale ?? _i18n$2.fallback));
+    const style = computed(() => {
+      const width = normalizeWidth(props.width);
+      return isWidthExact(props.width) && width ? { width } : {};
+    });
     const input = ref(null);
     const inputReadonly = computed(() => props.readonly || !props.filterable);
     const trigger = ref(null);
@@ -10370,8 +10497,11 @@ const _sfc_main$n = /* @__PURE__ */ 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 === unref(WIDTH).FIT,
+          "ui-v1-select_filterable": __props.filterable,
+          "ui-v1-select_fluid": __props.width === unref(WIDTH).FLUID
         }),
+        style: normalizeStyle(style.value),
         onClick
       }, [
         __props.multiple && !_ctx.$slots.trigger ? (openBlock(), createElementBlock("div", {
@@ -10381,7 +10511,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           class: "ui-v1-select__touchstone"
         }, toDisplayString(selectionLabels.value), 513)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "trigger", {}, () => [
-          createVNode(_sfc_main$L, {
+          createVNode(_sfc_main$M, {
             id: __props.id,
             value: inputValue.value,
             placeholder: !inputReadonly.value && __props.expanded ? i18n.value.t("search.placeholder") : __props.placeholder,
@@ -10418,7 +10548,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             } : void 0
           ]), 1032, ["id", "value", "placeholder", "active", "clearable", "invalid", "readonly", "size", "disabled", "input-attributes"])
         ])
-      ], 2);
+      ], 6);
     };
   }
 });
@@ -11073,7 +11203,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               }, null, 8, ["id", "active", "aria-disabled", "aria-selected", "aria-controls", "appearance", "item", "size", "tabindex", "onClick", "onFocus", "onKeydown"]);
             }), 128))
           ]),
-          __props.hasMenuItems ? (openBlock(), createBlock(_sfc_main$Y, {
+          __props.hasMenuItems ? (openBlock(), createBlock(_sfc_main$Z, {
             key: 0,
             active: __props.menuExpanded,
             "aria-expanded": __props.menuExpanded ? "true" : "false",
@@ -11128,7 +11258,7 @@ const _sfc_main$9 = defineComponent({
   },
   setup(props, { emit }) {
     const resolvedMenuItemSize = computed(() => {
-      return props.size === SIZE$2.SM ? SIZE$6.SM : SIZE$6.MD;
+      return props.size === SIZE$2.SM ? SIZE$7.SM : SIZE$7.MD;
     });
     const onMenuItemKeydown = (id, event) => {
       switch (event.key) {
@@ -11147,7 +11277,7 @@ const _sfc_main$9 = defineComponent({
       if (!props.items.length) {
         return null;
       }
-      return h(_sfc_main$P, {
+      return h(_sfc_main$Q, {
         visible: props.menuExpanded,
         targetTriggers: {
           hide: ["click"],
@@ -11161,7 +11291,7 @@ const _sfc_main$9 = defineComponent({
         default: () => h("div", {
           class: "ui-v1-tab-group__menu",
           role: "menu"
-        }, props.items.map((item) => h(_sfc_main$K, {
+        }, props.items.map((item) => h(_sfc_main$L, {
           key: `menu-${item.id}`,
           active: props.activeId === item.id,
           "aria-checked": props.activeId === item.id ? "true" : "false",
@@ -11573,7 +11703,7 @@ const _sfc_main$8 = defineComponent({
           [`ui-v1-tab-group_${props.size}`]: true
         }]
       }, [
-        h(_sfc_main$u, null, {
+        h(_sfc_main$v, null, {
           default: () => [
             h(_sfc_main$a, {
               ref: headView,
@@ -12231,7 +12361,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         },
         role: "combobox"
       }, _ctx.$attrs, { onMousedown: onRootMouseDown }), [
-        createVNode(_sfc_main$L, mergeProps({
+        createVNode(_sfc_main$M, mergeProps({
           id: inputId.value,
           ref_key: "textbox",
           ref: textbox,
@@ -12258,7 +12388,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["id", "value", "placeholder", "clearable", "disabled", "readonly"]),
-        createVNode(_sfc_main$P, {
+        createVNode(_sfc_main$Q, {
           id: `${inputId.value}-listbox`,
           visible: expanded.value,
           target: rootTarget.value,
@@ -12273,14 +12403,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onAttached: onPopperAttached
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$J, {
+            createVNode(_sfc_main$K, {
               ref_key: "scrollable",
               ref: scrollable,
               class: "ui-v1-time-picker__list"
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(variants.value, (time2, index) => {
-                  return openBlock(), createBlock(_sfc_main$K, {
+                  return openBlock(), createBlock(_sfc_main$L, {
                     id: optionId(index),
                     key: `${time2}-${index}`,
                     ref_for: true,
@@ -12518,12 +12648,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const toolbarSize = useToolbarSize();
     const size = 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 openBlock(), createBlock(_sfc_main$Y, mergeProps({
+      return openBlock(), createBlock(_sfc_main$Z, mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -12570,8 +12700,8 @@ const _sfc_main$1 = /* @__PURE__ */ 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: {
@@ -12596,7 +12726,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$E, mergeProps({
+      return openBlock(), createBlock(_sfc_main$F, mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -13059,7 +13189,7 @@ ${details.latitude}`
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !ready.value ? (openBlock(), createBlock(_sfc_main$D, {
+        !ready.value ? (openBlock(), createBlock(_sfc_main$E, {
           key: 0,
           transition: null
         })) : createCommentVNode("", true),
@@ -13071,7 +13201,7 @@ ${details.latitude}`
           onLoad: loadApi
         }, null, 32)),
         ready.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(_sfc_main$Y, {
+          createVNode(_sfc_main$Z, {
             class: "ui-v1-yandex-map__control-button",
             appearance: "secondary",
             size: "sm",
@@ -13087,7 +13217,7 @@ ${details.latitude}`
           }, 8, ["disabled"])
         ])) : createCommentVNode("", true),
         ready.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createVNode(_sfc_main$Y, {
+          createVNode(_sfc_main$Z, {
             class: "ui-v1-yandex-map__control-button",
             appearance: "secondary",
             size: "sm",
@@ -13100,7 +13230,7 @@ ${details.latitude}`
             ]),
             _: 1
           }),
-          createVNode(_sfc_main$Y, {
+          createVNode(_sfc_main$Z, {
             class: "ui-v1-yandex-map__control-button",
             appearance: "secondary",
             size: "sm",
@@ -13120,42 +13250,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,
@@ -13170,15 +13301,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 = () => createProvider$1(components);
@@ -13189,46 +13320,50 @@ export {
   plugin$1 as I18nPlugin,
   ImageWorkersKey,
   plugin as ModalPlugin,
-  APPEARANCE$1 as RADIO_SWITCH_APPEARANCE,
-  SIZE$3 as RADIO_SWITCH_SIZE,
+  APPEARANCE$2 as RADIO_SWITCH_APPEARANCE,
+  SIZE$4 as RADIO_SWITCH_SIZE,
+  ANIMATION as SKELETON_ANIMATION,
+  APPEARANCE$1 as SKELETON_APPEARANCE,
+  SIZE$3 as SKELETON_SIZE,
   APPEARANCE as TAB_APPEARANCE,
   SIZE$2 as TAB_SIZE,
-  _sfc_main$10 as UiAddButton,
-  _sfc_main$11 as UiAlert,
-  _sfc_main$_ as UiAvatar,
-  _sfc_main$Z as UiAvatarList,
-  _sfc_main$Y as UiButton,
-  _sfc_main$U as UiCalendar,
-  _sfc_main$T as UiCheckbox,
-  _sfc_main$S as UiCollapse,
-  _sfc_main$R as UiCollapseBox,
-  _sfc_main$Q as UiCollapseGroup,
-  _sfc_main$N as UiCopyButton,
-  _sfc_main$M as UiDate,
-  _sfc_main$H as UiDatePicker,
-  _sfc_main$G as UiError,
-  _sfc_main$$ as UiImage,
-  _sfc_main$F as UiInfobox,
-  _sfc_main$E as UiLink,
-  _sfc_main$D as UiLoader,
-  _sfc_main$K as UiMenuItem,
+  _sfc_main$11 as UiAddButton,
+  _sfc_main$12 as UiAlert,
+  _sfc_main$$ as UiAvatar,
+  _sfc_main$_ as UiAvatarList,
+  _sfc_main$Z as UiButton,
+  _sfc_main$V as UiCalendar,
+  _sfc_main$U as UiCheckbox,
+  _sfc_main$T as UiCollapse,
+  _sfc_main$S as UiCollapseBox,
+  _sfc_main$R as UiCollapseGroup,
+  _sfc_main$O as UiCopyButton,
+  _sfc_main$N as UiDate,
+  _sfc_main$I as UiDatePicker,
+  _sfc_main$H as UiError,
+  _sfc_main$10 as UiImage,
+  _sfc_main$G as UiInfobox,
+  _sfc_main$F as UiLink,
+  _sfc_main$E as UiLoader,
+  _sfc_main$L as UiMenuItem,
   UiMenuItemGroup,
-  _sfc_main$B as UiModalSidebar,
-  _sfc_main$z as UiModalWindow,
-  _sfc_main$A as UiModalWindowSurface,
-  _sfc_main$y as UiNumberStepper,
-  _sfc_main$v as UiPageHeader,
-  _sfc_main$w as UiPageHeaderLayout,
-  _sfc_main$x as UiPageHeaderTitle,
-  _sfc_main$P as UiPopper,
-  _sfc_main$u as UiPopperConnector,
-  _sfc_main$t as UiPopperTarget,
-  _sfc_main$s as UiRadio,
-  _sfc_main$r as UiRadioSwitchOptionShell,
-  _sfc_main$q as UiRadioSwitchRoot,
-  _sfc_main$J as UiScrollBox,
+  _sfc_main$C as UiModalSidebar,
+  _sfc_main$A as UiModalWindow,
+  _sfc_main$B as UiModalWindowSurface,
+  _sfc_main$z as UiNumberStepper,
+  _sfc_main$w as UiPageHeader,
+  _sfc_main$x as UiPageHeaderLayout,
+  _sfc_main$y as UiPageHeaderTitle,
+  _sfc_main$Q as UiPopper,
+  _sfc_main$v as UiPopperConnector,
+  _sfc_main$u as UiPopperTarget,
+  _sfc_main$t as UiRadio,
+  _sfc_main$s as UiRadioSwitchOptionShell,
+  _sfc_main$r as UiRadioSwitchRoot,
+  _sfc_main$K as UiScrollBox,
   _sfc_main$o as UiSelectPopper,
   _sfc_main$n as UiSelectTrigger,
+  _sfc_main$q as UiSkeleton,
   _sfc_main$p as UiSlider,
   _sfc_main$m as UiSwitch,
   _sfc_main$c as UiTab,
@@ -13243,15 +13378,15 @@ export {
   _sfc_main$e as UiTableSection,
   _sfc_main$d as UiTableSorter,
   _sfc_main$7 as UiTag,
-  _sfc_main$L as UiTextbox,
+  _sfc_main$M as UiTextbox,
   _sfc_main$6 as UiTimePicker,
   _sfc_main$5 as UiToggleButton,
   _sfc_main$4 as UiToggleGroupRoot,
   _sfc_main$3 as UiToolbar,
   _sfc_main$2 as UiToolbarButton,
   _sfc_main$1 as UiToolbarLink,
-  _sfc_main$O as UiTooltip,
-  _sfc_main$12 as UiTransition,
+  _sfc_main$P as UiTooltip,
+  _sfc_main$13 as UiTransition,
   _sfc_main as UiYandexMap,
   VALIGN,
   VueI18n,
@@ -13259,5 +13394,6 @@ export {
   asRowClass,
   byRowKey,
   createProvider,
+  guessDimensionStyleValue as guessSkeletonDimensionStyleValue,
   provider
 };