@profitliga/ui 1.2.90 → 2.0.1

package/dist/components/v2/Calendar/CalendarMonthPanel.vue2.js

@@ -0,0 +1,92 @@
+import { defineComponent as v, openBlock as a, createElementBlock as t, Fragment as r, mergeProps as c, toDisplayString as o, createCommentVNode as m, createElementVNode as u, renderList as y } from "vue";
+const w = ["aria-label", "aria-disabled", "aria-multiselectable"], C = {
+  class: "calendar-week-row calendar-week-row--head",
+  role: "row"
+}, k = ["aria-label"], h = ["aria-selected", "data-range-start", "data-range-end", "data-range-middle", "onMouseenter"], F = ["tabindex", "disabled", "data-selected", "data-today", "data-outside", "data-date", "aria-label", "aria-current", "onClick", "onKeydown"], x = /* @__PURE__ */ v({
+  __name: "CalendarMonthPanel",
+  props: {
+    showHeading: { type: Boolean },
+    headingText: {},
+    weeks: {},
+    weekdayLabels: {},
+    weekdayFullLabels: {},
+    disabled: { type: Boolean },
+    multiselectable: { type: Boolean },
+    cellLabel: { type: Function },
+    testAttrs: { type: Function },
+    isFocusedCell: { type: Function },
+    isCellDisabled: { type: Function },
+    isDateSelected: { type: Function },
+    isTodayCell: { type: Function },
+    isOutsideCell: { type: Function },
+    isRangeStart: { type: Function },
+    isRangeEnd: { type: Function },
+    isRangeMiddle: { type: Function },
+    setCellRef: { type: Function }
+  },
+  emits: ["cellClick", "cellKeydown", "cellHoverStart", "cellHoverEnd"],
+  setup(e, { emit: b }) {
+    const d = b;
+    return (f, g) => (a(), t(r, null, [
+      e.showHeading ? (a(), t("div", c({
+        key: 0,
+        class: "calendar-heading calendar-heading--panel"
+      }, e.testAttrs("heading", e.headingText)), o(e.headingText), 17)) : m("", !0),
+      u("div", c({
+        class: "calendar-grid",
+        role: "grid",
+        "aria-label": e.headingText,
+        "aria-disabled": e.disabled,
+        "aria-multiselectable": e.multiselectable || void 0
+      }, e.testAttrs("grid", e.headingText), {
+        onMouseleave: g[0] || (g[0] = (n) => d("cellHoverEnd"))
+      }), [
+        u("div", C, [
+          (a(!0), t(r, null, y(e.weekdayLabels, (n, s) => (a(), t("div", {
+            key: n,
+            class: "calendar-head-cell",
+            role: "columnheader",
+            "aria-label": e.weekdayFullLabels[s]
+          }, o(n), 9, k))), 128))
+        ]),
+        (a(!0), t(r, null, y(e.weeks, (n, s) => (a(), t("div", {
+          key: s,
+          class: "calendar-week-row",
+          role: "row"
+        }, [
+          (a(!0), t(r, null, y(n, (l) => (a(), t("div", {
+            key: l.toString(),
+            class: "calendar-cell-wrapper",
+            role: "gridcell",
+            "aria-selected": e.isDateSelected(l) && !e.isCellDisabled(l),
+            "data-range-start": e.isRangeStart(l) || void 0,
+            "data-range-end": e.isRangeEnd(l) || void 0,
+            "data-range-middle": e.isRangeMiddle(l) || void 0,
+            onMouseenter: (i) => d("cellHoverStart", l)
+          }, [
+            u("button", c({
+              ref_for: !0,
+              ref: (i) => e.setCellRef(l, i),
+              type: "button",
+              class: "calendar-cell",
+              tabindex: e.isFocusedCell(l) ? 0 : -1,
+              disabled: e.isCellDisabled(l),
+              "data-selected": e.isDateSelected(l) && !e.isCellDisabled(l) || void 0,
+              "data-today": e.isTodayCell(l) || void 0,
+              "data-outside": e.isOutsideCell(l) || void 0,
+              "data-date": l.toString(),
+              "aria-label": e.cellLabel(l),
+              "aria-current": e.isTodayCell(l) ? "date" : void 0
+            }, { ref_for: !0 }, e.testAttrs("cell", l.toString()), {
+              onClick: (i) => d("cellClick", l),
+              onKeydown: (i) => d("cellKeydown", i, l)
+            }), o(l.day), 17, F)
+          ], 40, h))), 128))
+        ]))), 128))
+      ], 16, w)
+    ], 64));
+  }
+});
+export {
+  x as default
+};

package/dist/components/v2/Calendar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Calendar } from './Calendar.vue';
+export type { CalendarModelValue, CalendarProps, CalendarRangeValue, CalendarWeekdayFormat, CalendarWeekStartsOn } from './Calendar.types';
+export { Calendar };

package/dist/components/v2/Checkbox/Checkbox.css

@@ -0,0 +1 @@
+.checkbox[data-v-1bd56882]{--checkbox-color:var(--theme-neutral-border-default);cursor:pointer;align-items:flex-start;gap:.5rem;display:inline-flex}.checkbox__input[data-v-1bd56882]{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.checkbox__box[data-v-1bd56882]{width:1.25rem;height:1.25rem;color:var(--theme-neutral-0);border:.0625rem solid var(--checkbox-color);transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease, outline-color var(--animation-duration-fast) ease;border-radius:.3125rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox__mark[data-v-1bd56882]{width:100%;height:100%}.checkbox__text[data-v-1bd56882]{flex-direction:column;gap:.25rem;min-width:0;display:flex}.checkbox__label[data-v-1bd56882]{color:var(--theme-neutral-text-title);overflow-wrap:break-word;font-size:.875rem;font-weight:400;line-height:1.25rem}.checkbox__description[data-v-1bd56882]{color:var(--theme-neutral-text-caption);overflow-wrap:break-word;font-size:1rem;font-weight:400;line-height:1.25rem}.checkbox[data-v-1bd56882]:not(:has(.checkbox__description)){align-items:center}.checkbox--icon-right[data-v-1bd56882]{flex-direction:row-reverse}.checkbox--checked .checkbox__box[data-v-1bd56882]{background-color:var(--checkbox-color)}.checkbox--checked[data-v-1bd56882]{--checkbox-color:var(--theme-primary-500)}.checkbox[data-v-1bd56882]:hover:not(.checkbox--disabled){--checkbox-color:var(--theme-primary-300)}.checkbox[data-v-1bd56882]:has(.checkbox__input:focus-visible){--checkbox-color:var(--theme-primary-300)}.checkbox:has(.checkbox__input:focus-visible) .checkbox__box[data-v-1bd56882]{outline:.0625rem solid var(--theme-primary-300);outline-offset:.125rem}.checkbox[data-v-1bd56882]:active:not(.checkbox--disabled){--checkbox-color:var(--theme-primary-700)}.checkbox--disabled[data-v-1bd56882]{--checkbox-color:var(--theme-neutral-surface-disabled);cursor:not-allowed;opacity:.5}.checkbox--disabled .checkbox__label[data-v-1bd56882]{color:var(--theme-neutral-400)}.checkbox--disabled.checkbox--checked[data-v-1bd56882]{--checkbox-color:var(--theme-neutral-icon-disabled)}

package/dist/components/v2/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,27 @@
+/** С какой стороны от текста стоит квадрат. */
+export type CheckboxIconPosition = 'left' | 'right';
+export interface CheckboxProps {
+    /** Подпись рядом с квадратом. Можно заменить слотом по умолчанию */
+    label?: string;
+    /** Пояснение под подписью. Можно заменить слотом `description` */
+    description?: string;
+    disabled?: boolean;
+    iconPosition?: CheckboxIconPosition;
+    /** Имя поля в форме */
+    name?: string;
+    /**
+     * Значение, которое форма отправит во включённом состоянии.
+     * По умолчанию браузер отправляет `on`
+     */
+    value?: string;
+    /** Собственный `id`. По умолчанию генерируется */
+    id?: string;
+    /**
+     * Доступное имя, когда видимой подписи нет — иначе скринридер объявит
+     * безымянный флажок
+     */
+    ariaLabel?: string;
+    /** Доступное имя через `id` видимой подписи снаружи компонента */
+    ariaLabelledby?: string;
+    testId?: string;
+}

package/dist/components/v2/Checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,48 @@
+import { CheckboxProps, CheckboxIconPosition } from './Checkbox.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = CheckboxProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+    'indeterminate'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        description?(_: {}): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    change: (checked: boolean) => any;
+    "update:indeterminate": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onChange?: ((checked: boolean) => any) | undefined;
+    "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    value: string;
+    disabled: boolean;
+    id: string;
+    iconPosition: CheckboxIconPosition;
+    name: string;
+    description: string;
+    ariaLabel: string;
+    testId: string;
+    ariaLabelledby: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/v2/Checkbox/Checkbox.vue.js

@@ -0,0 +1,8 @@
+import './Checkbox.css';
+import o from "./Checkbox.vue2.js";
+/* empty css              */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bd56882"]]);
+export {
+  _ as default
+};

package/dist/components/v2/Checkbox/Checkbox.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as $, useModel as x, useSlots as R, useId as T, useTemplateRef as E, computed as n, watchEffect as N, openBlock as l, createElementBlock as o, mergeProps as d, unref as c, createElementVNode as f, createCommentVNode as b, renderSlot as y, createTextVNode as g, toDisplayString as w, mergeModels as L } from "vue";
+import { useTestId as P } from "../shared/useTestId.util.js";
+const S = ["for"], D = ["id", "name", "value", "checked", "disabled", "aria-label", "aria-labelledby"], A = {
+  key: 0,
+  class: "checkbox__mark",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, H = {
+  key: 1,
+  class: "checkbox__mark",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Z = {
+  key: 0,
+  class: "checkbox__text"
+}, z = /* @__PURE__ */ $({
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: /* @__PURE__ */ L({
+    label: { default: void 0 },
+    description: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    iconPosition: { default: "left" },
+    name: { default: void 0 },
+    value: { default: void 0 },
+    id: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {},
+    indeterminate: { type: Boolean, default: !1 },
+    indeterminateModifiers: {}
+  }),
+  emits: /* @__PURE__ */ L(["change"], ["update:modelValue", "update:indeterminate"]),
+  setup(e, { emit: B }) {
+    const t = e, C = B, u = x(e, "modelValue"), r = x(e, "indeterminate"), m = R(), i = P(() => t.testId), V = T(), h = E("inputRef"), v = n(() => t.id ?? `${V}-checkbox`), k = n(() => !!(t.label || m.default)), p = n(
+      () => !!(t.description || m.description)
+    ), I = n(() => k.value || p.value), M = n(() => [
+      "checkbox",
+      `checkbox--icon-${t.iconPosition}`,
+      {
+        "checkbox--checked": u.value || r.value,
+        "checkbox--disabled": t.disabled
+      }
+    ]);
+    N(() => {
+      h.value && (h.value.indeterminate = r.value);
+    });
+    function _(s) {
+      if (t.disabled) return;
+      const a = s.target.checked;
+      r.value = !1, u.value = a, C("change", a);
+    }
+    return (s, a) => (l(), o("label", d({
+      class: M.value,
+      for: v.value
+    }, c(i)("root")), [
+      f("input", d({
+        id: v.value,
+        ref_key: "inputRef",
+        ref: h,
+        type: "checkbox",
+        class: "checkbox__input",
+        name: e.name,
+        value: e.value,
+        checked: u.value,
+        disabled: e.disabled,
+        "aria-label": e.ariaLabel,
+        "aria-labelledby": e.ariaLabelledby
+      }, { ...s.$attrs, ...c(i)("input") }, { onChange: _ }), null, 16, D),
+      f("span", d({
+        class: "checkbox__box",
+        "aria-hidden": "true"
+      }, c(i)("box")), [
+        r.value ? (l(), o("svg", A, [...a[0] || (a[0] = [
+          f("path", {
+            d: "M4 10H16",
+            stroke: "currentColor",
+            "stroke-width": "2"
+          }, null, -1)
+        ])])) : u.value ? (l(), o("svg", H, [...a[1] || (a[1] = [
+          f("path", {
+            d: "M8.13636 13.70149L5.03409 10.25373L4 11.40299L8.13636 16L17 6.14925L15.9659 5L8.13636 13.70149Z",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : b("", !0)
+      ], 16),
+      I.value ? (l(), o("span", Z, [
+        k.value ? (l(), o("span", d({
+          key: 0,
+          class: "checkbox__label"
+        }, c(i)("label")), [
+          y(s.$slots, "default", {}, () => [
+            g(w(e.label), 1)
+          ], !0)
+        ], 16)) : b("", !0),
+        p.value ? (l(), o("span", d({
+          key: 1,
+          class: "checkbox__description"
+        }, c(i)("description")), [
+          y(s.$slots, "description", {}, () => [
+            g(w(e.description), 1)
+          ], !0)
+        ], 16)) : b("", !0)
+      ])) : b("", !0)
+    ], 16, S));
+  }
+});
+export {
+  z as default
+};

package/dist/components/v2/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Checkbox } from './Checkbox.vue';
+export type { CheckboxIconPosition, CheckboxProps } from './Checkbox.types';
+export { Checkbox };

package/dist/components/v2/Combobox/Combobox.css

@@ -0,0 +1 @@
+.combobox[data-v-8c5e944b]{--combobox-field-height:2.5rem;--combobox-field-radius:.5rem;--combobox-font-size:.875rem;--combobox-line-height:1.25rem;--combobox-label-font-size:.875rem;--combobox-label-line-height:1rem;--combobox-border-color:var(--theme-neutral-border-default);flex-direction:column;display:flex}.combobox--small[data-v-8c5e944b]{--combobox-field-height:2.25rem;--combobox-label-font-size:.75rem}.combobox--large[data-v-8c5e944b]{--combobox-field-height:2.75rem;--combobox-field-radius:.75rem;--combobox-font-size:1rem;--combobox-line-height:1.5rem;--combobox-label-font-size:1rem;--combobox-label-line-height:1.25rem}.combobox__label[data-v-8c5e944b]{font-weight:400;font-size:var(--combobox-label-font-size);line-height:var(--combobox-label-line-height);color:var(--theme-neutral-text-title);cursor:pointer;padding:.375rem .5rem}.combobox__field[data-v-8c5e944b]{min-height:var(--combobox-field-height);background-color:var(--theme-neutral-0);border:.0625rem solid var(--combobox-border-color);border-radius:var(--combobox-field-radius);cursor:text;transition:border-color var(--animation-duration-fast) ease;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.combobox__content[data-v-8c5e944b]{flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex}.combobox__input[data-v-8c5e944b]{min-width:2rem;font-family:inherit;font-weight:400;font-size:var(--combobox-font-size);line-height:var(--combobox-line-height);color:var(--theme-neutral-text-body);text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:4rem;order:3;padding:0}@media (max-width:1009.98px){.combobox__input[data-v-8c5e944b]{font-size:1rem}}.combobox__input[data-v-8c5e944b]::placeholder{color:var(--theme-neutral-550)}.combobox__input[data-v-8c5e944b]:disabled{color:var(--theme-neutral-text-disabled);cursor:not-allowed}.combobox__input[data-v-8c5e944b]:disabled::placeholder{color:var(--theme-neutral-text-disabled)}.combobox__input[data-v-8c5e944b]:read-only{cursor:pointer}.combobox__chips[data-v-8c5e944b]{flex:0 auto;order:1;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.combobox__chip[data-v-8c5e944b]{max-width:100%;height:1.125rem;color:var(--theme-neutral-text-subtitle);background-color:var(--theme-neutral-surface-icon);border-radius:.375rem;flex-shrink:0;align-items:center;gap:.5rem;padding:0 .375rem;font-size:.75rem;font-weight:400;line-height:1rem;display:flex}.combobox__chip-label[data-v-8c5e944b]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.combobox__chip-remove[data-v-8c5e944b]{color:var(--theme-neutral-icon-caption);cursor:pointer;transition:color var(--animation-duration-fast) ease;background:0 0;border:none;align-items:center;margin:0;padding:0;display:flex}.combobox__chip-remove[data-v-8c5e944b]:hover:not(:disabled){color:var(--theme-neutral-text-body)}.combobox__chip-remove[data-v-8c5e944b]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.combobox__chip-remove[data-v-8c5e944b]:disabled{cursor:not-allowed}.combobox__chip-icon[data-v-8c5e944b],.combobox__chip-avatar[data-v-8c5e944b]{flex-shrink:0;width:.75rem;height:.75rem}.combobox__chip-avatar[data-v-8c5e944b]{object-fit:cover;border-radius:50%}.combobox__chip--measured[data-v-8c5e944b]{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-9999px}.combobox__chip--counter[data-v-8c5e944b]{color:var(--theme-neutral-text-caption);flex-shrink:0;order:2}.combobox__arrow-button[data-v-8c5e944b]{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;margin:0;padding:0;display:flex}.combobox__arrow-button[data-v-8c5e944b]:disabled{cursor:not-allowed}.combobox__arrow[data-v-8c5e944b]{width:1.125rem;height:1.125rem;color:var(--theme-neutral-text-body);transition:transform var(--animation-duration-fast) ease}.combobox__message[data-v-8c5e944b]{color:var(--theme-neutral-text-body);margin:0;padding:.25rem .5rem;font-size:.625rem;font-weight:400;line-height:1.2}.combobox[data-v-8c5e944b]:hover:not(.combobox--disabled){--combobox-border-color:var(--theme-primary-300)}.combobox--open[data-v-8c5e944b],.combobox--open[data-v-8c5e944b]:hover{--combobox-border-color:var(--theme-primary-500)}.combobox--open .combobox__arrow[data-v-8c5e944b]{transform:rotate(180deg)}.combobox--invalid[data-v-8c5e944b]{--combobox-border-color:var(--theme-error-500)}.combobox--invalid .combobox__label[data-v-8c5e944b],.combobox--invalid .combobox__message[data-v-8c5e944b]{color:var(--theme-error-500)}.combobox--invalid[data-v-8c5e944b]:hover:not(.combobox--disabled){--combobox-border-color:var(--theme-error-500)}.combobox--disabled[data-v-8c5e944b]{--combobox-border-color:var(--theme-neutral-border-disabled)}.combobox--disabled .combobox__field[data-v-8c5e944b]{cursor:not-allowed}.combobox--disabled .combobox__label[data-v-8c5e944b],.combobox--disabled .combobox__message[data-v-8c5e944b],.combobox--disabled .combobox__arrow[data-v-8c5e944b]{color:var(--theme-neutral-text-disabled)}.combobox--disabled .combobox__label[data-v-8c5e944b]{cursor:not-allowed}.combobox__field[data-v-8c5e944b]:has(.combobox__input:focus-visible){outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.combobox-list[data-v-8c5e944b]{flex-direction:column;display:flex}.combobox-list__search[data-v-8c5e944b]{padding:.5rem .5rem 0}.combobox-list__options[data-v-8c5e944b]{flex-direction:column;gap:.5rem;max-height:15rem;padding:.5rem;display:flex;overflow-y:auto}.combobox-list__option[data-v-8c5e944b]{width:100%;min-height:2rem;color:var(--theme-neutral-text-title);text-align:left;cursor:pointer;transition:background-color var(--animation-duration-fast) ease;background-color:#0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex}.combobox-list__option[data-v-8c5e944b]:hover:not(.combobox-list__option--disabled),.combobox-list__option--active[data-v-8c5e944b]{background-color:var(--theme-secondary-50)}.combobox-list__option--disabled[data-v-8c5e944b]{cursor:not-allowed;opacity:.5}.combobox-list__label[data-v-8c5e944b]{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.combobox-list__status[data-v-8c5e944b]{color:var(--theme-neutral-text-caption);margin:0;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}

package/dist/components/v2/Combobox/Combobox.types.d.ts

@@ -0,0 +1,70 @@
+import { Component } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+import { PopoverAlign, PopoverSide } from '../Popover';
+export type ComboboxSize = 'small' | 'default' | 'large';
+export type ComboboxValue = string | number;
+export interface ComboboxOptionData {
+    value: ComboboxValue;
+    label: string;
+    disabled?: boolean;
+    /** Иконка 12×12 перед подписью выбранного значения — как в макете чипа. */
+    icon?: Component;
+    /** Картинка 12×12 (аватар) перед подписью выбранного значения. */
+    avatar?: string;
+}
+export interface ComboboxProps {
+    options: ComboboxOptionData[];
+    /** Множественный выбор: список не закрывается, значения показываются чипами. */
+    multiple?: boolean;
+    /**
+     * Фильтровать `options` по подстроке самому. Отключается, когда варианты
+     * приходят с сервера: тогда компонент показывает `options` как есть, а
+     * запрос отдаёт наружу через `search` / `v-model:search`.
+     */
+    filter?: boolean;
+    /**
+     * Показать в списке строку загрузки — пока ответ на внешний поиск в пути.
+     * Прежние варианты остаются видны под ней: список не должен мигать
+     * пустотой на каждый набранный символ.
+     */
+    loading?: boolean;
+    /** Подпись над полем. */
+    label?: string;
+    placeholder?: string;
+    /** Плейсхолдер поля поиска в мобильной шторке. */
+    searchPlaceholder?: string;
+    /** Пояснение под полем. При `invalid` его место занимает `errorText`. */
+    supportText?: string;
+    errorText?: string;
+    invalid?: boolean;
+    size?: ComboboxSize;
+    disabled?: boolean;
+    /** Текст пустого списка, когда вариантов нет вовсе. */
+    emptyText?: string;
+    /** Текст пустого списка, когда под запрос ничего не подошло. */
+    notFoundText?: string;
+    /** Текст строки загрузки при `loading`. */
+    loadingText?: string;
+    /**
+     * Ширина выпадающего списка. По умолчанию равна ширине поля — список должен
+     * совпадать с ним по краям.
+     */
+    width?: number;
+    /**
+     * По какому краю поля выравнивается список. Пригодится, когда список шире
+     * поля: у поля справа `end` не даёт ему вылезти за границу формы.
+     */
+    align?: PopoverAlign;
+    /** Сдвиг вдоль края выравнивания. */
+    alignOffset?: number;
+    /** С какой стороны от поля открывается список. */
+    side?: PopoverSide;
+    /** Зазор между полем и списком. */
+    sideOffset?: number;
+    /** Доступное имя, когда видимой подписи нет. */
+    ariaLabel?: string;
+    /** Ниже этой ширины экрана список открывается шторкой снизу. */
+    breakpointMobile?: TBreakpoints;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}

package/dist/components/v2/Combobox/Combobox.vue.d.ts

@@ -0,0 +1,53 @@
+import { ComboboxOptionData, ComboboxProps, ComboboxValue, ComboboxSize } from './Combobox.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+import { PopoverSide, PopoverAlign } from '..';
+type __VLS_Props = ComboboxProps;
+type __VLS_PublicProps = {
+    modelValue?: ComboboxValue | ComboboxValue[] | undefined;
+    'search'?: string;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    search: (query: string) => any;
+    "update:modelValue": (value: ComboboxValue | ComboboxValue[] | undefined) => any;
+    select: (option: ComboboxOptionData) => any;
+    change: (value: ComboboxValue | ComboboxValue[] | undefined) => any;
+    "update:search": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSearch?: ((query: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ComboboxValue | ComboboxValue[] | undefined) => any) | undefined;
+    onSelect?: ((option: ComboboxOptionData) => any) | undefined;
+    onChange?: ((value: ComboboxValue | ComboboxValue[] | undefined) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
+}>, {
+    multiple: boolean;
+    filter: boolean;
+    label: string;
+    size: ComboboxSize;
+    placeholder: string;
+    disabled: boolean;
+    width: number;
+    loading: boolean;
+    breakpointMobile: TBreakpoints;
+    invalid: boolean;
+    errorText: string;
+    side: PopoverSide;
+    sideOffset: number;
+    align: PopoverAlign;
+    alignOffset: number;
+    ariaLabel: string;
+    testId: string;
+    supportText: string;
+    searchPlaceholder: string;
+    emptyText: string;
+    notFoundText: string;
+    loadingText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    fieldRef: HTMLDivElement;
+    contentRef: HTMLDivElement;
+    inputRef: HTMLInputElement;
+    chipsRef: HTMLSpanElement;
+    counterRef: HTMLSpanElement;
+    listRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/components/v2/Combobox/Combobox.vue.js

@@ -0,0 +1,8 @@
+import './Combobox.css';
+import o from "./Combobox.vue2.js";
+/* empty css              */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c5e944b"]]);
+export {
+  _ as default
+};