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

package/assets/stylesheets/geometry.less

@@ -11,6 +11,10 @@
   }
 }
 
+.circle (@size) {
+  .square-rounded(@size, 50%);
+}
+
 .square (@size) {
   width: @size;
   min-width: @size;

package/dist/host.cjs

@@ -60,7 +60,7 @@ var VARIANT = /* @__PURE__ */ ((VARIANT2) => {
   VARIANT2["DANGER"] = "danger";
   return VARIANT2;
 })(VARIANT || {});
-const _sfc_main$d = vue.defineComponent({
+const _sfc_main$f = vue.defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -156,12 +156,178 @@ const _sfc_main$d = vue.defineComponent({
     };
   }
 });
+const _hoisted_1$a = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$4(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
+    vue.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__ */ vue.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 = vue.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 = vue.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 vue.openBlock(), vue.createElementBlock("span", vue.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
+        }
+      }, vue.unref(pick)(_ctx.$attrs, (key) => !key.startsWith("aria-") && !key.startsWith("on"))), [
+        vue.createElementVNode("input", vue.mergeProps({
+          id: __props.id,
+          ref_key: "checkbox",
+          ref: checkbox,
+          value: vue.unref(isArray)(__props.model) ? __props.value : void 0,
+          name: __props.name,
+          disabled: __props.disabled,
+          checked: checked.value
+        }, vue.unref(pick)(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
+          type: "checkbox",
+          class: "ui-v1-checkbox__input",
+          onChange
+        }), null, 16, _hoisted_1$9),
+        vue.createElementVNode("span", _hoisted_2$3, [
+          checked.value && !__props.indeterminate ? (vue.openBlock(), vue.createBlock(vue.unref(IconDone), {
+            key: 0,
+            class: "ui-v1-checkbox__checkmark-icon"
+          })) : vue.createCommentVNode("", true)
+        ])
+      ], 16);
+    };
+  }
+});
 var ALIGN = /* @__PURE__ */ ((ALIGN2) => {
   ALIGN2["LEFT"] = "left";
   ALIGN2["RIGHT"] = "right";
   return ALIGN2;
 })(ALIGN || {});
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "UiError",
   props: {
     /** Тест, разметка ошибки */
@@ -200,12 +366,12 @@ const _sfc_main$c = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "m6.844 17.854-.7-.703a.5.5 0 0 1 0-.704l8.48-8.456-6.212.007a.49.49 0 0 1-.496-.5l.007-.991a.5.5 0 0 1 .496-.5L16.994 6c.196 0 .385.078.524.218l.265.267c.137.142.215.33.217.528l-.007 8.633a.5.5 0 0 1-.496.5h-.992a.48.48 0 0 1-.49-.493l.007-6.255-8.48 8.456a.49.49 0 0 1-.698 0"
@@ -231,7 +397,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"
@@ -240,7 +406,7 @@ const _hoisted_3$2 = {
   key: 2,
   class: "ui-v1-link__icon"
 };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLink",
   props: {
     /** Атрибут ссылки */
@@ -314,11 +480,11 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(IconOpenInNew), { class: "ui-v1-link__icon-sprite" })
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$6);
+      ], 16, _hoisted_1$7);
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "UiTransition",
   props: {
     /** Наименование анимации перехода */
@@ -346,7 +512,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "UiLoader",
   props: {
     /** Диаметр (размер) окружности индикатора */
@@ -378,7 +544,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$a : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.transition ? _sfc_main$b : "div"), vue.normalizeProps(vue.guardReactiveProps(__props.transition ? {
         appear: true,
         class: "ui-v1-loader-wrapper",
         name: __props.transition
@@ -1530,7 +1696,7 @@ var PerfectScrollbar$1 = {
     );
   }
 };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiScrollBox",
   props: {
     /** Наименование тэга-обёртки для нативного скролла */
@@ -1634,12 +1800,12 @@ const _sfc_main$8 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       d: "M7.113 6.176a.6.6 0 0 1 .848 0L12 10.214l4.038-4.038a.6.6 0 0 1 .849 0l.937.937a.6.6 0 0 1 0 .848L13.785 12l4.04 4.04a.6.6 0 0 1 0 .848l-.937.937a.6.6 0 0 1-.849 0L12 13.784l-4.038 4.04a.6.6 0 0 1-.849 0l-.937-.937a.6.6 0 0 1 0-.848l4.04-4.04-4.039-4.038a.6.6 0 0 1 0-.849z"
@@ -1718,8 +1884,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";
@@ -1742,7 +1908,7 @@ var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["SM"] = "sm";
   return SIZE2;
 })(SIZE$2 || {});
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalSidebar",
   props: {
     /** Атрибут id корневого элемента. Должен быть уникальным на странице */
@@ -1972,7 +2138,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         }))
       ]);
     };
-    const renderBody = () => props.scrolling === SCROLLING$1.NONE ? vue.h("div", { class: "ui-v1-modal-sidebar__body-fixed" }, renderSlot("default")) : vue.h(_sfc_main$8, {
+    const renderBody = () => props.scrolling === SCROLLING$1.NONE ? vue.h("div", { class: "ui-v1-modal-sidebar__body-fixed" }, renderSlot("default")) : vue.h(_sfc_main$9, {
       class: "ui-v1-modal-sidebar__body",
       native: props.scrolling === SCROLLING$1.NATIVE,
       showOnMac: true,
@@ -1985,7 +2151,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       const direction = props.direction;
       const size = props.size;
       const setVisibility = (visibility2) => () => visibilityOfSidebar.value = visibility2;
-      return vue.h(_sfc_main$a, {
+      return vue.h(_sfc_main$b, {
         name: `slide-${direction}`,
         onBeforeEnter: setVisibility("showing"),
         onAfterEnter: setVisibility("shown"),
@@ -2013,7 +2179,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       const setVisibility = (visibility2) => () => visibilityOfOverlay.value = visibility2;
       return !state.attached ? void 0 : vue.h(vue.Teleport, {
         to: (globals == null ? void 0 : globals.container) ?? document.body
-      }, vue.h(_sfc_main$a, {
+      }, vue.h(_sfc_main$b, {
         name: "fade-2",
         onBeforeEnter: setVisibility("showing"),
         onAfterEnter: setVisibility("shown"),
@@ -2045,20 +2211,6 @@ const _sfc_main$7 = /* @__PURE__ */ vue.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";
@@ -2071,7 +2223,7 @@ var SCROLLING = /* @__PURE__ */ ((SCROLLING2) => {
   SCROLLING2["NATIVE"] = "native";
   return SCROLLING2;
 })(SCROLLING || {});
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindowSurface",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -2285,7 +2437,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const renderBody = () => {
       const appearance = props.appearance;
-      return vue.h(_sfc_main$a, {
+      return vue.h(_sfc_main$b, {
         name: "zoom",
         onBeforeEnter: () => visibilityOfBody.value = "showing",
         onAfterEnter: () => visibilityOfBody.value = "shown",
@@ -2310,7 +2462,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : vue.h(vue.Teleport, {
       to: (globals == null ? void 0 : globals.container) ?? document.body
-    }, vue.h(_sfc_main$a, {
+    }, vue.h(_sfc_main$b, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
       onAfterEnter: () => visibilityOfOverlay.value = "shown",
@@ -2327,7 +2479,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-modal_overlapped": state.overlapped
         }],
         onClick: onOverlayClick
-      }, vue.h(_sfc_main$8, {
+      }, vue.h(_sfc_main$9, {
         class: {
           "ui-v1-modal-window-container": true,
           "ui-v1-modal-window-container_fullscreen": props.fullscreen,
@@ -2352,12 +2504,12 @@ const _sfc_main$6 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
     vue.createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -2367,7 +2519,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"
 };
@@ -2384,7 +2536,7 @@ const _hoisted_5 = {
   key: 0,
   class: "ui-v1-modal-window__footer-text"
 };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "UiModalWindow",
   props: {
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
@@ -2498,7 +2650,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watch(() => props.opened, toggle);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$6, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$7, vue.mergeProps({
         id: __props.id,
         opened: state.opened,
         closable: __props.closable,
@@ -2526,7 +2678,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               "ui-v1-modal-window__header_pinned": _ctx.$slots.title && state.scrolled && __props.appearance === vue.unref(APPEARANCE).POPUP && !__props.responsive
             })
           }, [
-            __props.appearance === vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+            __props.appearance === vue.unref(APPEARANCE).ALERT ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
               vue.renderSlot(_ctx.$slots, "icon", {
                 overlapped: state.overlapped
               }, () => [
@@ -2555,7 +2707,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
               })
             ])) : vue.createCommentVNode("", true)
           ], 2),
-          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$8, {
+          __props.responsive ? (vue.openBlock(), vue.createBlock(_sfc_main$9, {
             key: 0,
             class: "ui-v1-modal-window__content",
             "show-on-mac": "",
@@ -2588,6 +2740,97 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$3 = ["id", "name", "value", "checked", "disabled"];
+let counter = 0;
+const __default__ = {};
+const _sfc_main$5 = /* @__PURE__ */ vue.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 = vue.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 = vue.computed(() => props.value === props.model);
+    const onChange = () => {
+      emit("change", props.value);
+      emit("update:model", props.value);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+        class: {
+          "ui-v1-radio": true,
+          "ui-v1-radio_checked": checked.value,
+          "ui-v1-radio_disabled": __props.disabled
+        }
+      }, vue.unref(pick)(_ctx.$attrs, (key) => !key.startsWith("aria-") && !key.startsWith("on"))), [
+        vue.createElementVNode("input", vue.mergeProps({
+          id: __props.id,
+          ref_key: "radio",
+          ref: radio,
+          name: __props.name,
+          value: __props.value,
+          checked: checked.value,
+          disabled: __props.disabled
+        }, vue.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] = vue.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"
@@ -2966,7 +3209,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return SIZE$4.SM;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$d, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$f, vue.mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -3039,7 +3282,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$b, vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(_sfc_main$c, vue.mergeProps({
         href: __props.href,
         external: __props.external,
         appearance: __props.appearance,
@@ -3222,7 +3465,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$9, { key: 0 })) : vue.createCommentVNode("", true),
+        !ready.value ? (vue.openBlock(), vue.createBlock(_sfc_main$a, { key: 0 })) : vue.createCommentVNode("", true),
         vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
           ref_key: "iframe",
           ref: iframe,
@@ -3237,18 +3480,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 exports.I18nPlugin = plugin;
 exports.ModalPlugin = plugin$1;
-exports.UiButton = _sfc_main$d;
-exports.UiError = _sfc_main$c;
-exports.UiLink = _sfc_main$b;
-exports.UiLoader = _sfc_main$9;
-exports.UiModalSidebar = _sfc_main$7;
-exports.UiModalWindow = _sfc_main$5;
-exports.UiModalWindowSurface = _sfc_main$6;
-exports.UiScrollBox = _sfc_main$8;
+exports.UiButton = _sfc_main$f;
+exports.UiCheckbox = _sfc_main$e;
+exports.UiError = _sfc_main$d;
+exports.UiLink = _sfc_main$c;
+exports.UiLoader = _sfc_main$a;
+exports.UiModalSidebar = _sfc_main$8;
+exports.UiModalWindow = _sfc_main$6;
+exports.UiModalWindowSurface = _sfc_main$7;
+exports.UiRadio = _sfc_main$5;
+exports.UiScrollBox = _sfc_main$9;
 exports.UiTag = _sfc_main$4;
 exports.UiToolbar = _sfc_main$3;
 exports.UiToolbarButton = _sfc_main$2;
 exports.UiToolbarLink = _sfc_main$1;
-exports.UiTransition = _sfc_main$a;
+exports.UiTransition = _sfc_main$b;
 exports.UiYandexMap = _sfc_main;
 exports.VueI18n = VueI18n;