@retailcrm/embed-ui-v1-components 0.5.1-alpha.4 → 0.5.1-alpha.6

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$e = vue.defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -156,6 +156,161 @@ const _sfc_main$d = vue.defineComponent({
     };
   }
 });
+const _hoisted_1$9 = {
+  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$9, _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 _hoisted_1$8 = ["id", "value", "name", "disabled", "checked"];
+const _hoisted_2$3 = { class: "ui-v1-checkbox__checkmark" };
+let counter$1 = 0;
+const __default__ = {};
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  __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-checkbox-" + ++counter$1
+    },
+    /** Значение модели используемое с директивой 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",
+    /** Изменение значения модели */
+    "update:model"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const isArray = Array.isArray;
+    const props = __props;
+    const root = vue.ref(null);
+    const checkbox = vue.ref(null);
+    const pick = (attrs, criteria) => {
+      return Object.keys(attrs).filter(criteria).reduce((picked, key) => ({
+        ...picked,
+        [key]: attrs[key]
+      }), {});
+    };
+    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 emit = __emit;
+    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({
+        ref_key: "root",
+        ref: root,
+        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
+        }
+      }, 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
+        }, pick(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
+          type: "checkbox",
+          class: "ui-v1-checkbox__input",
+          onChange
+        }), null, 16, _hoisted_1$8),
+        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";
@@ -2966,7 +3121,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$e, vue.mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -3237,7 +3392,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 exports.I18nPlugin = plugin;
 exports.ModalPlugin = plugin$1;
-exports.UiButton = _sfc_main$d;
+exports.UiButton = _sfc_main$e;
+exports.UiCheckbox = _sfc_main$d;
 exports.UiError = _sfc_main$c;
 exports.UiLink = _sfc_main$b;
 exports.UiLoader = _sfc_main$9;

package/dist/host.css

@@ -316,6 +316,111 @@
 .ui-v1-button_xs.ui-v1-button_has-trailing-icon {
   padding-right: 8px;
 }
+.ui-v1-checkbox {
+  display: inline-flex;
+  align-items: flex-start;
+  font-style: normal;
+  cursor: pointer;
+  margin-bottom: 0;
+  position: relative;
+  vertical-align: text-bottom;
+}
+.ui-v1-checkbox,
+.ui-v1-checkbox *,
+.ui-v1-checkbox *::before,
+.ui-v1-checkbox *::after {
+  box-sizing: border-box;
+}
+.ui-v1-checkbox_disabled {
+  cursor: default;
+}
+.ui-v1-checkbox__input {
+  width: 100%;
+  height: 100%;
+  appearance: none;
+  cursor: inherit;
+  outline: none;
+  z-index: 1;
+  margin: 0;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.ui-v1-checkbox__checkmark {
+  display: inline-block;
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+  background: #fff;
+  border-radius: 4px;
+  border: 2px solid #DEE2E6;
+  color: #fff;
+  transition: 0.25s ease;
+  transition-property: color, box-shadow, background-color, border-color;
+  vertical-align: top;
+  position: relative;
+}
+.ui-v1-checkbox:not(.ui-v1-checkbox_checked):not(.ui-v1-checkbox_active):not(.ui-v1-checkbox_disabled) .ui-v1-checkbox__input:hover ~ .ui-v1-checkbox__checkmark {
+  border-color: #005EEB;
+}
+.ui-v1-checkbox:not(.ui-v1-checkbox_checked):not(.ui-v1-checkbox_active):not(.ui-v1-checkbox_disabled) .ui-v1-checkbox__input:active ~ .ui-v1-checkbox__checkmark {
+  background: #EDF4FF;
+}
+.ui-v1-checkbox:not(.ui-v1-checkbox_disabled) .ui-v1-checkbox__input:hover ~ .ui-v1-checkbox__checkmark {
+  box-shadow: 0 0 0 4px rgba(0, 94, 235, 0.12);
+}
+.ui-v1-checkbox:not(.ui-v1-checkbox_disabled):active .ui-v1-checkbox__checkmark {
+  border-color: #0052CC;
+  box-shadow: 0 0 0 4px rgba(0, 94, 235, 0.12) !important;
+}
+.ui-v1-checkbox:not(.ui-v1-checkbox_disabled):not(.ui-v1-checkbox_checked):not(.ui-v1-checkbox_indeterminate):active .ui-v1-checkbox__checkmark {
+  background-color: rgba(0, 94, 235, 0.12);
+}
+.ui-v1-checkbox_checked .ui-v1-checkbox__checkmark {
+  border-color: #005EEB;
+  background: #005EEB;
+}
+.ui-v1-checkbox_disabled:not(.ui-v1-checkbox_checked):not(.ui-v1-checkbox_indeterminate) .ui-v1-checkbox__checkmark {
+  background: #EEF1F3;
+  border-color: #C7CDD4;
+}
+.ui-v1-checkbox_disabled .ui-v1-checkbox__checkmark {
+  border-color: #B8DBFF;
+  background: #B8DBFF;
+}
+.ui-v1-checkbox_indeterminate .ui-v1-checkbox__checkmark,
+.ui-v1-checkbox_indeterminate .ui-v1-checkbox__input:hover ~ .ui-v1-checkbox__checkmark,
+.ui-v1-checkbox_indeterminate .ui-v1-checkbox__input:active ~ .ui-v1-checkbox__checkmark {
+  border-color: #005EEB;
+  background: #005EEB url("data:image/svg+xml,%3csvg width='12' height='4' viewBox='0 0 12 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M0.583415 3.04165C0.353296 3.04165 0.166748 2.80846 0.166748 2.52081V1.47915C0.166748 1.1915 0.353296 0.958313 0.583415 0.958313H11.4167C11.6469 0.958313 11.8334 1.1915 11.8334 1.47915V2.52081C11.8334 2.80846 11.6469 3.04165 11.4167 3.04165H0.583415Z' fill='white'/%3e %3c/svg%3e") no-repeat center !important;
+}
+.ui-v1-checkbox_disabled.ui-v1-checkbox_indeterminate .ui-v1-checkbox__checkmark,
+.ui-v1-checkbox_disabled.ui-v1-checkbox_indeterminate .ui-v1-checkbox__input:hover ~ .ui-v1-checkbox__checkmark,
+.ui-v1-checkbox_disabled.ui-v1-checkbox_indeterminate .ui-v1-checkbox__input:active ~ .ui-v1-checkbox__checkmark {
+  background-color: #B8DBFF !important;
+  border-color: #B8DBFF;
+  box-shadow: none;
+}
+.ui-v1-checkbox_small .ui-v1-checkbox__checkmark {
+  width: 16px;
+  min-width: 16px;
+  height: 16px;
+}
+.ui-v1-checkbox_small.ui-v1-checkbox_indeterminate .ui-v1-checkbox__checkmark {
+  background-size: 8px 4px !important;
+}
+.ui-v1-checkbox__checkmark-icon {
+  width: 22px;
+  height: 22px;
+  margin-left: -3px;
+  margin-top: -3px;
+}
+.ui-v1-checkbox_small .ui-v1-checkbox__checkmark-icon {
+  width: 16px;
+  height: 16px;
+  margin-left: -2px;
+  margin-top: -2px;
+}
 .ui-v1-error {
   color: #FF5353;
   font-size: 14px;

package/dist/host.d.ts

@@ -249,6 +249,8 @@ export declare const ModalPlugin: Plugin_2;
 
 declare type Numeric = number | string;
 
+declare type Primitive = boolean | number | string | null | undefined;
+
 declare type ResolveProps<PropsOrPropOptions, E extends EmitsOptions> = Readonly<PropsOrPropOptions extends ComponentPropsOptions ? ExtractPropTypes<PropsOrPropOptions> : PropsOrPropOptions> & (Record<string, never> extends E ? Record<string, never> : EmitsToProps<E>);
 
 declare enum SCROLLING {
@@ -318,6 +320,26 @@ declare type UiButtonProperties = {
     locked?: boolean;
 };
 
+export declare const UiCheckbox: DefineComponent<UiCheckboxProperties, UiCheckboxMethods>;
+
+declare type UiCheckboxMethods = {
+    click(): void;
+    focus(): void;
+    blur(): void;
+};
+
+declare type UiCheckboxProperties = {
+    id?: string | undefined;
+    name?: string;
+    model?: Primitive | Primitive[];
+    value?: Primitive;
+    indeterminate?: boolean;
+    valueOfTruthy?: Primitive;
+    valueOfFalsy?: Primitive;
+    small?: boolean;
+    disabled?: boolean;
+};
+
 export declare const UiError: DefineComponent<UiErrorProperties>;
 
 declare type UiErrorProperties = {

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$e = defineComponent({
   props: {
     /** Устанавливает тип кнопки */
     type: {
@@ -154,6 +154,161 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
+const _hoisted_1$9 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _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 _hoisted_1$8 = ["id", "value", "name", "disabled", "checked"];
+const _hoisted_2$3 = { class: "ui-v1-checkbox__checkmark" };
+let counter$1 = 0;
+const __default__ = {};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __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-checkbox-" + ++counter$1
+    },
+    /** Значение модели используемое с директивой 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",
+    /** Изменение значения модели */
+    "update:model"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const isArray = Array.isArray;
+    const props = __props;
+    const root = ref(null);
+    const checkbox = ref(null);
+    const pick = (attrs, criteria) => {
+      return Object.keys(attrs).filter(criteria).reduce((picked, key) => ({
+        ...picked,
+        [key]: attrs[key]
+      }), {});
+    };
+    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 emit = __emit;
+    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({
+        ref_key: "root",
+        ref: root,
+        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
+        }
+      }, 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
+        }, pick(_ctx.$attrs, (key) => key.startsWith("aria-") || key.startsWith("on")), {
+          type: "checkbox",
+          class: "ui-v1-checkbox__input",
+          onChange
+        }), null, 16, _hoisted_1$8),
+        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";
@@ -2964,7 +3119,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$e, mergeProps({
         ref_key: "root",
         ref: root,
         href: __props.href,
@@ -3236,7 +3391,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   plugin as I18nPlugin,
   plugin$1 as ModalPlugin,
-  _sfc_main$d as UiButton,
+  _sfc_main$e as UiButton,
+  _sfc_main$d as UiCheckbox,
   _sfc_main$c as UiError,
   _sfc_main$b as UiLink,
   _sfc_main$9 as UiLoader,

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,
@@ -160,6 +165,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;

package/dist/remote.d.ts

@@ -47,6 +47,8 @@ declare enum DIRECTION {
 
 declare type Numeric = number | string;
 
+declare type Primitive = boolean | number | string | null | undefined;
+
 declare type RemoteProperties<T> = HTMLAttributes & T & Record<string, never>;
 
 declare enum SCROLLING {
@@ -124,6 +126,38 @@ declare type UiButtonProperties = {
 
 export declare const UiButtonType: SchemaType<"UiButton", RemoteProperties<UiButtonProperties>, RemoteCallable<UiButtonMethods>>;
 
+export declare const UiCheckbox: Component<    {
+[x: string]: unknown;
+}, RemoteProperties<UiCheckboxProperties>, {
+[x: string]: never;
+}, {
+[x: string]: never;
+}, MethodOptions, {
+click: (event: SerializedEvent) => boolean;
+focus: (event: SerializedFocusEvent) => boolean;
+blur: (event: SerializedEvent) => boolean;
+}>;
+
+declare type UiCheckboxMethods = {
+    click(): void;
+    focus(): void;
+    blur(): void;
+};
+
+declare type UiCheckboxProperties = {
+    id?: string | undefined;
+    name?: string;
+    model?: Primitive | Primitive[];
+    value?: Primitive;
+    indeterminate?: boolean;
+    valueOfTruthy?: Primitive;
+    valueOfFalsy?: Primitive;
+    small?: boolean;
+    disabled?: boolean;
+};
+
+export declare const UiCheckboxType: SchemaType<"UiCheckbox", RemoteProperties<UiCheckboxProperties>, RemoteCallable<UiCheckboxMethods>>;
+
 export declare const UiError: Component<    {
 [x: string]: unknown;
 }, RemoteProperties<UiErrorProperties>, {

package/dist/remote.js

@@ -45,6 +45,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,
@@ -159,6 +164,8 @@ const UiYandexMap = defineRemoteComponent(
 export {
   UiButton,
   UiButtonType,
+  UiCheckbox,
+  UiCheckboxType,
   UiError,
   UiErrorType,
   UiLink,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@retailcrm/embed-ui-v1-components",
   "type": "module",
-  "version": "0.5.1-alpha.4",
+  "version": "0.5.1-alpha.6",
   "license": "MIT",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
   "repository": "git@github.com:retailcrm/embed-ui.git",