@profitliga/ui 2.0.2 → 2.0.4

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

@@ -1,8 +1,8 @@
-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 { defineComponent as W, useModel as X, useId as q, ref as M, computed as y, watch as T, 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 A, Fragment as J, renderList as K, withDirectives as Q, vModelCheckbox as Z, createTextVNode as ee, normalizeStyle as le, normalizeClass as te, withModifiers as ae, mergeModels as B } from "vue";
+import { CircleX as U, Check as oe, Clock as se } from "@lucide/vue";
+import de from "../Button/Button.vue.js";
+import ne from "../Popover/Popover.vue.js";
+import { useIsMobile as ie } from "../shared/useIsMobile.util.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";
@@ -20,7 +20,7 @@ const ce = ["disabled", "aria-label"], fe = {
   "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({
+  props: /* @__PURE__ */ B({
     placeholder: { default: "Выберите расписание" },
     size: { default: "default" },
     width: { default: 300 },
@@ -30,7 +30,7 @@ const ce = ["disabled", "aria-label"], fe = {
     defaultTo: { default: "17:30" },
     dayLabels: { default: void 0 },
     dayShortLabels: { default: void 0 },
-    breakpointMobile: { default: "sm" },
+    breakpointMobile: { type: [String, Boolean], default: "sm" },
     label: { default: void 0 },
     labels: { default: void 0 },
     testId: { default: void 0 }
@@ -38,18 +38,18 @@ const ce = ["disabled", "aria-label"], fe = {
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["apply"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ B(["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(
+    const d = n, F = z, p = X(n, "modelValue"), c = ue(() => d.testId), S = `schedule-title-${q()}`, b = M(!1), V = ie(d.breakpointMobile), $ = y(() => d.labels?.title ?? "Расписание"), g = y(() => d.labels?.from ?? "с"), N = y(() => d.labels?.to ?? "до"), O = y(
       () => d.width === "full" ? "100%" : `${d.width}px`
     );
-    function C(a) {
+    function C(t) {
       const s = (e) => {
-        const t = a?.[e];
+        const a = t?.[e];
         return {
-          active: !!t,
-          from: t?.from ?? d.defaultFrom,
-          to: t?.to ?? d.defaultTo
+          active: !!a,
+          from: a?.from ?? d.defaultFrom,
+          to: a?.to ?? d.defaultTo
         };
       };
       return {
@@ -62,25 +62,25 @@ const ce = ["disabled", "aria-label"], fe = {
         sunday: s("sunday")
       };
     }
-    const u = T(C(p.value));
-    A(b, (a) => {
-      a && (u.value = C(p.value));
-    }), A(
+    const u = M(C(p.value));
+    T(b, (t) => {
+      t && (u.value = C(p.value));
+    }), T(
       p,
-      (a) => {
-        b.value || (u.value = C(a));
+      (t) => {
+        b.value || (u.value = C(t));
       },
       { 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}`;
+    function D(t, s) {
+      const e = d.dayLabels?.[t] ?? E[t], a = s === "from" ? d.labels?.timeFrom ?? "время начала" : d.labels?.timeTo ?? "время окончания";
+      return `${e}, ${a}`;
     }
     const k = y(() => {
-      const a = p.value;
-      if (!a) return "";
+      const t = p.value;
+      if (!t) return "";
       const e = L.flatMap((o) => {
-        const r = a[o];
+        const r = t[o];
         return r ? [{ day: o, ...r }] : [];
       }).reduce((o, r) => {
         const _ = o[o.length - 1], R = _ && L.indexOf(r.day) === L.indexOf(_.end) + 1;
@@ -90,28 +90,28 @@ const ce = ["disabled", "aria-label"], fe = {
           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("; ");
+      }, []), a = (o) => d.dayShortLabels?.[o] ?? re[o];
+      return e.map((o) => `${o.start === o.end ? a(o.start) : `${a(o.start)}–${a(o.end)}`}, ${o.from}–${o.to}`).join("; ");
     }), P = y(() => {
-      const a = d.label ?? d.placeholder;
-      return k.value ? `${a}: ${k.value}` : a;
+      const t = d.label ?? d.placeholder;
+      return k.value ? `${t}: ${k.value}` : t;
     });
-    function H(a) {
-      d.disabled && a.stopPropagation();
+    function H(t) {
+      d.disabled && t.stopPropagation();
     }
     function Y() {
-      const a = {};
+      const t = {};
       for (const e of L) {
-        const t = u.value[e];
-        t.active && (a[e] = { from: t.from, to: t.to });
+        const a = u.value[e];
+        a.active && (t[e] = { from: a.from, to: a.to });
       }
-      const s = Object.keys(a).length > 0 ? a : null;
+      const s = Object.keys(t).length > 0 ? t : 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), {
+    return (t, s) => (m(), G(l(ne), {
       open: b.value,
       "onUpdate:open": s[1] || (s[1] = (e) => b.value = e),
       side: "bottom",
@@ -119,13 +119,13 @@ const ce = ["disabled", "aria-label"], fe = {
       arrow: !1,
       width: Ce,
       "breakpoint-mobile": n.breakpointMobile,
-      label: l(V) ? void 0 : D.value,
-      "labelled-by": l(V) ? $ : void 0,
+      label: l(V) ? void 0 : $.value,
+      "labelled-by": l(V) ? S : void 0,
       "test-id": n.testId
     }, {
       trigger: x(({ props: e }) => [
         i("div", {
-          class: ae(["schedule-field", [
+          class: te(["schedule-field", [
             `schedule-field--${n.size}`,
             {
               "schedule-field--open": b.value,
@@ -154,10 +154,10 @@ const ce = ["disabled", "aria-label"], fe = {
             class: "schedule-field__clear",
             "aria-label": n.labels?.clear ?? "Очистить"
           }, l(c)("clear"), {
-            onClick: te(j, ["stop"])
+            onClick: ae(j, ["stop"])
           }), [
-            v(l(B))
-          ], 16, me)) : M("", !0)
+            v(l(U))
+          ], 16, me)) : A("", !0)
         ], 6)
       ]),
       default: x(() => [
@@ -166,9 +166,9 @@ const ce = ["disabled", "aria-label"], fe = {
         }, l(c)("panel")), [
           l(V) ? (m(), w("div", he, [
             i("span", {
-              id: $,
+              id: S,
               class: "schedule-panel__title"
-            }, h(D.value), 1),
+            }, h($.value), 1),
             i("button", f({
               type: "button",
               class: "schedule-panel__close",
@@ -176,9 +176,9 @@ const ce = ["disabled", "aria-label"], fe = {
             }, l(c)("close"), {
               onClick: s[0] || (s[0] = (e) => b.value = !1)
             }), [
-              v(l(B), { size: 24 })
+              v(l(U), { size: 24 })
             ], 16, ve)
-          ])) : M("", !0),
+          ])) : A("", !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,
@@ -186,7 +186,7 @@ const ce = ["disabled", "aria-label"], fe = {
             }, { ref_for: !0 }, l(c)("row", e)), [
               i("label", pe, [
                 Q(i("input", f({
-                  "onUpdate:modelValue": (t) => u.value[e].active = t,
+                  "onUpdate:modelValue": (a) => u.value[e].active = a,
                   type: "checkbox",
                   class: "schedule-row__checkbox"
                 }, { ref_for: !0 }, l(c)("day", e)), null, 16, _e), [
@@ -201,24 +201,24 @@ const ce = ["disabled", "aria-label"], fe = {
                 i("span", we, h(n.dayLabels?.[e] ?? l(E)[e]), 1)
               ]),
               i("div", ke, [
-                i("span", Le, h(N.value), 1),
+                i("span", Le, h(g.value), 1),
                 v(I, f({
                   modelValue: u.value[e].from,
-                  "onUpdate:modelValue": (t) => u.value[e].from = t,
+                  "onUpdate:modelValue": (a) => u.value[e].from = a,
                   disabled: !u.value[e].active,
-                  "aria-label": S(e, "from")
+                  "aria-label": D(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),
+                i("span", Ve, h(N.value), 1),
                 v(I, f({
                   modelValue: u.value[e].to,
-                  "onUpdate:modelValue": (t) => u.value[e].to = t,
+                  "onUpdate:modelValue": (a) => u.value[e].to = a,
                   disabled: !u.value[e].active,
-                  "aria-label": S(e, "to")
+                  "aria-label": D(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({
+          v(l(de), f({
             variant: "success",
             full: ""
           }, l(c)("apply"), { onClick: Y }), {

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

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

@@ -1,5 +1,5 @@
 import { Component, VNodeChild } from 'vue';
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 import { PopoverAlign, PopoverSide } from '../Popover';
 export type SelectSize = 'small' | 'default' | 'large';
 export type SelectValue = string | number;
@@ -65,6 +65,12 @@ export interface SelectProps<T extends SelectOptionData = SelectOptionData> {
     multiple?: boolean;
     /** Подпись над полем. */
     label?: string;
+    /**
+     * Обязательное поле: к подписи добавляется красная звёздочка, кнопке —
+     * `aria-required`. Проверку значения проп на себя не берёт, это забота
+     * формы, — он только помечает поле.
+     */
+    required?: boolean;
     placeholder?: string;
     /** Пояснение под полем. При `invalid` его место занимает `errorText`. */
     supportText?: string;
@@ -91,7 +97,7 @@ export interface SelectProps<T extends SelectOptionData = SelectOptionData> {
     /** Доступное имя, когда видимой подписи нет. */
     ariaLabel?: string;
     /** Ниже этой ширины экрана список открывается шторкой снизу. */
-    breakpointMobile?: TBreakpoints;
+    breakpointMobile?: TBreakpointMobile;
     /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
     testId?: string;
 }

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

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