@profitliga/ui 1.2.90 → 2.0.1

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

@@ -0,0 +1,238 @@
+import { defineComponent as W, useModel as X, useId as q, ref as T, computed as y, watch as A, openBlock as m, createBlock as G, unref as l, withCtx as x, createElementVNode as i, mergeProps as f, createElementBlock as w, toDisplayString as h, createVNode as v, createCommentVNode as M, Fragment as J, renderList as K, withDirectives as Q, vModelCheckbox as Z, createTextVNode as ee, normalizeStyle as le, normalizeClass as ae, withModifiers as te, mergeModels as U } from "vue";
+import { CircleX as B, Check as oe, Clock as se } from "@lucide/vue";
+import { breakpoints as de } from "../../../utils/breakpoints.util.js";
+import ne from "../Button/Button.vue.js";
+import ie from "../Popover/Popover.vue.js";
+import { useTestId as ue } from "../shared/useTestId.util.js";
+import { SCHEDULE_DAYS as L, DEFAULT_DAY_LABELS as E, DEFAULT_DAY_SHORT_LABELS as re } from "./Schedule.util.js";
+import I from "./ScheduleTimeInput.vue.js";
+const ce = ["disabled", "aria-label"], fe = {
+  key: 0,
+  class: "schedule-field__placeholder"
+}, be = {
+  key: 1,
+  class: "schedule-field__value"
+}, me = ["aria-label"], he = {
+  key: 0,
+  class: "schedule-panel__header"
+}, ve = ["aria-label"], pe = { class: "schedule-row__day" }, _e = ["onUpdate:modelValue"], ye = {
+  class: "schedule-row__box",
+  "aria-hidden": "true"
+}, we = { class: "schedule-row__label" }, ke = { class: "schedule-row__times" }, Le = { class: "schedule-row__preposition" }, Ve = { class: "schedule-row__preposition" }, Ce = 500, Ee = /* @__PURE__ */ W({
+  __name: "Schedule",
+  props: /* @__PURE__ */ U({
+    placeholder: { default: "Выберите расписание" },
+    size: { default: "default" },
+    width: { default: 300 },
+    disabled: { type: Boolean, default: !1 },
+    showClear: { type: Boolean, default: !0 },
+    defaultFrom: { default: "08:30" },
+    defaultTo: { default: "17:30" },
+    dayLabels: { default: void 0 },
+    dayShortLabels: { default: void 0 },
+    breakpointMobile: { default: "sm" },
+    label: { default: void 0 },
+    labels: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ U(["apply"], ["update:modelValue"]),
+  setup(n, { emit: z }) {
+    const d = n, F = z, p = X(n, "modelValue"), c = ue(() => d.testId), $ = `schedule-title-${q()}`, b = T(!1), V = de.smaller(d.breakpointMobile), D = y(() => d.labels?.title ?? "Расписание"), N = y(() => d.labels?.from ?? "с"), g = y(() => d.labels?.to ?? "до"), O = y(
+      () => d.width === "full" ? "100%" : `${d.width}px`
+    );
+    function C(a) {
+      const s = (e) => {
+        const t = a?.[e];
+        return {
+          active: !!t,
+          from: t?.from ?? d.defaultFrom,
+          to: t?.to ?? d.defaultTo
+        };
+      };
+      return {
+        monday: s("monday"),
+        tuesday: s("tuesday"),
+        wednesday: s("wednesday"),
+        thursday: s("thursday"),
+        friday: s("friday"),
+        saturday: s("saturday"),
+        sunday: s("sunday")
+      };
+    }
+    const u = T(C(p.value));
+    A(b, (a) => {
+      a && (u.value = C(p.value));
+    }), A(
+      p,
+      (a) => {
+        b.value || (u.value = C(a));
+      },
+      { deep: !0 }
+    );
+    function S(a, s) {
+      const e = d.dayLabels?.[a] ?? E[a], t = s === "from" ? d.labels?.timeFrom ?? "время начала" : d.labels?.timeTo ?? "время окончания";
+      return `${e}, ${t}`;
+    }
+    const k = y(() => {
+      const a = p.value;
+      if (!a) return "";
+      const e = L.flatMap((o) => {
+        const r = a[o];
+        return r ? [{ day: o, ...r }] : [];
+      }).reduce((o, r) => {
+        const _ = o[o.length - 1], R = _ && L.indexOf(r.day) === L.indexOf(_.end) + 1;
+        return _ && R && _.from === r.from && _.to === r.to ? (_.end = r.day, o) : (o.push({
+          start: r.day,
+          end: r.day,
+          from: r.from,
+          to: r.to
+        }), o);
+      }, []), t = (o) => d.dayShortLabels?.[o] ?? re[o];
+      return e.map((o) => `${o.start === o.end ? t(o.start) : `${t(o.start)}–${t(o.end)}`}, ${o.from}–${o.to}`).join("; ");
+    }), P = y(() => {
+      const a = d.label ?? d.placeholder;
+      return k.value ? `${a}: ${k.value}` : a;
+    });
+    function H(a) {
+      d.disabled && a.stopPropagation();
+    }
+    function Y() {
+      const a = {};
+      for (const e of L) {
+        const t = u.value[e];
+        t.active && (a[e] = { from: t.from, to: t.to });
+      }
+      const s = Object.keys(a).length > 0 ? a : null;
+      p.value = s, F("apply", s), b.value = !1;
+    }
+    function j() {
+      p.value = null, u.value = C(null);
+    }
+    return (a, s) => (m(), G(l(ie), {
+      open: b.value,
+      "onUpdate:open": s[1] || (s[1] = (e) => b.value = e),
+      side: "bottom",
+      align: "start",
+      arrow: !1,
+      width: Ce,
+      "breakpoint-mobile": n.breakpointMobile,
+      label: l(V) ? void 0 : D.value,
+      "labelled-by": l(V) ? $ : void 0,
+      "test-id": n.testId
+    }, {
+      trigger: x(({ props: e }) => [
+        i("div", {
+          class: ae(["schedule-field", [
+            `schedule-field--${n.size}`,
+            {
+              "schedule-field--open": b.value,
+              "schedule-field--disabled": n.disabled
+            }
+          ]]),
+          style: le({ width: O.value }),
+          onClick: H
+        }, [
+          i("button", f({
+            type: "button",
+            class: "schedule-field__main",
+            disabled: n.disabled,
+            "aria-label": P.value
+          }, { ...e, ...l(c)("field") }), [
+            v(l(se), {
+              class: "schedule-field__icon",
+              size: 18,
+              "aria-hidden": "true"
+            }),
+            k.value ? (m(), w("span", be, h(k.value), 1)) : (m(), w("span", fe, h(n.placeholder), 1))
+          ], 16, ce),
+          n.showClear && k.value ? (m(), w("button", f({
+            key: 0,
+            type: "button",
+            class: "schedule-field__clear",
+            "aria-label": n.labels?.clear ?? "Очистить"
+          }, l(c)("clear"), {
+            onClick: te(j, ["stop"])
+          }), [
+            v(l(B))
+          ], 16, me)) : M("", !0)
+        ], 6)
+      ]),
+      default: x(() => [
+        i("div", f({
+          class: ["schedule-panel", { "schedule-panel--mobile": l(V) }]
+        }, l(c)("panel")), [
+          l(V) ? (m(), w("div", he, [
+            i("span", {
+              id: $,
+              class: "schedule-panel__title"
+            }, h(D.value), 1),
+            i("button", f({
+              type: "button",
+              class: "schedule-panel__close",
+              "aria-label": n.labels?.close ?? "Закрыть"
+            }, l(c)("close"), {
+              onClick: s[0] || (s[0] = (e) => b.value = !1)
+            }), [
+              v(l(B), { size: 24 })
+            ], 16, ve)
+          ])) : M("", !0),
+          i("div", f({ class: "schedule-panel__rows" }, l(c)("rows")), [
+            (m(!0), w(J, null, K(l(L), (e) => (m(), w("div", f({
+              key: e,
+              class: "schedule-row"
+            }, { ref_for: !0 }, l(c)("row", e)), [
+              i("label", pe, [
+                Q(i("input", f({
+                  "onUpdate:modelValue": (t) => u.value[e].active = t,
+                  type: "checkbox",
+                  class: "schedule-row__checkbox"
+                }, { ref_for: !0 }, l(c)("day", e)), null, 16, _e), [
+                  [Z, u.value[e].active]
+                ]),
+                i("span", ye, [
+                  v(l(oe), {
+                    size: 14,
+                    "stroke-width": 3
+                  })
+                ]),
+                i("span", we, h(n.dayLabels?.[e] ?? l(E)[e]), 1)
+              ]),
+              i("div", ke, [
+                i("span", Le, h(N.value), 1),
+                v(I, f({
+                  modelValue: u.value[e].from,
+                  "onUpdate:modelValue": (t) => u.value[e].from = t,
+                  disabled: !u.value[e].active,
+                  "aria-label": S(e, "from")
+                }, { ref_for: !0 }, l(c)("time-from", e)), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "aria-label"]),
+                i("span", Ve, h(g.value), 1),
+                v(I, f({
+                  modelValue: u.value[e].to,
+                  "onUpdate:modelValue": (t) => u.value[e].to = t,
+                  disabled: !u.value[e].active,
+                  "aria-label": S(e, "to")
+                }, { ref_for: !0 }, l(c)("time-to", e)), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "aria-label"])
+              ])
+            ], 16))), 128))
+          ], 16),
+          v(l(ne), f({
+            variant: "success",
+            full: ""
+          }, l(c)("apply"), { onClick: Y }), {
+            default: x(() => [
+              ee(h(n.labels?.apply ?? "Применить"), 1)
+            ]),
+            _: 1
+          }, 16)
+        ], 16)
+      ]),
+      _: 1
+    }, 8, ["open", "breakpoint-mobile", "label", "labelled-by", "test-id"]));
+  }
+});
+export {
+  Ee as default
+};

package/dist/components/v2/Schedule/ScheduleTimeInput.css

@@ -0,0 +1 @@
+.schedule-time[data-v-869fe88b]{background-color:var(--theme-neutral-0);border:.0625rem solid var(--theme-neutral-border-default);width:100%;min-width:0;color:var(--theme-neutral-text-body);text-align:center;transition:border-color var(--animation-duration-fast) ease;border-radius:.5rem;flex:1 1 0;padding:.375rem .5rem;font-family:inherit;font-size:.75rem;font-weight:400;line-height:1rem}.schedule-time[data-v-869fe88b]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:.0625rem}@media (max-width:1009.98px){.schedule-time[data-v-869fe88b]{font-size:1rem}}.schedule-time[data-v-869fe88b]::placeholder{color:var(--theme-neutral-400)}.schedule-time[data-v-869fe88b]:hover:not(:disabled){border-color:var(--input-border-color-hover)}.schedule-time[data-v-869fe88b]:focus-visible{border-color:var(--input-border-color-focus)}.schedule-time[data-v-869fe88b]:disabled{background-color:var(--theme-neutral-200);color:var(--theme-neutral-400);cursor:not-allowed}

package/dist/components/v2/Schedule/ScheduleTimeInput.vue.d.ts

@@ -0,0 +1,25 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * Поле ввода времени по маске `ЧЧ:ММ`: разделитель ставится сам, невозможные
+ * на своей позиции цифры не набираются (см. `applyTimeMask`).
+ *
+ * Маска своя, а не нативный `type="time"` и не сегментированный ввод из v1:
+ * первый приносит собственную иконку и вёрстку, которых в дизайне нет, второй
+ * тянет reka-ui, от которой v2 отвязана.
+ */
+type __VLS_Props = {
+    disabled?: boolean;
+    /** Доступное имя поля — видимой подписи у него нет. */
+    ariaLabel?: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLInputElement>;
+export default _default;

package/dist/components/v2/Schedule/ScheduleTimeInput.vue.js

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

package/dist/components/v2/Schedule/ScheduleTimeInput.vue2.js

@@ -0,0 +1,64 @@
+import { defineComponent as b, useModel as w, useTemplateRef as x, ref as y, watch as B, openBlock as D, createElementBlock as M, withKeys as R, withModifiers as T, mergeModels as V } from "vue";
+import { formatTimeDigits as r, timeToDigits as c, applyTimeMask as m } from "./Schedule.util.js";
+const _ = ["value", "disabled", "aria-label", "onKeydown"], I = /* @__PURE__ */ b({
+  __name: "ScheduleTimeInput",
+  props: /* @__PURE__ */ V({
+    disabled: { type: Boolean, default: !1 },
+    ariaLabel: { default: () => {
+    } }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const u = w(s, "modelValue"), i = x("inputRef"), l = y(r(c(u.value)));
+    B(u, (t) => {
+      l.value = r(c(t));
+    });
+    function v(t, e) {
+      return t.slice(0, e).replace(/\D/g, "").length;
+    }
+    function p(t, e) {
+      if (e <= 0) return 0;
+      let a = 0;
+      for (let n = 0; n < t.length; n += 1)
+        if (/\d/.test(t[n]) && (a += 1, a === e))
+          return n + 1;
+      return t.length;
+    }
+    function g(t) {
+      const e = t.target, a = e.value, n = e.selectionStart ?? a.length, h = n === a.length, o = r(m(a));
+      l.value = o, e.value !== o && (e.value = o);
+      const f = h ? o.length : p(o, v(a, n));
+      e.setSelectionRange(f, f);
+    }
+    function d() {
+      const t = m(l.value);
+      if (t.length < 4) {
+        l.value = r(c(u.value)), i.value && (i.value.value = l.value);
+        return;
+      }
+      const e = r(t);
+      l.value = e, i.value && (i.value.value = e), e !== u.value && (u.value = e);
+    }
+    return (t, e) => (D(), M("input", {
+      ref_key: "inputRef",
+      ref: i,
+      type: "text",
+      class: "schedule-time",
+      inputmode: "numeric",
+      autocomplete: "off",
+      placeholder: "ЧЧ:ММ",
+      value: l.value,
+      disabled: s.disabled,
+      "aria-label": s.ariaLabel,
+      onInput: g,
+      onBlur: d,
+      onKeydown: R(T(d, ["prevent"]), ["enter"])
+    }, null, 40, _));
+  }
+});
+export {
+  I as default
+};

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

@@ -0,0 +1,4 @@
+import { default as Schedule } from './Schedule.vue';
+export type { ScheduleDay, ScheduleDayValue, ScheduleEmits, ScheduleLabels, ScheduleModelValue, ScheduleProps, ScheduleValue } from './Schedule.types';
+export { DEFAULT_DAY_LABELS, DEFAULT_DAY_SHORT_LABELS, SCHEDULE_DAYS } from './Schedule.util';
+export { Schedule };

package/dist/components/v2/Select/Select.css

@@ -0,0 +1 @@
+.select[data-v-b9512ce4]{--select-field-height:2.5rem;--select-field-radius:.5rem;--select-font-size:.875rem;--select-line-height:1.25rem;--select-label-font-size:.875rem;--select-label-line-height:1rem;--select-border-color:var(--theme-neutral-border-default);flex-direction:column;display:flex}.select--small[data-v-b9512ce4]{--select-field-height:2.25rem;--select-label-font-size:.75rem}.select--large[data-v-b9512ce4]{--select-field-height:2.75rem;--select-field-radius:.75rem;--select-font-size:1rem;--select-line-height:1.5rem;--select-label-font-size:1rem;--select-label-line-height:1.25rem}.select__label[data-v-b9512ce4]{font-weight:400;font-size:var(--select-label-font-size);line-height:var(--select-label-line-height);color:var(--theme-neutral-text-title);cursor:pointer;padding:.375rem .5rem}.select__field[data-v-b9512ce4]{min-height:var(--select-field-height);background-color:var(--theme-neutral-0);border:.0625rem solid var(--select-border-color);border-radius:var(--select-field-radius);transition:border-color var(--animation-duration-fast) ease;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex;position:relative}.select[data-v-b9512ce4] .popover-trigger{position:absolute;inset:0}.select__trigger[data-v-b9512ce4]{border-radius:inherit;cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0}.select__trigger[data-v-b9512ce4]:disabled{cursor:not-allowed}.select__content[data-v-b9512ce4]{z-index:1;pointer-events:none;flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex;position:relative}.select__chips[data-v-b9512ce4]{flex:0 auto;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.select__value[data-v-b9512ce4],.select__placeholder[data-v-b9512ce4]{min-width:0;font-weight:400;font-size:var(--select-font-size);line-height:var(--select-line-height);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select__value[data-v-b9512ce4]{color:var(--theme-neutral-text-body)}.select__placeholder[data-v-b9512ce4]{color:var(--theme-neutral-550)}.select__chip[data-v-b9512ce4]{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}.select__chip-label[data-v-b9512ce4]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select__chip-remove[data-v-b9512ce4]{color:var(--theme-neutral-icon-caption);cursor:pointer;pointer-events:auto;transition:color var(--animation-duration-fast) ease;background:0 0;border:none;align-items:center;margin:0;padding:0;display:flex}.select__chip-remove[data-v-b9512ce4]:hover:not(:disabled){color:var(--theme-neutral-text-body)}.select__chip-remove[data-v-b9512ce4]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.select__chip-remove[data-v-b9512ce4]:disabled{cursor:not-allowed}.select__chip-icon[data-v-b9512ce4],.select__chip-avatar[data-v-b9512ce4]{flex-shrink:0;width:.75rem;height:.75rem}.select__chip-avatar[data-v-b9512ce4]{object-fit:cover;border-radius:50%}.select__chip--measured[data-v-b9512ce4]{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-9999px}.select__chip--counter[data-v-b9512ce4]{color:var(--theme-neutral-text-caption);flex-shrink:0}.select__arrow[data-v-b9512ce4]{width:1.125rem;height:1.125rem;color:var(--theme-neutral-text-body);pointer-events:none;transition:transform var(--animation-duration-fast) ease;flex-shrink:0}.select__message[data-v-b9512ce4]{color:var(--theme-neutral-text-body);margin:0;padding:.25rem .5rem;font-size:.625rem;font-weight:400;line-height:1.2}.select[data-v-b9512ce4]:hover:not(.select--disabled){--select-border-color:var(--theme-primary-300)}.select--open[data-v-b9512ce4],.select--open[data-v-b9512ce4]:hover{--select-border-color:var(--theme-primary-500)}.select--open .select__arrow[data-v-b9512ce4]{transform:rotate(180deg)}.select--invalid[data-v-b9512ce4]{--select-border-color:var(--theme-error-500)}.select--invalid .select__label[data-v-b9512ce4],.select--invalid .select__message[data-v-b9512ce4]{color:var(--theme-error-500)}.select--invalid[data-v-b9512ce4]:hover:not(.select--disabled){--select-border-color:var(--theme-error-500)}.select--disabled[data-v-b9512ce4]{--select-border-color:var(--theme-neutral-border-disabled)}.select--disabled .select__label[data-v-b9512ce4],.select--disabled .select__value[data-v-b9512ce4],.select--disabled .select__placeholder[data-v-b9512ce4],.select--disabled .select__message[data-v-b9512ce4],.select--disabled .select__arrow[data-v-b9512ce4]{color:var(--theme-neutral-text-disabled)}.select--disabled .select__label[data-v-b9512ce4]{cursor:not-allowed}.select__field[data-v-b9512ce4]:has(.select__trigger:focus-visible){outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.select-list[data-v-b9512ce4]{outline:none;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.select-list__option[data-v-b9512ce4]{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}.select-list__option[data-v-b9512ce4]:hover:not(.select-list__option--disabled),.select-list__option--active[data-v-b9512ce4]{background-color:var(--theme-secondary-50)}.select-list__option--disabled[data-v-b9512ce4]{cursor:not-allowed;opacity:.5}.select-list__label[data-v-b9512ce4]{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.select-list__empty[data-v-b9512ce4]{color:var(--theme-neutral-text-caption);margin:0;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}

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

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

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

@@ -0,0 +1,41 @@
+import { SelectOptionData, SelectProps, SelectValue, SelectSize } from './Select.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+import { PopoverSide, PopoverAlign } from '..';
+type __VLS_Props = SelectProps;
+type __VLS_PublicProps = {
+    modelValue?: SelectValue | SelectValue[] | undefined;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: SelectValue | SelectValue[] | undefined) => any;
+    select: (option: SelectOptionData) => any;
+    change: (value: SelectValue | SelectValue[] | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SelectValue | SelectValue[] | undefined) => any) | undefined;
+    onSelect?: ((option: SelectOptionData) => any) | undefined;
+    onChange?: ((value: SelectValue | SelectValue[] | undefined) => any) | undefined;
+}>, {
+    multiple: boolean;
+    label: string;
+    size: SelectSize;
+    placeholder: string;
+    disabled: boolean;
+    width: number;
+    breakpointMobile: TBreakpoints;
+    invalid: boolean;
+    errorText: string;
+    side: PopoverSide;
+    sideOffset: number;
+    align: PopoverAlign;
+    alignOffset: number;
+    ariaLabel: string;
+    testId: string;
+    supportText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    fieldRef: HTMLDivElement;
+    listRef: HTMLDivElement;
+    contentRef: HTMLDivElement;
+    chipsRef: HTMLSpanElement;
+    counterRef: HTMLSpanElement;
+}, any>;
+export default _default;

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

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