@retailcrm/embed-ui-v1-components 0.5.2 → 0.5.3

package/dist/host.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { Text, Comment, defineComponent, ref, h, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString, createElementVNode, mergeProps, createVNode, createCommentVNode, createBlock, Transition, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps, normalizeStyle, reactive, inject, computed, watch, onMounted, onActivated, onDeactivated, onBeforeUnmount, useAttrs, useSlots, Teleport, withDirectives, vShow, toHandlers, withModifiers, provide, createSlots } from "vue";
+import { Text, Comment, defineComponent, ref, h, openBlock, createElementBlock, createElementVNode, computed, mergeProps, unref, createBlock, createCommentVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, createVNode, Transition, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps, normalizeStyle, reactive, inject, watch, onMounted, onActivated, onDeactivated, onBeforeUnmount, useAttrs, useSlots, Teleport, withDirectives, vShow, toHandlers, withModifiers, provide, createSlots } from "vue";
 const isURL = (href) => {
   try {
     new URL(href);
@@ -58,7 +58,7 @@ var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT || {});
-const _sfc_main$d = defineComponent({
+const _sfc_main$f = defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -154,12 +154,178 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
+const _hoisted_1$a = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      d: "M19.793 6.965a.77.77 0 0 1-.022 1.075l-9.815 9.607a1.224 1.224 0 0 1-1.714.006l-4.01-3.878a.77.77 0 0 1-.028-1.074l.684-.736a.735.735 0 0 1 1.053-.028l3.15 3.046 8.96-8.771a.735.735 0 0 1 1.054.022z",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ]));
+}
+const IconDone = { render: render$4 };
+const expect = (value) => ({
+  toBeOneOf(variants) {
+    return Object.values(variants).includes(value);
+  }
+});
+const pick = (attrs, criteria) => {
+  return Object.keys(attrs).filter(criteria).reduce((picked, key) => ({
+    ...picked,
+    [key]: attrs[key]
+  }), {});
+};
+const without = (obj, exclude) => {
+  const newObj = {};
+  Object.entries(obj).forEach(([key, value]) => {
+    if (!exclude.includes(key)) {
+      newObj[key] = value;
+    }
+  });
+  return newObj;
+};
+const _hoisted_1$9 = ["id", "value", "name", "disabled", "checked"];
+const _hoisted_2$3 = { class: "ui-v1-checkbox__checkmark" };
+let counter$2 = 0;
+const __default__$1 = {};
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  __name: "UiCheckbox",
+  props: {
+    id: {
+      type: null,
+      validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
+      default: void 0
+    },
+    /** Атрибут name нативного поля ввода */
+    name: {
+      type: String,
+      default: () => "ui-v1-checkbox-" + ++counter$2
+    },
+    /** Значение модели используемое с директивой v-model */
+    model: {
+      type: null,
+      default: void 0
+    },
+    /** Значение, добавляемое или удаляемое из модели в зависимости от флага checked, если модель является массивом */
+    value: {
+      type: null,
+      default: void 0
+    },
+    /** Задает значение, если флаг checked равен true, а модель не является массивом */
+    valueOfTruthy: {
+      type: null,
+      default: true
+    },
+    /** Задает значение, если флаг checked равен false, а модель не является массивом */
+    valueOfFalsy: {
+      type: null,
+      default: false
+    },
+    /** Задает "состояние" неопределенности для бокса, чье состояние "включенности" зависит от множества других боксов */
+    indeterminate: {
+      type: Boolean,
+      default: false
+    },
+    /** Задает стили для бокса уменьшенного размера */
+    small: {
+      type: Boolean,
+      default: false
+    },
+    /** Заблокированный */
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    /** Изменение значения модели */
+    "change",
+    /** Изменение значения модели. Для v-model */
+    "update:model"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const isArray = Array.isArray;
+    const props = __props;
+    const emit = __emit;
+    const checkbox = ref(null);
+    const click = () => {
+      var _a;
+      return (_a = checkbox.value) == null ? void 0 : _a.click();
+    };
+    const focus = () => {
+      var _a;
+      return (_a = checkbox.value) == null ? void 0 : _a.focus();
+    };
+    const blur = () => {
+      var _a;
+      return (_a = checkbox.value) == null ? void 0 : _a.blur();
+    };
+    __expose({
+      click,
+      focus,
+      blur
+    });
+    const contains = (array, value) => array.some((v) => v === value);
+    const checked = computed(() => {
+      return isArray(props.model) ? contains(props.model, props.value) : props.model === props.valueOfTruthy;
+    });
+    const calculate = (checked2) => {
+      if (isArray(props.model)) {
+        return checked2 ? contains(props.model, props.value) ? props.model : [...props.model, props.value] : [...props.model].filter((v) => v !== props.value);
+      }
+      return checked2 ? props.valueOfTruthy : props.valueOfFalsy;
+    };
+    const onChange = (event) => {
+      const checkbox2 = event.target;
+      const value = calculate(checkbox2.checked);
+      emit("change", value);
+      emit("update:model", value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        class: {
+          "ui-v1-checkbox": true,
+          "ui-v1-checkbox_small": __props.small,
+          "ui-v1-checkbox_checked": checked.value,
+          "ui-v1-checkbox_indeterminate": __props.indeterminate,
+          "ui-v1-checkbox_disabled": __props.disabled
+        }
+      }, unref(pick)(_ctx.$attrs, (key) => !key.startsWith("aria-") && !key.startsWith("on"))), [
+        createElementVNode("input", mergeProps({
+          id: __props.id,
+          ref_key: "checkbox",
+          ref: checkbox,
+          value: unref(isArray)(__props.model) ? __props.value : void 0,
+          name: __props.name,
+          disabled: __props.disabled,
+          checked: checked.value
+        }, unref(pick)(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
+          type: "checkbox",
+          class: "ui-v1-checkbox__input",
+          onChange
+        }), null, 16, _hoisted_1$9),
+        createElementVNode("span", _hoisted_2$3, [
+          checked.value && !__props.indeterminate ? (openBlock(), createBlock(unref(IconDone), {
+            key: 0,
+            class: "ui-v1-checkbox__checkmark-icon"
+          })) : createCommentVNode("", true)
+        ])
+      ], 16);
+    };
+  }
+});
 var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["LEFT"] = "left";
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
 })(ALIGN || {});
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -198,12 +364,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "m6.844 17.854-.7-.703a.5.5 0 0 1 0-.704l8.48-8.456-6.212.007a.49.49 0 0 1-.496-.5l.007-.991a.5.5 0 0 1 .496-.5L16.994 6c.196 0 .385.078.524.218l.265.267c.137.142.215.33.217.528l-.007 8.633a.5.5 0 0 1-.496.5h-.992a.48.48 0 0 1-.49-.493l.007-6.255-8.48 8.456a.49.49 0 0 1-.698 0"
@@ -229,7 +395,7 @@ var SIZE$3 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["TITLE02"] = "title-02";
   return SIZE2;
 })(SIZE$3 || {});
-const _hoisted_1$6 = ["href", "target"];
+const _hoisted_1$7 = ["href", "target"];
 const _hoisted_2$2 = {
   key: 0,
   class: "ui-v1-link__inner"
@@ -238,7 +404,7 @@ const _hoisted_3$2 = {
   key: 2,
   class: "ui-v1-link__icon"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -312,11 +478,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             createVNode(unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
           ])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$6);
+      ], 16, _hoisted_1$7);
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -344,7 +510,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -376,7 +542,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$a : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.transition ? _sfc_main$b : "div"), normalizeProps(guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -1528,7 +1694,7 @@ var PerfectScrollbar$1 = {
     );
   }
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -1632,12 +1798,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "M7.113 6.176a.6.6 0 0 1 .848 0L12 10.214l4.038-4.038a.6.6 0 0 1 .849 0l.937.937a.6.6 0 0 1 0 .848L13.785 12l4.04 4.04a.6.6 0 0 1 0 .848l-.937.937a.6.6 0 0 1-.849 0L12 13.784l-4.038 4.04a.6.6 0 0 1-.849 0l-.937-.937a.6.6 0 0 1 0-.848l4.04-4.04-4.039-4.038a.6.6 0 0 1 0-.849z"
@@ -1716,8 +1882,8 @@ class LayerRegistry {
   }
 }
 const layers = new LayerRegistry();
-let counter = 0;
-const uid = (prefix) => `${prefix}-${++counter}`;
+let counter$1 = 0;
+const uid = (prefix) => `${prefix}-${++counter$1}`;
 var CLOSE_METHOD = /* @__PURE__ */ ((CLOSE_METHOD2) => {
   CLOSE_METHOD2["CLICK_CROSS"] = "Cross";
   CLOSE_METHOD2["CLICK_OUTSIDE"] = "Outside";
@@ -1740,7 +1906,7 @@ var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   return SIZE2;
 })(SIZE$2 || {});
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "UiModalSidebar",
   props: {
     /** Атрибут id корневого элемента. Должен быть уникальным на странице */
@@ -1970,7 +2136,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         }))
       ]);
     };
-    const renderBody = () => props.scrolling === SCROLLING$1.NONE ? h("div", { class: "ui-v1-modal-sidebar__body-fixed" }, renderSlot2("default")) : h(_sfc_main$8, {
+    const renderBody = () => props.scrolling === SCROLLING$1.NONE ? h("div", { class: "ui-v1-modal-sidebar__body-fixed" }, renderSlot2("default")) : h(_sfc_main$9, {
       class: "ui-v1-modal-sidebar__body",
       native: props.scrolling === SCROLLING$1.NATIVE,
       showOnMac: true,
@@ -1983,7 +2149,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const direction = props.direction;
       const size = props.size;
       const setVisibility = (visibility2) => () => visibilityOfSidebar.value = visibility2;
-      return h(_sfc_main$a, {
+      return h(_sfc_main$b, {
         name: `slide-${direction}`,
         onBeforeEnter: setVisibility("showing"),
         onAfterEnter: setVisibility("shown"),
@@ -2011,7 +2177,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const setVisibility = (visibility2) => () => visibilityOfOverlay.value = visibility2;
       return !state.attached ? void 0 : h(Teleport, {
         to: (globals == null ? void 0 : globals.container) ?? document.body
-      }, h(_sfc_main$a, {
+      }, h(_sfc_main$b, {
         name: "fade-2",
         onBeforeEnter: setVisibility("showing"),
         onAfterEnter: setVisibility("shown"),
@@ -2043,20 +2209,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const expect = (value) => ({
-  toBeOneOf(variants) {
-    return Object.values(variants).includes(value);
-  }
-});
-const without = (obj, exclude) => {
-  const newObj = {};
-  Object.entries(obj).forEach(([key, value]) => {
-    if (!exclude.includes(key)) {
-      newObj[key] = value;
-    }
-  });
-  return newObj;
-};
 var APPEARANCE = /* @__PURE__ */ ((APPEARANCE2) => {
   APPEARANCE2["ALERT"] = "alert";
   APPEARANCE2["DIALOG"] = "dialog";
@@ -2069,7 +2221,7 @@ var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NATIVE"] = "native";
   return SCROLLING2;
 })(SCROLLING || {});
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -2283,7 +2435,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return h(_sfc_main$a, {
+      return h(_sfc_main$b, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -2308,7 +2460,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : h(Teleport, {
       to: (globals == null ? void 0 : globals.container) ?? document.body
-    }, h(_sfc_main$a, {
+    }, h(_sfc_main$b, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -2325,7 +2477,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, h(_sfc_main$8, {
+      }, h(_sfc_main$9, {
         class: {
           "ui-v1-modal-window-container": true,
           "ui-v1-modal-window-container_fullscreen": props.fullscreen,
@@ -2350,12 +2502,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -2365,7 +2517,7 @@ function render$1(_ctx, _cache) {
   ]));
 }
 const IconWarning = { render: render$1 };
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   key: 0,
   class: "ui-v1-modal-window__icon"
 };
@@ -2382,7 +2534,7 @@ const _hoisted_5 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -2496,7 +2648,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.opened, toggle);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6, mergeProps({
+      return openBlock(), createBlock(_sfc_main$7, mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -2524,7 +2676,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === unref(APPEARANCE).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === unref(APPEARANCE).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+            __props.appearance === unref(APPEARANCE).ALERT ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
               renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -2553,7 +2705,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               })
             ])) : createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (openBlock(), createBlock(_sfc_main$8, {
+          __props.responsive ? (openBlock(), createBlock(_sfc_main$9, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -2586,6 +2738,97 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$3 = ["id", "name", "value", "checked", "disabled"];
+let counter = 0;
+const __default__ = {};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "UiRadio",
+  props: {
+    id: {
+      type: null,
+      validator: (id) => id === void 0 || typeof id === "string" && id.length > 0 && /^[A-Za-z]/.test(id),
+      default: void 0
+    },
+    /** Атрибут name нативного поля ввода */
+    name: {
+      type: String,
+      default: () => "ui-v1-radio-" + ++counter
+    },
+    /** Значение модели используемое с директивой v-model */
+    model: {
+      type: null,
+      default: void 0
+    },
+    /** Атрибут value нативного поля ввода */
+    value: {
+      type: null,
+      required: true
+    },
+    /** Заблокированный */
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    /** Изменение значения модели */
+    "change",
+    /** Изменение значения модели. Для v-model */
+    "update:model"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const radio = ref(null);
+    const click = () => {
+      var _a;
+      return (_a = radio.value) == null ? void 0 : _a.click();
+    };
+    const focus = () => {
+      var _a;
+      return (_a = radio.value) == null ? void 0 : _a.focus();
+    };
+    const blur = () => {
+      var _a;
+      return (_a = radio.value) == null ? void 0 : _a.blur();
+    };
+    __expose({
+      click,
+      focus,
+      blur
+    });
+    const checked = computed(() => props.value === props.model);
+    const onChange = () => {
+      emit("change", props.value);
+      emit("update:model", props.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        class: {
+          "ui-v1-radio": true,
+          "ui-v1-radio_checked": checked.value,
+          "ui-v1-radio_disabled": __props.disabled
+        }
+      }, unref(pick)(_ctx.$attrs, (key) => !key.startsWith("aria-") && !key.startsWith("on"))), [
+        createElementVNode("input", mergeProps({
+          id: __props.id,
+          ref_key: "radio",
+          ref: radio,
+          name: __props.name,
+          value: __props.value,
+          checked: checked.value,
+          disabled: __props.disabled
+        }, unref(pick)(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
+          type: "radio",
+          class: "ui-v1-radio__input",
+          onChange
+        }), null, 16, _hoisted_1$3),
+        _cache[0] || (_cache[0] = createElementVNode("span", { class: "ui-v1-radio__checkmark" }, null, -1))
+      ], 16);
+    };
+  }
+});
 const _hoisted_1$2 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
@@ -2964,7 +3207,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return SIZE$4.SM;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, mergeProps({
+      return openBlock(), createBlock(_sfc_main$f, mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -3037,7 +3280,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$b, mergeProps({
+      return openBlock(), createBlock(_sfc_main$c, mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -3220,7 +3463,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !ready.value ? (openBlock(), createBlock(_sfc_main$9, { key: 0 })) : createCommentVNode("", true),
+        !ready.value ? (openBlock(), createBlock(_sfc_main$a, { key: 0 })) : createCommentVNode("", true),
         withDirectives((openBlock(), createElementBlock("iframe", {
           ref_key: "iframe",
           ref: iframe,
@@ -3236,19 +3479,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   plugin as I18nPlugin,
   plugin$1 as ModalPlugin,
-  _sfc_main$d as UiButton,
-  _sfc_main$c as UiError,
-  _sfc_main$b as UiLink,
-  _sfc_main$9 as UiLoader,
-  _sfc_main$7 as UiModalSidebar,
-  _sfc_main$5 as UiModalWindow,
-  _sfc_main$6 as UiModalWindowSurface,
-  _sfc_main$8 as UiScrollBox,
+  _sfc_main$f as UiButton,
+  _sfc_main$e as UiCheckbox,
+  _sfc_main$d as UiError,
+  _sfc_main$c as UiLink,
+  _sfc_main$a as UiLoader,
+  _sfc_main$8 as UiModalSidebar,
+  _sfc_main$6 as UiModalWindow,
+  _sfc_main$7 as UiModalWindowSurface,
+  _sfc_main$5 as UiRadio,
+  _sfc_main$9 as UiScrollBox,
   _sfc_main$4 as UiTag,
   _sfc_main$3 as UiToolbar,
   _sfc_main$2 as UiToolbarButton,
   _sfc_main$1 as UiToolbarLink,
-  _sfc_main$a as UiTransition,
+  _sfc_main$b as UiTransition,
   _sfc_main as UiYandexMap,
   VueI18n
 };

package/dist/remote.cjs

@@ -47,6 +47,11 @@ const UiButton = defineRemoteComponent(
   UiButtonType,
   ["click", "focus", "blur"]
 );
+const UiCheckboxType = "UiCheckbox";
+const UiCheckbox = defineRemoteComponent(
+  UiCheckboxType,
+  ["click", "focus", "blur"]
+);
 const UiErrorType = "UiError";
 const UiError = defineRemoteComponent(
   UiErrorType,
@@ -122,6 +127,11 @@ const UiModalWindowSurface = defineRemoteComponent(
     "update:overlapped"
   ]
 );
+const UiRadioType = "UiRadio";
+const UiRadio = defineRemoteComponent(
+  UiRadioType,
+  ["click", "focus", "blur"]
+);
 const UiScrollBoxType = "UiScrollBox";
 const UiScrollBox = defineRemoteComponent(
   UiScrollBoxType,
@@ -160,6 +170,8 @@ const UiYandexMap = defineRemoteComponent(
 );
 exports.UiButton = UiButton;
 exports.UiButtonType = UiButtonType;
+exports.UiCheckbox = UiCheckbox;
+exports.UiCheckboxType = UiCheckboxType;
 exports.UiError = UiError;
 exports.UiErrorType = UiErrorType;
 exports.UiLink = UiLink;
@@ -172,6 +184,8 @@ exports.UiModalWindow = UiModalWindow;
 exports.UiModalWindowSurface = UiModalWindowSurface;
 exports.UiModalWindowSurfaceType = UiModalWindowSurfaceType;
 exports.UiModalWindowType = UiModalWindowType;
+exports.UiRadio = UiRadio;
+exports.UiRadioType = UiRadioType;
 exports.UiScrollBox = UiScrollBox;
 exports.UiScrollBoxType = UiScrollBoxType;
 exports.UiTag = UiTag;