@profitliga/ui 2.0.3 → 2.0.5

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

@@ -1,11 +1,11 @@
-import { defineComponent as O, useModel as j, useSlots as w, useId as G, useTemplateRef as H, inject as K, ref as b, computed as t, openBlock as i, createElementBlock as r, mergeProps as v, unref as c, createElementVNode as U, createVNode as Y, renderSlot as N, createTextVNode as z, toDisplayString as C, createCommentVNode as h, mergeModels as I } from "vue";
-import { useTestId as q } from "../shared/useTestId.util.js";
+import { defineComponent as j, useModel as w, useSlots as G, useId as H, useTemplateRef as K, inject as U, ref as h, computed as t, openBlock as d, createElementBlock as i, mergeProps as r, unref as v, createElementVNode as Y, createVNode as q, renderSlot as k, createTextVNode as z, toDisplayString as C, createCommentVNode as g, mergeModels as I } from "vue";
+import { useTestId as x } from "../shared/useTestId.util.js";
 import { RADIO_GROUP_KEY as J } from "./radioGroup.context.js";
 import Q from "./RadioMarker.vue.js";
 const W = ["for"], X = ["id", "name", "value", "checked", "disabled"], Z = {
-  key: 0,
+  key: 1,
   class: "radio__text"
-}, oe = /* @__PURE__ */ O({
+}, oe = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "Radio",
   props: /* @__PURE__ */ I({
@@ -22,75 +22,83 @@ const W = ["for"], X = ["id", "name", "value", "checked", "disabled"], Z = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ I(["change"], ["update:modelValue"]),
-  setup(o, { emit: M }) {
-    const e = o, P = M, k = j(o, "modelValue"), g = w(), n = q(() => e.testId), D = G(), B = H("inputRef"), l = K(J, void 0), f = b(!1), u = b(!1), m = b(!1), y = t(() => e.id ?? `${D}-radio`), T = t(() => e.name ?? l?.name), $ = t(
+  setup(n, { emit: M }) {
+    const e = n, P = M, $ = w(n, "modelValue"), y = G(), u = x(() => e.testId), D = H(), B = K("inputRef"), l = U(J, void 0), f = h(!1), c = h(!1), m = h(!1), R = t(() => e.id ?? `${D}-radio`), T = t(() => e.name ?? l?.name), S = t(
       () => e.size ?? l?.size.value ?? "default"
-    ), s = t(
+    ), o = t(
       () => e.disabled || !!l?.disabled.value
-    ), R = t(() => (l ? l.selected.value : k.value) === e.value), S = t(() => !!(e.label || g.default)), V = t(
-      () => !!(e.description || g.description)
-    ), _ = t(() => S.value || V.value), E = t(() => s.value ? "default" : u.value ? "pressed" : m.value ? "focused" : f.value ? "hover" : "default"), F = t(() => [
+    ), p = t(() => (l ? l.selected.value : $.value) === e.value), V = t(() => !!(e.label || y.default)), N = t(
+      () => !!(e.description || y.description)
+    ), _ = t(() => V.value || N.value), E = t(() => o.value ? "default" : c.value ? "pressed" : m.value ? "focused" : f.value ? "hover" : "default"), F = t(() => [
       "radio",
-      `radio--${$.value}`,
-      { "radio--disabled": s.value }
+      `radio--${S.value}`,
+      { "radio--disabled": o.value }
     ]);
-    function x() {
-      f.value = !1, u.value = !1;
-    }
     function A() {
-      m.value = !!B.value?.matches(":focus-visible");
+      f.value = !1, c.value = !1;
     }
     function L() {
-      s.value || (l ? l.select(e.value) : k.value = e.value, P("change", e.value));
+      m.value = !!B.value?.matches(":focus-visible");
+    }
+    function O() {
+      o.value || (l ? l.select(e.value) : $.value = e.value, P("change", e.value));
     }
-    return (d, a) => (i(), r("label", v({
+    return (s, a) => (d(), i("label", r({
       class: F.value,
-      for: y.value
-    }, c(n)("root"), {
-      onMouseenter: a[1] || (a[1] = (p) => f.value = !0),
-      onMouseleave: x,
-      onPointerdown: a[2] || (a[2] = (p) => u.value = !0),
-      onPointerup: a[3] || (a[3] = (p) => u.value = !1)
+      for: R.value
+    }, v(u)("root"), {
+      onMouseenter: a[1] || (a[1] = (b) => f.value = !0),
+      onMouseleave: A,
+      onPointerdown: a[2] || (a[2] = (b) => c.value = !0),
+      onPointerup: a[3] || (a[3] = (b) => c.value = !1)
     }), [
-      U("input", v({
-        id: y.value,
+      Y("input", r({
+        id: R.value,
         ref_key: "inputRef",
         ref: B,
         type: "radio",
         class: "radio__input",
         name: T.value,
-        value: String(o.value),
-        checked: R.value,
-        disabled: s.value
-      }, { ...d.$attrs, ...c(n)("input") }, {
-        onChange: L,
-        onFocus: A,
-        onBlur: a[0] || (a[0] = (p) => m.value = !1)
+        value: String(n.value),
+        checked: p.value,
+        disabled: o.value
+      }, { ...s.$attrs, ...v(u)("input") }, {
+        onChange: O,
+        onFocus: L,
+        onBlur: a[0] || (a[0] = (b) => m.value = !1)
       }), null, 16, X),
-      Y(Q, {
-        size: $.value,
-        checked: R.value,
-        disabled: s.value,
+      q(Q, {
+        size: S.value,
+        checked: p.value,
+        disabled: o.value,
         state: E.value
       }, null, 8, ["size", "checked", "disabled", "state"]),
-      _.value ? (i(), r("span", Z, [
-        S.value ? (i(), r("span", v({
+      s.$slots.content ? (d(), i("span", r({
+        key: 0,
+        class: "radio__content"
+      }, v(u)("content")), [
+        k(s.$slots, "content", {
+          checked: p.value,
+          disabled: o.value
+        }, void 0, !0)
+      ], 16)) : _.value ? (d(), i("span", Z, [
+        V.value ? (d(), i("span", r({
           key: 0,
           class: "radio__label"
-        }, c(n)("label")), [
-          N(d.$slots, "default", {}, () => [
-            z(C(o.label), 1)
+        }, v(u)("label")), [
+          k(s.$slots, "default", {}, () => [
+            z(C(n.label), 1)
           ], !0)
-        ], 16)) : h("", !0),
-        V.value ? (i(), r("span", v({
+        ], 16)) : g("", !0),
+        N.value ? (d(), i("span", r({
           key: 1,
           class: "radio__description"
-        }, c(n)("description")), [
-          N(d.$slots, "description", {}, () => [
-            z(C(o.description), 1)
+        }, v(u)("description")), [
+          k(s.$slots, "description", {}, () => [
+            z(C(n.description), 1)
           ], !0)
-        ], 16)) : h("", !0)
-      ])) : h("", !0)
+        ], 16)) : g("", !0)
+      ])) : g("", !0)
     ], 16, W));
   }
 });

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

@@ -1 +1 @@
-.schedule-field[data-v-6aaf2a76]{max-width:100%;height:var(--input-height);background-color:var(--theme-neutral-0);border:1px solid var(--input-border-color);padding:var(--input-padding);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:4px;display:flex;overflow:hidden}.schedule-field[data-v-6aaf2a76]:hover{border-color:var(--input-border-color-hover)}.schedule-field__main[data-v-6aaf2a76]{min-width:0;height:100%;font:inherit;text-align:left;cursor:inherit;background:0 0;border:none;flex:auto;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:flex}.schedule-field__main[data-v-6aaf2a76]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:-2px}.schedule-field__main[data-v-6aaf2a76]:disabled{cursor:not-allowed}.schedule-field--open[data-v-6aaf2a76]{border-color:var(--input-border-color-focus)}.schedule-field--disabled[data-v-6aaf2a76]{cursor:not-allowed;opacity:.6}.schedule-field--small[data-v-6aaf2a76]{height:var(--input-height-small)}.schedule-field--large[data-v-6aaf2a76]{height:var(--input-height-large)}.schedule-field__icon[data-v-6aaf2a76]{color:var(--theme-neutral-icon-caption);flex:none}.schedule-field__placeholder[data-v-6aaf2a76],.schedule-field__value[data-v-6aaf2a76]{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--input-font-size);overflow:hidden}.schedule-field__placeholder[data-v-6aaf2a76]{color:var(--input-color-placeholder)}.schedule-field__value[data-v-6aaf2a76]{color:var(--theme-neutral-text-body)}.schedule-field__clear[data-v-6aaf2a76]{width:16px;height:16px;color:var(--color-neutral-text-caption);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0}.schedule-field__clear[data-v-6aaf2a76]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-field__clear svg[data-v-6aaf2a76]{width:100%;height:100%}.schedule-field__clear[data-v-6aaf2a76]:hover{color:var(--color-error-500)}.schedule-panel[data-v-6aaf2a76]{flex-direction:column;gap:20px;padding:24px;display:flex}.schedule-panel--mobile[data-v-6aaf2a76]{gap:16px;padding:0 16px 16px}.schedule-panel__header[data-v-6aaf2a76]{justify-content:space-between;align-items:center;gap:8px;display:flex}.schedule-panel__title[data-v-6aaf2a76]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.schedule-panel__close[data-v-6aaf2a76]{width:24px;height:24px;color:var(--theme-neutral-text-title);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.schedule-panel__close[data-v-6aaf2a76]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-panel__rows[data-v-6aaf2a76]{flex-direction:column;gap:12px;display:flex}.schedule-row[data-v-6aaf2a76]{align-items:center;gap:12px;display:flex}.schedule-row__day[data-v-6aaf2a76]{cursor:pointer;flex:0 0 120px;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.schedule-row__checkbox[data-v-6aaf2a76]{opacity:0;cursor:pointer;width:20px;height:20px;margin:0;position:absolute}.schedule-row__checkbox:checked+.schedule-row__box[data-v-6aaf2a76]{background-color:var(--theme-primary-500);border-color:var(--theme-primary-500);color:var(--theme-neutral-icon-negative)}.schedule-row__checkbox:checked+.schedule-row__box svg[data-v-6aaf2a76]{opacity:1}.schedule-row__checkbox:hover+.schedule-row__box[data-v-6aaf2a76]{border-color:var(--input-border-color-hover)}.schedule-row__checkbox:focus-visible+.schedule-row__box[data-v-6aaf2a76]{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-row__box[data-v-6aaf2a76]{background-color:var(--theme-neutral-0);border:1px solid var(--theme-neutral-border-default);width:20px;height:20px;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease;border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex}.schedule-row__box svg[data-v-6aaf2a76]{opacity:0;transition:opacity var(--animation-duration-fast) ease}.schedule-row__label[data-v-6aaf2a76]{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--theme-neutral-text-subtitle);font-size:.75rem;line-height:1rem;overflow:hidden}.schedule-row__times[data-v-6aaf2a76]{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.schedule-row__preposition[data-v-6aaf2a76]{color:var(--theme-neutral-text-body);flex:none;font-size:.75rem;line-height:1rem}
+.schedule-field[data-v-7ca326fb]{max-width:100%;height:var(--input-height);background-color:var(--theme-neutral-0);border:1px solid var(--input-border-color);padding:var(--input-padding);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:4px;display:flex;overflow:hidden}.schedule-field[data-v-7ca326fb]:hover{border-color:var(--input-border-color-hover)}.schedule-field__main[data-v-7ca326fb]{min-width:0;height:100%;font:inherit;text-align:left;cursor:inherit;background:0 0;border:none;flex:auto;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:flex}.schedule-field__main[data-v-7ca326fb]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:-2px}.schedule-field__main[data-v-7ca326fb]:disabled{cursor:not-allowed}.schedule-field--open[data-v-7ca326fb]{border-color:var(--input-border-color-focus)}.schedule-field--disabled[data-v-7ca326fb]{cursor:not-allowed;opacity:.6}.schedule-field--small[data-v-7ca326fb]{height:var(--input-height-small)}.schedule-field--large[data-v-7ca326fb]{height:var(--input-height-large)}.schedule-field__icon[data-v-7ca326fb]{color:var(--theme-neutral-icon-caption);flex:none}.schedule-field__placeholder[data-v-7ca326fb],.schedule-field__value[data-v-7ca326fb]{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--input-font-size);overflow:hidden}.schedule-field__placeholder[data-v-7ca326fb]{color:var(--input-color-placeholder)}.schedule-field__value[data-v-7ca326fb]{color:var(--theme-neutral-text-body)}.schedule-field__clear[data-v-7ca326fb]{width:16px;height:16px;color:var(--color-neutral-text-caption);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0}.schedule-field__clear[data-v-7ca326fb]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-field__clear svg[data-v-7ca326fb]{width:100%;height:100%}.schedule-field__clear[data-v-7ca326fb]:hover{color:var(--color-error-500)}.schedule-panel[data-v-7ca326fb]{flex-direction:column;gap:20px;padding:24px;display:flex}.schedule-panel--mobile[data-v-7ca326fb]{gap:16px;padding:0 16px 16px}.schedule-panel__header[data-v-7ca326fb]{justify-content:space-between;align-items:center;gap:8px;display:flex}.schedule-panel__title[data-v-7ca326fb]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.schedule-panel__close[data-v-7ca326fb]{width:24px;height:24px;color:var(--theme-neutral-text-title);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.schedule-panel__close[data-v-7ca326fb]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-panel__rows[data-v-7ca326fb]{flex-direction:column;gap:12px;display:flex}.schedule-row[data-v-7ca326fb]{align-items:center;gap:12px;display:flex}.schedule-row__day[data-v-7ca326fb]{cursor:pointer;flex:0 0 120px;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.schedule-row__checkbox[data-v-7ca326fb]{opacity:0;cursor:pointer;width:20px;height:20px;margin:0;position:absolute}.schedule-row__checkbox:checked+.schedule-row__box[data-v-7ca326fb]{background-color:var(--theme-primary-500);border-color:var(--theme-primary-500);color:var(--theme-neutral-icon-negative)}.schedule-row__checkbox:checked+.schedule-row__box svg[data-v-7ca326fb]{opacity:1}.schedule-row__checkbox:hover+.schedule-row__box[data-v-7ca326fb]{border-color:var(--input-border-color-hover)}.schedule-row__checkbox:focus-visible+.schedule-row__box[data-v-7ca326fb]{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-row__box[data-v-7ca326fb]{background-color:var(--theme-neutral-0);border:1px solid var(--theme-neutral-border-default);width:20px;height:20px;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease;border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex}.schedule-row__box svg[data-v-7ca326fb]{opacity:0;transition:opacity var(--animation-duration-fast) ease}.schedule-row__label[data-v-7ca326fb]{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--theme-neutral-text-subtitle);font-size:.75rem;line-height:1rem;overflow:hidden}.schedule-row__times[data-v-7ca326fb]{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.schedule-row__preposition[data-v-7ca326fb]{color:var(--theme-neutral-text-body);flex:none;font-size:.75rem;line-height:1rem}

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

@@ -1,4 +1,4 @@
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 export type ScheduleDay = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
 /**
  * Интервал работы за один день. Время — строка `HH:MM` в 24-часовом формате:
@@ -54,7 +54,7 @@ export interface ScheduleProps {
     dayLabels?: Partial<Record<ScheduleDay, string>>;
     /** Короткие подписи дней для сводки в поле. */
     dayShortLabels?: Partial<Record<ScheduleDay, string>>;
-    breakpointMobile?: TBreakpoints;
+    breakpointMobile?: TBreakpointMobile;
     /**
      * Доступное имя поля. По умолчанию берётся `placeholder`; выбранное
      * значение подставляется к нему автоматически.

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

@@ -1,6 +1,6 @@
 import { ScheduleDay, ScheduleModelValue, ScheduleProps, ScheduleLabels } from './Schedule.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 type __VLS_Props = ScheduleProps;
 type __VLS_PublicProps = {
     modelValue?: ScheduleModelValue;
@@ -17,7 +17,7 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
     placeholder: string;
     disabled: boolean;
     width: number | "full";
-    breakpointMobile: TBreakpoints;
+    breakpointMobile: TBreakpointMobile;
     showClear: boolean;
     testId: string;
     labels: ScheduleLabels;

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

@@ -1,8 +1,8 @@
 import './Schedule.css';
 import o from "./Schedule.vue2.js";
 /* empty css              */
-import a from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-6aaf2a76"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7ca326fb"]]);
 export {
-  f as default
+  e as default
 };

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"]),
-  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(
+  emits: /* @__PURE__ */ B(["apply"], ["update:modelValue"]),
+  setup(n, { emit: g }) {
+    const d = n, z = g, p = X(n, "modelValue"), c = ue(() => d.testId), S = `schedule-title-${q()}`, b = M(!1), V = ie(d.breakpointMobile), $ = y(() => d.labels?.title ?? "Расписание"), F = 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,42 +90,43 @@ 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;
-      p.value = s, F("apply", s), b.value = !1;
+      const s = Object.keys(t).length > 0 ? t : null;
+      p.value = s, z("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",
       align: "start",
       arrow: !1,
       width: Ce,
+      "trigger-width": "content",
       "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 +155,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 +167,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 +177,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 +187,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 +202,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(F.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-ec306731]{--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-ec306731]{--select-field-height:2.25rem;--select-label-font-size:.75rem}.select--large[data-v-ec306731]{--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-ec306731]{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-ec306731]{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-ec306731] .popover-trigger{position:absolute;inset:0}.select__trigger[data-v-ec306731]{border-radius:inherit;cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0}.select__trigger[data-v-ec306731]:disabled{cursor:not-allowed}.select__content[data-v-ec306731]{z-index:1;pointer-events:none;flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex;position:relative}.select__chips[data-v-ec306731]{flex:0 auto;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.select__value[data-v-ec306731],.select__placeholder[data-v-ec306731]{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-ec306731]{color:var(--theme-neutral-text-body)}.select__placeholder[data-v-ec306731]{color:var(--theme-neutral-550)}.select__chip[data-v-ec306731]{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-ec306731]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select__chip-remove[data-v-ec306731]{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-ec306731]:hover:not(:disabled){color:var(--theme-neutral-text-body)}.select__chip-remove[data-v-ec306731]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.select__chip-remove[data-v-ec306731]:disabled{cursor:not-allowed}.select__chip-icon[data-v-ec306731],.select__chip-avatar[data-v-ec306731]{flex-shrink:0;width:.75rem;height:.75rem}.select__chip-avatar[data-v-ec306731]{object-fit:cover;border-radius:50%}.select__chip--measured[data-v-ec306731]{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-9999px}.select__chip--counter[data-v-ec306731]{color:var(--theme-neutral-text-caption);flex-shrink:0}.select__arrow[data-v-ec306731]{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-ec306731]{color:var(--theme-neutral-text-body);margin:0;padding:.25rem .5rem;font-size:.625rem;font-weight:400;line-height:1.2}.select[data-v-ec306731]:hover:not(.select--disabled){--select-border-color:var(--theme-primary-300)}.select--open[data-v-ec306731],.select--open[data-v-ec306731]:hover{--select-border-color:var(--theme-primary-500)}.select--open .select__arrow[data-v-ec306731]{transform:rotate(180deg)}.select--invalid[data-v-ec306731]{--select-border-color:var(--theme-error-500)}.select--invalid .select__label[data-v-ec306731],.select--invalid .select__message[data-v-ec306731]{color:var(--theme-error-500)}.select--invalid[data-v-ec306731]:hover:not(.select--disabled){--select-border-color:var(--theme-error-500)}.select--disabled[data-v-ec306731]{--select-border-color:var(--theme-neutral-border-disabled)}.select--disabled .select__label[data-v-ec306731],.select--disabled .select__value[data-v-ec306731],.select--disabled .select__placeholder[data-v-ec306731],.select--disabled .select__message[data-v-ec306731],.select--disabled .select__arrow[data-v-ec306731]{color:var(--theme-neutral-text-disabled)}.select--disabled .select__label[data-v-ec306731]{cursor:not-allowed}.select__field[data-v-ec306731]:has(.select__trigger:focus-visible){outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem}.select-list[data-v-ec306731]{outline:none;flex-direction:column;gap:.5rem;max-height:15rem;padding:.5rem;display:flex;overflow-y:auto}.select-list__option[data-v-ec306731]{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-ec306731]:hover:not(.select-list__option--disabled),.select-list__option--active[data-v-ec306731]{background-color:var(--theme-secondary-50)}.select-list__option--disabled[data-v-ec306731]{cursor:not-allowed;opacity:.5}.select-list__label[data-v-ec306731]{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.select-list__empty[data-v-ec306731]{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-ec306731"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(e, [["__scopeId", "data-v-23e4cee1"]]);
 export {
   m as default
 };