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

package/dist/remote.cjs

@@ -124,13 +124,13 @@ const UiError = remote.defineRemoteComponent(
   UiErrorType,
   ["click", "focus", "blur"]
 );
-const _hoisted_1$5 = {
+const _hoisted_1$7 = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 };
 function render$2(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10A10 10 0 0 0 12 2m1 15.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5zm.88-5.21a2.89 2.89 0 0 0 2-2.73V9A2.88 2.88 0 0 0 13 6.12h-2A2.88 2.88 0 0 0 8.12 9v.5a.5.5 0 0 0 .5.5h.76a.5.5 0 0 0 .5-.5V9c0-.619.501-1.12 1.12-1.12h2A1.12 1.12 0 0 1 14.16 9v.56a1.13 1.13 0 0 1-.76 1.07l-.95.31a1.88 1.88 0 0 0-1.29 1.78v.78a.5.5 0 0 0 .5.5h.76a.5.5 0 0 0 .5-.5v-.78c0-.053.032-.1.08-.12z",
@@ -147,23 +147,23 @@ const UiPopperTargetType = "UiPopperTarget";
 const UiPopperTarget = remote.defineRemoteComponent(UiPopperTargetType);
 const UiTooltipType = "UiTooltip";
 const UiTooltip = remote.defineRemoteComponent(UiTooltipType);
-const _hoisted_1$4 = { class: "ui-v1-field__headline" };
-const _hoisted_2$1 = ["id", "for"];
-const _hoisted_3$1 = {
+const _hoisted_1$6 = { class: "ui-v1-field__headline" };
+const _hoisted_2$3 = ["id", "for"];
+const _hoisted_3$3 = {
   key: 0,
   class: "ui-v1-field__required-mark",
   "aria-hidden": "true"
 };
-const _hoisted_4 = {
+const _hoisted_4$1 = {
   key: 1,
   class: "ui-v1-field__hint"
 };
-const _hoisted_5 = {
+const _hoisted_5$1 = {
   key: 2,
   class: "ui-v1-field__addon"
 };
 const _hoisted_6 = { class: "ui-v1-field__control" };
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -221,7 +221,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-field_readonly": __props.readonly
         }
       }, _ctx.$attrs), [
-        vue.createElementVNode("div", _hoisted_1$4, [
+        vue.createElementVNode("div", _hoisted_1$6, [
           __props.label || _ctx.$slots.label ? (vue.openBlock(), vue.createElementBlock("label", {
             key: 0,
             id: `${__props.id}-label`,
@@ -231,9 +231,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "label", {}, () => [
               vue.createTextVNode(vue.toDisplayString(__props.label), 1)
             ]),
-            __props.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1, " * ")) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_2$1)) : vue.createCommentVNode("", true),
-          __props.hint || _ctx.$slots.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
+            __props.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$3, " * ")) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_2$3)) : vue.createCommentVNode("", true),
+          __props.hint || _ctx.$slots.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$1, [
             vue.createVNode(vue.unref(UiPopperConnector), null, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(UiPopperTarget), {
@@ -271,7 +271,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
               _: 3
             })
           ])) : vue.createCommentVNode("", true),
-          _ctx.$slots.addon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          _ctx.$slots.addon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
             vue.renderSlot(_ctx.$slots, "addon")
           ])) : vue.createCommentVNode("", true)
         ]),
@@ -389,11 +389,565 @@ const UiNumberStepper = remote.defineRemoteComponent(
     "violation"
   ]
 );
+const events$1 = [
+  "blur",
+  "change",
+  "focus",
+  "keydown",
+  "update:value"
+];
+const UiPageHeaderTitleType = "UiPageHeaderTitle";
+const UiPageHeaderTitle = remote.defineRemoteComponent(UiPageHeaderTitleType, {
+  emits: events$1,
+  methods: {
+    focus: remote.defineRemoteMethod(),
+    blur: remote.defineRemoteMethod()
+  }
+});
+const _hoisted_1$5 = { class: "ui-v1-page-header__main" };
+const _hoisted_2$2 = {
+  key: 0,
+  class: "ui-v1-page-header__addon"
+};
+const _hoisted_3$2 = {
+  key: 0,
+  class: "ui-v1-page-header__actions"
+};
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiPageHeader",
+  props: {
+    /** Уникальный идентификатор корневого элемента */
+    id: {
+      type: null,
+      default: void 0
+    },
+    /** Текст заголовка */
+    value: {
+      type: null,
+      default: ""
+    },
+    /** Плейсхолдер, отображаемый при отсутствии текста */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /** Текст ошибки для tooltip при пустом невалидном заголовке */
+    error: {
+      type: String,
+      default: ""
+    },
+    /** Разрешает перейти в режим редактирования по клику */
+    editable: {
+      type: Boolean,
+      default: false
+    },
+    /** Автоматически переводит фокус во встроенный UiTextbox при входе в режим редактирования */
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
+    /** Автоматически выделяет текст заголовка при фокусе на встроенном поле */
+    autoselect: {
+      type: Boolean,
+      default: true
+    },
+    /** Делает встроенное поле только для чтения */
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    /** Полностью отключает заголовок */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /** Помечает встроенное поле как невалидное */
+    invalid: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["blur", "change", "focus", "keydown", "update:value"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const header = vue.useTemplateRef("header");
+    const valueState = vue.ref(props.value === null ? "" : String(props.value));
+    const displayInvalid = vue.computed(() => props.invalid && valueState.value === "");
+    vue.watch(() => props.value, (nextValue) => {
+      valueState.value = nextValue === null ? "" : String(nextValue);
+    });
+    const onUpdateValue = (value) => {
+      valueState.value = String(value);
+      emit("update:value", value);
+    };
+    __expose({
+      focus: () => header.value?.focus(),
+      blur: () => header.value?.blur()
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: {
+          "ui-v1-page-header": true,
+          "ui-v1-page-header_disabled": __props.disabled,
+          "ui-v1-page-header_invalid": displayInvalid.value,
+          "ui-v1-page-header_readonly": __props.readonly
+        }
+      }, _ctx.$attrs), [
+        vue.createElementVNode("div", _hoisted_1$5, [
+          vue.createVNode(vue.unref(UiPopperConnector), null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(UiPopperTarget), {
+                tag: "div",
+                class: "ui-v1-page-header__title"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(UiPageHeaderTitle), {
+                    id: __props.id,
+                    ref_key: "header",
+                    ref: header,
+                    value: valueState.value,
+                    placeholder: __props.placeholder,
+                    error: __props.error,
+                    invalid: __props.invalid,
+                    editable: __props.editable,
+                    autofocus: __props.autofocus,
+                    autoselect: __props.autoselect,
+                    readonly: __props.readonly,
+                    disabled: __props.disabled,
+                    onBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("blur", $event)),
+                    onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("change", $event)),
+                    onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("focus", $event)),
+                    onKeydown: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keydown", $event)),
+                    "onUpdate:value": onUpdateValue
+                  }, null, 8, ["id", "value", "placeholder", "error", "invalid", "editable", "autofocus", "autoselect", "readonly", "disabled"])
+                ]),
+                _: 1
+              }),
+              displayInvalid.value && __props.error ? (vue.openBlock(), vue.createBlock(vue.unref(UiTooltip), {
+                key: 0,
+                "target-triggers": {
+                  hide: [""]
+                },
+                "offset-main-axis": 8,
+                visible: "",
+                placement: "right"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(__props.error), 1)
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          _ctx.$slots.addon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
+            vue.renderSlot(_ctx.$slots, "addon")
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
+          vue.renderSlot(_ctx.$slots, "actions")
+        ])) : vue.createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
 const UiRadioType = "UiRadio";
 const UiRadio = remote.defineRemoteComponent(
   UiRadioType,
   ["click", "focus", "blur"]
 );
+const _hoisted_1$4 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$1(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
+    vue.createElementVNode("path", {
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      d: "M2 12C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12m8.73 3.35 5.62-5.62a.5.5 0 0 0 0-.69l-.53-.53a.5.5 0 0 0-.7 0l-4.74 4.74-1.5-1.49a.48.48 0 0 0-.7 0l-.53.53a.5.5 0 0 0 0 .71l2.38 2.35a.48.48 0 0 0 .7 0",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ])]);
+}
+const IconCheckmarkCircle = { render: render$1 };
+var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
+  APPEARANCE2["DEFAULT"] = "default";
+  APPEARANCE2["SECTION"] = "section";
+  return APPEARANCE2;
+})(APPEARANCE$1 || {});
+var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["SM"] = "sm";
+  SIZE2["MD"] = "md";
+  SIZE2["LG"] = "lg";
+  return SIZE2;
+})(SIZE$3 || {});
+const AppearanceKey = Symbol("UiRadioSwitchAppearance");
+const SizeKey$1 = Symbol("UiRadioSwitchSize");
+const RegistryKey$1 = Symbol("UiRadioSwitchRegistry");
+const UpdateKey = Symbol("UiRadioSwitchUpdate");
+const FocusableIdKey$1 = Symbol("UiRadioSwitchFocusableId");
+const SetFocusableIdKey$1 = Symbol("UiRadioSwitchSetFocusableId");
+const MoveFocusKey$1 = Symbol("UiRadioSwitchMoveFocus");
+const useAppearance = () => vue.inject(AppearanceKey, vue.computed(() => APPEARANCE$1.DEFAULT));
+const useSize$1 = () => vue.inject(SizeKey$1, vue.computed(() => SIZE$3.MD));
+const useRegistry$1 = () => vue.inject(RegistryKey$1, {
+  register: () => {
+  },
+  unregister: () => {
+  }
+});
+const useUpdate = () => vue.inject(UpdateKey, () => {
+});
+const useFocusableId$1 = () => vue.inject(FocusableIdKey$1, vue.computed(() => null));
+const useSetFocusableId$1 = () => vue.inject(SetFocusableIdKey$1, () => {
+});
+const useMoveFocus$1 = () => vue.inject(MoveFocusKey$1, () => {
+});
+const UiRadioSwitchRootType = "UiRadioSwitchRoot";
+const UiRadioSwitchRoot = remote.defineRemoteComponent(UiRadioSwitchRootType);
+const UiRadioSwitchOptionShellType = "UiRadioSwitchOptionShell";
+const UiRadioSwitchOptionShell = remote.defineRemoteComponent(UiRadioSwitchOptionShellType, {
+  emits: [
+    "click",
+    "focus",
+    "blur",
+    "keydown"
+  ],
+  methods: {
+    focus: remote.defineRemoteMethod(),
+    blur: remote.defineRemoteMethod()
+  }
+});
+const _hoisted_1$3 = { class: "ui-v1-radio-switch-option__head" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "ui-v1-radio-switch-option__icon"
+};
+const _hoisted_3$1 = {
+  key: 1,
+  class: "ui-v1-radio-switch-option__label"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "ui-v1-radio-switch-option__description"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "ui-v1-radio-switch-option__done"
+};
+let counter$2 = 0;
+const __default__$1 = {};
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  ...__default__$1,
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiRadioSwitchOption",
+  props: {
+    /** Идентификатор */
+    id: {
+      type: String,
+      default: () => "ui-v1-radio-switch-option-" + ++counter$2
+    },
+    /** Заголовок */
+    label: {
+      type: String,
+      default: ""
+    },
+    /** Значение опции */
+    value: {
+      type: null,
+      required: true
+    },
+    /** Используется только c appearance=section */
+    description: {
+      type: String,
+      default: ""
+    },
+    /** Индикатор, заблокирована опция или нет */
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const appearance = useAppearance();
+    const focusableId = useFocusableId$1();
+    const moveFocus = useMoveFocus$1();
+    const shell = vue.useTemplateRef("shell");
+    const size = useSize$1();
+    const registry = useRegistry$1();
+    const setFocusableId = useSetFocusableId$1();
+    const update = useUpdate();
+    const checked = vue.ref(false);
+    const tabIndex = vue.computed(() => {
+      return !props.disabled && focusableId.value === props.id ? 0 : -1;
+    });
+    const onClick = () => {
+      if (!props.disabled) {
+        setFocusableId(props.id);
+        update(props.value);
+      }
+    };
+    const onFocus = () => {
+      if (!props.disabled) {
+        setFocusableId(props.id);
+      }
+    };
+    const onKeyDown = (event) => {
+      if (props.disabled) {
+        return;
+      }
+      switch (event.key) {
+        case " ":
+        case "Enter":
+          setFocusableId(props.id);
+          update(props.value);
+          return;
+        case "ArrowDown":
+        case "ArrowRight":
+          void moveFocus(props.id, "next");
+          return;
+        case "ArrowUp":
+        case "ArrowLeft":
+          void moveFocus(props.id, "prev");
+          return;
+        case "Home":
+          void moveFocus(props.id, "first");
+          return;
+        case "End":
+          void moveFocus(props.id, "last");
+          return;
+      }
+    };
+    vue.onBeforeMount(() => {
+      registry.register(props.id, {
+        getValue: () => props.value,
+        checked,
+        disabled: () => props.disabled,
+        focus: () => shell.value?.focus()
+      });
+    });
+    vue.onBeforeUnmount(() => {
+      registry.unregister(props.id);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(UiRadioSwitchOptionShell), vue.mergeProps({
+        id: __props.id,
+        ref_key: "shell",
+        ref: shell,
+        appearance: vue.unref(appearance),
+        size: vue.unref(size),
+        checked: checked.value,
+        disabled: __props.disabled,
+        tabindex: tabIndex.value
+      }, _ctx.$attrs, {
+        onClick,
+        onFocus,
+        onKeydown: [
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["space"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["enter"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["left"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["right"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["up"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["down"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["home"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["end"])
+        ]
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createElementVNode("div", _hoisted_1$3, [
+              _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, [
+                vue.renderSlot(_ctx.$slots, "icon")
+              ])) : vue.createCommentVNode("", true),
+              _ctx.$slots.label || __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+                vue.renderSlot(_ctx.$slots, "label", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+                ])
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            vue.unref(appearance) === vue.unref(APPEARANCE$1).SECTION ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              _ctx.$slots.description || __props.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(__props.description), 1)
+                ])
+              ])) : vue.createCommentVNode("", true),
+              checked.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                vue.renderSlot(_ctx.$slots, "checkmark", {}, () => [
+                  vue.createVNode(vue.unref(IconCheckmarkCircle))
+                ])
+              ])) : vue.createCommentVNode("", true)
+            ], 64)) : vue.createCommentVNode("", true)
+          ])
+        ]),
+        _: 3
+      }, 16, ["id", "appearance", "size", "checked", "disabled", "tabindex", "onKeydown"]);
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiRadioSwitch",
+  props: {
+    /** Выбранное значение */
+    value: {
+      type: null,
+      default: null
+    },
+    /** Список опций */
+    options: {
+      type: Array,
+      default: () => []
+    },
+    /** Предикат равенства */
+    equalFn: {
+      type: Function,
+      default: (a, b) => a === b
+    },
+    /** Внешний вид */
+    appearance: {
+      type: String,
+      default: APPEARANCE$1.DEFAULT,
+      validator: (appearance) => Object.values(APPEARANCE$1).includes(appearance)
+    },
+    /** Размер */
+    size: {
+      type: String,
+      default: SIZE$3.MD,
+      validator: (size) => Object.values(SIZE$3).includes(size)
+    },
+    /** Растягивание контейнера в зависимости от контента */
+    rubber: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["change", "update:value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const registry = /* @__PURE__ */ new Map();
+    const focusableId = vue.ref(null);
+    const getEnabledEntries = () => {
+      return Array.from(registry.entries()).filter(([, option]) => !option.disabled());
+    };
+    const syncFocusableId = (preferredId) => {
+      const enabledEntries = getEnabledEntries();
+      const enabledIds = new Set(enabledEntries.map(([id]) => id));
+      const selectedEntry = enabledEntries.find(([, option]) => option.checked.value);
+      if (preferredId && enabledIds.has(preferredId)) {
+        focusableId.value = preferredId;
+        return;
+      }
+      if (focusableId.value && enabledIds.has(focusableId.value)) {
+        return;
+      }
+      focusableId.value = selectedEntry?.[0] ?? enabledEntries[0]?.[0] ?? null;
+    };
+    vue.provide(AppearanceKey, vue.computed(() => props.appearance));
+    vue.provide(FocusableIdKey$1, vue.computed(() => focusableId.value));
+    vue.provide(SizeKey$1, vue.computed(() => props.size));
+    vue.provide(SetFocusableIdKey$1, (id) => {
+      syncFocusableId(id);
+    });
+    vue.provide(RegistryKey$1, {
+      register: (id, option) => {
+        if (registry.has(id)) {
+          return;
+        }
+        option.checked.value = props.equalFn(option.getValue(), props.value);
+        registry.set(id, option);
+        syncFocusableId(option.checked.value ? id : focusableId.value);
+      },
+      unregister: (id) => {
+        registry.delete(id);
+        if (focusableId.value === id) {
+          syncFocusableId();
+        }
+      }
+    });
+    vue.provide(UpdateKey, (newValue) => {
+      emit("change", newValue);
+      emit("update:value", newValue);
+    });
+    vue.provide(MoveFocusKey$1, async (id, direction) => {
+      const enabledEntries = getEnabledEntries();
+      if (!enabledEntries.length) {
+        focusableId.value = null;
+        return;
+      }
+      let targetEntry = enabledEntries[0];
+      if (direction === "first") {
+        targetEntry = enabledEntries[0];
+      } else if (direction === "last") {
+        targetEntry = enabledEntries.at(-1) ?? enabledEntries[0];
+      } else {
+        const currentIndex = enabledEntries.findIndex(([entryId]) => entryId === id);
+        const fallbackIndex = focusableId.value ? enabledEntries.findIndex(([entryId]) => entryId === focusableId.value) : -1;
+        const baseIndex = currentIndex === -1 ? Math.max(fallbackIndex, 0) : currentIndex;
+        const offset = direction === "next" ? 1 : -1;
+        const nextIndex = (baseIndex + offset + enabledEntries.length) % enabledEntries.length;
+        targetEntry = enabledEntries[nextIndex] ?? enabledEntries[0];
+      }
+      if (!targetEntry) {
+        return;
+      }
+      const [targetId, target] = targetEntry;
+      focusableId.value = targetId;
+      emit("change", target.getValue());
+      emit("update:value", target.getValue());
+      await target.focus();
+    });
+    vue.watch([() => props.value, () => props.equalFn], ([newValue]) => {
+      let selectedId = null;
+      Array.from(registry.values()).forEach((option) => {
+        option.checked.value = props.equalFn(option.getValue(), newValue);
+      });
+      selectedId = Array.from(registry.entries()).find(([, option]) => {
+        return option.checked.value && !option.disabled();
+      })?.[0] ?? null;
+      syncFocusableId(selectedId);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(UiRadioSwitchRoot), vue.mergeProps({
+        appearance: __props.appearance,
+        size: __props.size,
+        rubber: __props.rubber
+      }, _ctx.$attrs), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
+              return vue.openBlock(), vue.createBlock(_sfc_main$9, {
+                key: `${option.label}-${index}`,
+                label: option.label,
+                value: option.value,
+                disabled: option.disabled
+              }, vue.createSlots({ _: 2 }, [
+                _ctx.$slots.icon ? {
+                  name: "icon",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "icon", { option })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["label", "value", "disabled"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 16, ["appearance", "size", "rubber"]);
+    };
+  }
+});
 const UiScrollBoxType = "UiScrollBox";
 const UiScrollBox = remote.defineRemoteComponent(
   UiScrollBoxType,
@@ -415,6 +969,30 @@ const UiSwitch = remote.defineRemoteComponent(
   UiSwitchType,
   ["click", "focus", "blur"]
 );
+const UiTabGroupType = "UiTabGroup";
+const UiTabType = "UiTab";
+const UiTab = remote.defineRemoteComponent(
+  UiTabType,
+  [],
+  [
+    "default",
+    "icon",
+    "label",
+    "counter",
+    "content"
+  ]
+);
+const UiTabGroup = remote.defineRemoteComponent(
+  UiTabGroupType,
+  [
+    "layout",
+    "change",
+    "update:activeId",
+    "update:focusableId",
+    "update:menuExpanded"
+  ],
+  ["default"]
+);
 var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["LEFT"] = "left";
   ALIGN2["CENTER"] = "center";
@@ -437,7 +1015,7 @@ const byRowKey = (key) => {
 };
 const asRowClass = (value) => value;
 const asRowAttrs = (value) => value;
-const _sfc_main$5 = vue.defineComponent({
+const _sfc_main$7 = vue.defineComponent({
   name: "UiTableColumn",
   props: {
     label: {
@@ -517,7 +1095,7 @@ const isNamedComponent = (node, name) => {
   return "name" in node.type && node.type.name === name;
 };
 const isTableColumnVNode = (node) => {
-  return node.type === _sfc_main$5 || isNamedComponent(node, "UiTableColumn");
+  return node.type === _sfc_main$7 || isNamedComponent(node, "UiTableColumn");
 };
 const isWhitespaceText = (value) => value.trim().length === 0;
 const normalizeNodes = (children) => {
@@ -722,7 +1300,7 @@ const withoutClass = (attrs) => {
   delete next.class;
   return next;
 };
-const _sfc_main$4 = vue.defineComponent({
+const _sfc_main$6 = vue.defineComponent({
   name: "UiTable",
   inheritAttrs: false,
   props: {
@@ -991,14 +1569,14 @@ const UiTag = remote.defineRemoteComponent(
   UiTagType,
   ["click", "focus", "blur", "remove"]
 );
-var SIZE$1 = /* @__PURE__ */ ((SIZE2) => {
+var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   SIZE2["XL"] = "xl";
   return SIZE2;
-})(SIZE$1 || {});
+})(SIZE$2 || {});
 const events = [
   "input",
   "keydown",
@@ -1038,6 +1616,371 @@ const UiTimePicker = remote.defineRemoteComponent(UiTimePickerType, {
     focus: remote.defineRemoteMethod()
   }
 });
+const UiToggleButtonType = "UiToggleButton";
+const UiToggleButton = remote.defineRemoteComponent(
+  UiToggleButtonType,
+  {
+    emits: [
+      "click",
+      "focus",
+      "blur",
+      "keydown"
+    ],
+    methods: {
+      focus: remote.defineRemoteMethod(),
+      blur: remote.defineRemoteMethod(),
+      click: remote.defineRemoteMethod()
+    }
+  }
+);
+var UiToggleButtonSize = /* @__PURE__ */ ((UiToggleButtonSize2) => {
+  UiToggleButtonSize2["LG"] = "lg";
+  UiToggleButtonSize2["MD"] = "md";
+  UiToggleButtonSize2["SM"] = "sm";
+  UiToggleButtonSize2["XS"] = "xs";
+  return UiToggleButtonSize2;
+})(UiToggleButtonSize || {});
+const FocusableIdKey = Symbol("UiToggleGroupFocusableId");
+const MoveFocusKey = Symbol("UiToggleGroupMoveFocus");
+const RegistryKey = Symbol("UiToggleGroupRegistry");
+const SetFocusableIdKey = Symbol("UiToggleGroupSetFocusableId");
+const SizeKey = Symbol("UiToggleGroupSize");
+const DisabledKey = Symbol("UiToggleGroupDisabled");
+const ToggleKey$1 = Symbol("UiToggleGroupToggle");
+const useFocusableId = () => vue.inject(FocusableIdKey, vue.computed(() => null));
+const useMoveFocus = () => vue.inject(MoveFocusKey, () => {
+});
+const useRegistry = () => vue.inject(RegistryKey, {
+  register: () => {
+  },
+  unregister: () => {
+  }
+});
+const useSetFocusableId = () => vue.inject(SetFocusableIdKey, () => {
+});
+const useSize = () => vue.inject(SizeKey, vue.computed(() => UiToggleButtonSize.SM));
+const useDisabled = () => vue.inject(DisabledKey, vue.computed(() => false));
+const useToggle = () => vue.inject(ToggleKey$1, () => {
+});
+let counter$1 = 0;
+const __default__ = {};
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiToggleGroupOption",
+  props: {
+    id: {
+      type: String,
+      default: () => "ui-v1-toggle-group-option-" + ++counter$1
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: null,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const button = vue.useTemplateRef("button");
+    const groupDisabled = useDisabled();
+    const focusableId = useFocusableId();
+    const moveFocus = useMoveFocus();
+    const registry = useRegistry();
+    const setFocusableId = useSetFocusableId();
+    const size = useSize();
+    const toggle = useToggle();
+    const focused = vue.ref(false);
+    const disabled = vue.computed(() => groupDisabled.value || props.disabled);
+    const pressed = vue.ref(false);
+    const tabIndex = vue.computed(() => {
+      return !disabled.value && focusableId.value === props.id ? 0 : -1;
+    });
+    const onClick = () => {
+      if (disabled.value) {
+        return;
+      }
+      setFocusableId(props.id);
+      toggle(props.value);
+    };
+    const onFocus = () => {
+      if (!disabled.value) {
+        focused.value = true;
+        setFocusableId(props.id);
+      }
+    };
+    const onBlur = () => {
+      focused.value = false;
+    };
+    const onKeyDown = (event) => {
+      if (disabled.value) {
+        return;
+      }
+      switch (event.key) {
+        case " ":
+        case "Enter":
+          setFocusableId(props.id);
+          toggle(props.value);
+          return;
+        case "ArrowDown":
+        case "ArrowRight":
+          void moveFocus(props.id, "next");
+          return;
+        case "ArrowUp":
+        case "ArrowLeft":
+          void moveFocus(props.id, "prev");
+          return;
+        case "Home":
+          void moveFocus(props.id, "first");
+          return;
+        case "End":
+          void moveFocus(props.id, "last");
+          return;
+      }
+    };
+    vue.onBeforeMount(() => {
+      registry.register(props.id, {
+        getValue: () => props.value,
+        pressed,
+        disabled: () => disabled.value,
+        focus: () => button.value?.focus()
+      });
+    });
+    vue.onBeforeUnmount(() => {
+      registry.unregister(props.id);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(UiToggleButton), vue.mergeProps({
+        id: __props.id,
+        ref_key: "button",
+        ref: button,
+        size: vue.unref(size),
+        pressed: pressed.value,
+        disabled: disabled.value,
+        focused: focused.value,
+        grouped: true,
+        tabindex: tabIndex.value,
+        role: "checkbox",
+        "aria-checked": `${pressed.value}`,
+        "aria-disabled": `${disabled.value}`
+      }, _ctx.$attrs, {
+        onClick,
+        onFocus,
+        onBlur,
+        onKeydown: [
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["space"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["enter"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["left"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["right"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["up"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["down"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["home"]),
+          remote.withKeys(remote.withModifiers(onKeyDown, ["prevent"]), ["end"])
+        ]
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }) : vue.createCommentVNode("", true),
+            _ctx.$slots.label || __props.label ? vue.renderSlot(_ctx.$slots, "label", { key: 1 }, () => [
+              vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+            ]) : vue.createCommentVNode("", true)
+          ])
+        ]),
+        _: 3
+      }, 16, ["id", "size", "pressed", "disabled", "focused", "tabindex", "aria-checked", "aria-disabled", "onKeydown"]);
+    };
+  }
+});
+const UiToggleGroupRootType = "UiToggleGroupRoot";
+const UiToggleGroupRoot = remote.defineRemoteComponent(UiToggleGroupRootType);
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "UiToggleGroup",
+  props: {
+    model: {
+      type: Array,
+      default: () => []
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    equalFn: {
+      type: Function,
+      default: (a, b) => a === b
+    },
+    size: {
+      type: String,
+      default: UiToggleButtonSize.SM,
+      validator: (size) => {
+        return Object.values(UiToggleButtonSize).includes(size);
+      }
+    },
+    rubber: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    ariaLabel: {
+      type: String,
+      default: void 0
+    },
+    ariaLabelledby: {
+      type: String,
+      default: void 0
+    },
+    ariaDescribedby: {
+      type: String,
+      default: void 0
+    },
+    ariaOrientation: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  emits: ["change", "update:model"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const registry = /* @__PURE__ */ new Map();
+    const focusableId = vue.ref(null);
+    const isPressed = (value) => {
+      return props.model.some((entry) => props.equalFn(entry, value));
+    };
+    const getEnabledEntries = () => {
+      return Array.from(registry.entries()).filter(([, option]) => !option.disabled());
+    };
+    const syncFocusableId = (preferredId) => {
+      const enabledEntries = getEnabledEntries();
+      const enabledIds = new Set(enabledEntries.map(([id]) => id));
+      const pressedEntry = enabledEntries.find(([, option]) => option.pressed.value);
+      if (preferredId && enabledIds.has(preferredId)) {
+        focusableId.value = preferredId;
+        return;
+      }
+      if (focusableId.value && enabledIds.has(focusableId.value)) {
+        return;
+      }
+      focusableId.value = pressedEntry?.[0] ?? enabledEntries[0]?.[0] ?? null;
+    };
+    const updatePressedStates = () => {
+      Array.from(registry.values()).forEach((option) => {
+        option.pressed.value = isPressed(option.getValue());
+      });
+    };
+    vue.provide(FocusableIdKey, vue.computed(() => focusableId.value));
+    vue.provide(DisabledKey, vue.computed(() => props.disabled));
+    vue.provide(SizeKey, vue.computed(() => props.size));
+    vue.provide(SetFocusableIdKey, (id) => {
+      syncFocusableId(id);
+    });
+    vue.provide(RegistryKey, {
+      register: (id, option) => {
+        if (registry.has(id)) {
+          return;
+        }
+        option.pressed.value = isPressed(option.getValue());
+        registry.set(id, option);
+        syncFocusableId(option.pressed.value ? id : focusableId.value);
+      },
+      unregister: (id) => {
+        registry.delete(id);
+        if (focusableId.value === id) {
+          syncFocusableId();
+        }
+      }
+    });
+    vue.provide(ToggleKey$1, (value) => {
+      if (props.disabled) {
+        return;
+      }
+      const nextModel = isPressed(value) ? props.model.filter((entry) => !props.equalFn(entry, value)) : [...props.model, value];
+      emit("change", nextModel);
+      emit("update:model", nextModel);
+    });
+    vue.provide(MoveFocusKey, async (id, direction) => {
+      const enabledEntries = getEnabledEntries();
+      if (!enabledEntries.length) {
+        focusableId.value = null;
+        return;
+      }
+      let targetEntry = enabledEntries[0];
+      if (direction === "first") {
+        targetEntry = enabledEntries[0];
+      } else if (direction === "last") {
+        targetEntry = enabledEntries.at(-1) ?? enabledEntries[0];
+      } else {
+        const currentIndex = enabledEntries.findIndex(([entryId]) => entryId === id);
+        const fallbackIndex = focusableId.value ? enabledEntries.findIndex(([entryId]) => entryId === focusableId.value) : -1;
+        const baseIndex = currentIndex === -1 ? Math.max(fallbackIndex, 0) : currentIndex;
+        const offset = direction === "next" ? 1 : -1;
+        const nextIndex = (baseIndex + offset + enabledEntries.length) % enabledEntries.length;
+        targetEntry = enabledEntries[nextIndex] ?? enabledEntries[0];
+      }
+      if (!targetEntry) {
+        return;
+      }
+      const [targetId, target] = targetEntry;
+      focusableId.value = targetId;
+      await target.focus();
+    });
+    vue.watch([() => props.model, () => props.equalFn], () => {
+      updatePressedStates();
+      syncFocusableId();
+    }, {
+      deep: true
+    });
+    vue.watch(() => props.disabled, () => {
+      syncFocusableId();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(UiToggleGroupRoot), vue.mergeProps({
+        size: __props.size,
+        rubber: __props.rubber,
+        disabled: __props.disabled,
+        "aria-label": props.ariaLabel,
+        "aria-labelledby": props.ariaLabelledby,
+        "aria-describedby": props.ariaDescribedby,
+        "aria-orientation": props.ariaOrientation
+      }, _ctx.$attrs), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
+              return vue.openBlock(), vue.createBlock(_sfc_main$5, {
+                key: `${option.label}-${index}`,
+                label: option.label,
+                value: option.value,
+                disabled: option.disabled
+              }, vue.createSlots({ _: 2 }, [
+                _ctx.$slots.icon ? {
+                  name: "icon",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "icon", { option })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["label", "value", "disabled"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 16, ["size", "rubber", "disabled", "aria-label", "aria-labelledby", "aria-describedby", "aria-orientation"]);
+    };
+  }
+});
 const UiToolbarButtonType = "UiToolbarButton";
 const UiToolbarButton = remote.defineRemoteComponent(
   UiToolbarButtonType,
@@ -1323,7 +2266,7 @@ const UiSelectOptionType = "UiSelectOption";
 remote.defineRemoteComponent(
   UiSelectOptionType
 );
-const _hoisted_1$3 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "ui-v1-select__no-results-text"
 };
@@ -1419,8 +2362,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     /** Размер поля ввода */
     textboxSize: {
       type: String,
-      validator: (size) => Object.values(SIZE$1).includes(size),
-      default: SIZE$1.SM
+      validator: (size) => Object.values(SIZE$2).includes(size),
+      default: SIZE$2.SM
     },
     /** Наличие множественного выбора среди элементов выпадающего списка */
     multiple: {
@@ -1716,7 +2659,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             onHide: close
           }, {
             default: vue.withCtx(() => [
-              __props.filterable && optionsRegistry.value.every((o) => !o.isMatched()) && noResult.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, vue.toDisplayString(noResult.value), 1)) : vue.createCommentVNode("", true),
+              __props.filterable && optionsRegistry.value.every((o) => !o.isMatched()) && noResult.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, vue.toDisplayString(noResult.value), 1)) : vue.createCommentVNode("", true),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
@@ -1727,21 +2670,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$2 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-};
-function render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
-    vue.createElementVNode("path", {
-      fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16m1-9h2.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H13v2.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V13H8.5a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H11V8.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
-}
-const IconAddCircleOutlined = { render: render$1 };
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
@@ -1751,19 +2679,19 @@ function render(_ctx, _cache) {
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
-      d: "M2 12C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12m8.73 3.35 5.62-5.62a.5.5 0 0 0 0-.69l-.53-.53a.5.5 0 0 0-.7 0l-4.74 4.74-1.5-1.49a.48.48 0 0 0-.7 0l-.53.53a.5.5 0 0 0 0 .71l2.38 2.35a.48.48 0 0 0 .7 0",
+      d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16m1-9h2.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H13v2.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V13H8.5a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5H11V8.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z",
       "clip-rule": "evenodd"
     }, null, -1)
   ])]);
 }
-const IconCheckmarkCircle = { render };
-var SIZE = /* @__PURE__ */ ((SIZE2) => {
+const IconAddCircleOutlined = { render };
+var SIZE$1 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["XS"] = "xs";
   SIZE2["SM"] = "sm";
   SIZE2["MD"] = "md";
   SIZE2["LG"] = "lg";
   return SIZE2;
-})(SIZE || {});
+})(SIZE$1 || {});
 const _hoisted_1 = ["id", "aria-selected", "aria-current"];
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = ["innerHTML"];
@@ -1798,8 +2726,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     /** Размер шрифта, иконок и внутренних отступов компонента */
     size: {
       type: String,
-      validator: (size) => Object.values(SIZE).includes(size),
-      default: SIZE.MD
+      validator: (size) => Object.values(SIZE$1).includes(size),
+      default: SIZE$1.MD
     },
     /** Счетчик количества */
     counter: {
@@ -2100,13 +3028,19 @@ const createEndpointRoot = async (channel) => {
     "UiModalWindow",
     "UiModalWindowSurface",
     "UiNumberStepper",
+    "UiPageHeader",
+    "UiPageHeaderTitle",
     "UiPopper",
     "UiPopperConnector",
     "UiPopperTarget",
     "UiRadio",
+    "UiRadioSwitchOptionShell",
+    "UiRadioSwitchRoot",
     "UiScrollBox",
     "UiSlider",
     "UiSwitch",
+    "UiTab",
+    "UiTabGroup",
     "UiSelectPopper",
     "UiSelectTrigger",
     "UiTableBodyCell",
@@ -2121,6 +3055,8 @@ const createEndpointRoot = async (channel) => {
     "UiTag",
     "UiTextbox",
     "UiTimePicker",
+    "UiToggleButton",
+    "UiToggleGroupRoot",
     "UiToolbarButton",
     "UiToolbarLink",
     "UiTooltip",
@@ -2144,6 +3080,17 @@ const usePreview = (workers = vue.ref([])) => {
     preview: (url, resize = void 0, crop = void 0) => imagePreview.preview(_workers.value, url, resize, crop)
   };
 };
+var SIZE = /* @__PURE__ */ ((SIZE2) => {
+  SIZE2["SM"] = "sm";
+  SIZE2["MD"] = "md";
+  SIZE2["LG"] = "lg";
+  return SIZE2;
+})(SIZE || {});
+var APPEARANCE = /* @__PURE__ */ ((APPEARANCE2) => {
+  APPEARANCE2["TEXT"] = "text";
+  APPEARANCE2["FILLED"] = "filled";
+  return APPEARANCE2;
+})(APPEARANCE || {});
 const formatDateLat = (date) => dateFns.format(date, "dd/MM/yyyy", { locale: locale.enGB });
 const formatDateEs = (date) => dateFns.format(date, "dd.MM.yyyy", { locale: locale.es });
 const formatDateRu = (date) => dateFns.format(date, "dd.MM.yyyy", { locale: locale.ru });
@@ -2183,6 +3130,10 @@ function detectLocale() {
 exports.ALIGN = ALIGN;
 exports.DIRECTION = DIRECTION;
 exports.ImageWorkersKey = ImageWorkersKey;
+exports.RADIO_SWITCH_APPEARANCE = APPEARANCE$1;
+exports.RADIO_SWITCH_SIZE = SIZE$3;
+exports.TAB_APPEARANCE = APPEARANCE;
+exports.TAB_SIZE = SIZE;
 exports.UiAddButton = UiAddButton;
 exports.UiAddButtonType = UiAddButtonType;
 exports.UiAlert = UiAlert;
@@ -2211,7 +3162,7 @@ exports.UiDatePickerType = UiDatePickerType;
 exports.UiDateType = UiDateType;
 exports.UiError = UiError;
 exports.UiErrorType = UiErrorType;
-exports.UiField = _sfc_main$6;
+exports.UiField = _sfc_main$b;
 exports.UiInfobox = UiInfobox;
 exports.UiInfoboxType = UiInfoboxType;
 exports.UiLink = UiLink;
@@ -2230,6 +3181,7 @@ exports.UiModalWindowSurfaceType = UiModalWindowSurfaceType;
 exports.UiModalWindowType = UiModalWindowType;
 exports.UiNumberStepper = UiNumberStepper;
 exports.UiNumberStepperType = UiNumberStepperType;
+exports.UiPageHeader = _sfc_main$a;
 exports.UiPopper = UiPopper;
 exports.UiPopperConnector = UiPopperConnector;
 exports.UiPopperConnectorType = UiPopperConnectorType;
@@ -2237,6 +3189,8 @@ exports.UiPopperTarget = UiPopperTarget;
 exports.UiPopperTargetType = UiPopperTargetType;
 exports.UiPopperType = UiPopperType;
 exports.UiRadio = UiRadio;
+exports.UiRadioSwitch = _sfc_main$8;
+exports.UiRadioSwitchOption = _sfc_main$9;
 exports.UiRadioType = UiRadioType;
 exports.UiScrollBox = UiScrollBox;
 exports.UiScrollBoxType = UiScrollBoxType;
@@ -2247,9 +3201,13 @@ exports.UiSlider = UiSlider;
 exports.UiSliderType = UiSliderType;
 exports.UiSwitch = UiSwitch;
 exports.UiSwitchType = UiSwitchType;
-exports.UiTable = _sfc_main$4;
+exports.UiTab = UiTab;
+exports.UiTabGroup = UiTabGroup;
+exports.UiTabGroupType = UiTabGroupType;
+exports.UiTabType = UiTabType;
+exports.UiTable = _sfc_main$6;
 exports.UiTableBodyCell = UiTableBodyCell;
-exports.UiTableColumn = _sfc_main$5;
+exports.UiTableColumn = _sfc_main$7;
 exports.UiTableFooterButton = UiTableFooterButton;
 exports.UiTableFooterSection = UiTableFooterSection;
 exports.UiTableHeadCell = UiTableHeadCell;
@@ -2260,6 +3218,11 @@ exports.UiTextbox = UiTextbox;
 exports.UiTextboxType = UiTextboxType;
 exports.UiTimePicker = UiTimePicker;
 exports.UiTimePickerType = UiTimePickerType;
+exports.UiToggleButton = UiToggleButton;
+exports.UiToggleButtonSize = UiToggleButtonSize;
+exports.UiToggleButtonType = UiToggleButtonType;
+exports.UiToggleGroup = _sfc_main$4;
+exports.UiToggleGroupOption = _sfc_main$5;
 exports.UiToolbarButton = UiToolbarButton;
 exports.UiToolbarButtonType = UiToolbarButtonType;
 exports.UiToolbarLink = UiToolbarLink;