@profitliga/ui 1.2.90 → 2.0.0

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

@@ -0,0 +1,56 @@
+/** Размеры из макета: 12 / 20 / 24 px. */
+export type RadioSize = 'small' | 'default' | 'big';
+/**
+ * Состояние кружка. Маркер сам по себе не интерактивен — состояние приходит
+ * снаружи, потому что курсор и фокус живут на строке (`label`, пункт списка),
+ * а не на самом кружке.
+ */
+export type RadioState = 'default' | 'hover' | 'pressed' | 'focused';
+export type RadioValue = string | number | boolean;
+export interface RadioMarkerProps {
+    size?: RadioSize;
+    checked?: boolean;
+    disabled?: boolean;
+    state?: RadioState;
+}
+export interface RadioProps {
+    /** Значение, которое попадёт в модель группы при выборе */
+    value: RadioValue;
+    size?: RadioSize;
+    /** Подпись справа от кружка. Можно заменить слотом по умолчанию */
+    label?: string;
+    /** Пояснение под подписью. Можно заменить слотом `description` */
+    description?: string;
+    disabled?: boolean;
+    /**
+     * Имя нативной радиогруппы. Внутри `RadioGroup` подставляется автоматически
+     */
+    name?: string;
+    /** Собственный `id`. По умолчанию генерируется */
+    id?: string;
+    testId?: string;
+}
+export interface RadioGroupOption {
+    value: RadioValue;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    /** Пункты группы. Можно вместо этого разложить `Radio` в слот */
+    options?: RadioGroupOption[];
+    size?: RadioSize;
+    /** Имя нативной радиогруппы. По умолчанию генерируется */
+    name?: string;
+    /** Выключает всю группу целиком */
+    disabled?: boolean;
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * Доступное имя группы (`aria-label`). Нужно, когда рядом нет видимого
+     * заголовка — иначе скринридер объявит безымянную радиогруппу
+     */
+    label?: string;
+    /** Доступное имя через `id` видимого заголовка */
+    labelledBy?: string;
+    testId?: string;
+}

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

@@ -0,0 +1,42 @@
+import { RadioProps, RadioValue, RadioSize } from './Radio.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = RadioProps;
+type __VLS_PublicProps = {
+    modelValue?: RadioValue | undefined;
+} & __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: RadioValue | undefined) => any;
+    change: (value: RadioValue) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: RadioValue | undefined) => any) | undefined;
+    onChange?: ((value: RadioValue) => any) | undefined;
+}>, {
+    label: string;
+    size: RadioSize;
+    disabled: boolean;
+    id: string;
+    name: string;
+    description: string;
+    testId: 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/Radio/Radio.vue.js

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

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

@@ -0,0 +1,99 @@
+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 { 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,
+  class: "radio__text"
+}, oe = /* @__PURE__ */ O({
+  inheritAttrs: !1,
+  __name: "Radio",
+  props: /* @__PURE__ */ I({
+    value: { type: [String, Number, Boolean] },
+    size: { default: void 0 },
+    label: { default: void 0 },
+    description: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    name: { default: void 0 },
+    id: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    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(
+      () => e.size ?? l?.size.value ?? "default"
+    ), s = 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(() => [
+      "radio",
+      `radio--${$.value}`,
+      { "radio--disabled": s.value }
+    ]);
+    function x() {
+      f.value = !1, u.value = !1;
+    }
+    function A() {
+      m.value = !!B.value?.matches(":focus-visible");
+    }
+    function L() {
+      s.value || (l ? l.select(e.value) : k.value = e.value, P("change", e.value));
+    }
+    return (d, a) => (i(), r("label", v({
+      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)
+    }), [
+      U("input", v({
+        id: y.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)
+      }), null, 16, X),
+      Y(Q, {
+        size: $.value,
+        checked: R.value,
+        disabled: s.value,
+        state: E.value
+      }, null, 8, ["size", "checked", "disabled", "state"]),
+      _.value ? (i(), r("span", Z, [
+        S.value ? (i(), r("span", v({
+          key: 0,
+          class: "radio__label"
+        }, c(n)("label")), [
+          N(d.$slots, "default", {}, () => [
+            z(C(o.label), 1)
+          ], !0)
+        ], 16)) : h("", !0),
+        V.value ? (i(), r("span", v({
+          key: 1,
+          class: "radio__description"
+        }, c(n)("description")), [
+          N(d.$slots, "description", {}, () => [
+            z(C(o.description), 1)
+          ], !0)
+        ], 16)) : h("", !0)
+      ])) : h("", !0)
+    ], 16, W));
+  }
+});
+export {
+  oe as default
+};

package/dist/components/v2/Radio/RadioGroup.css

@@ -0,0 +1 @@
+.radio-group[data-v-636017e0]{gap:.75rem;display:flex}.radio-group--vertical[data-v-636017e0]{flex-direction:column;align-items:flex-start}.radio-group--horizontal[data-v-636017e0]{flex-flow:wrap;align-items:center;gap:.75rem 1rem}

package/dist/components/v2/Radio/RadioGroup.vue.d.ts

@@ -0,0 +1,36 @@
+import { RadioGroupProps, RadioValue, RadioSize, RadioGroupOption } from './Radio.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = RadioGroupProps;
+type __VLS_PublicProps = {
+    modelValue?: RadioValue | undefined;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: RadioValue | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: RadioValue | undefined) => any) | undefined;
+}>, {
+    label: string;
+    size: RadioSize;
+    disabled: boolean;
+    orientation: "vertical" | "horizontal";
+    name: string;
+    options: RadioGroupOption[];
+    testId: string;
+    labelledBy: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/Radio/RadioGroup.vue.js

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

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

@@ -0,0 +1,60 @@
+import { defineComponent as f, useModel as b, useId as v, provide as p, computed as d, openBlock as o, createElementBlock as i, mergeProps as g, unref as y, renderSlot as B, Fragment as I, renderList as $, createBlock as k, mergeModels as R } from "vue";
+import { useTestId as S } from "../shared/useTestId.util.js";
+import V from "./Radio.vue.js";
+import { RADIO_GROUP_KEY as z } from "./radioGroup.context.js";
+const M = ["aria-label", "aria-labelledby"], O = /* @__PURE__ */ f({
+  __name: "RadioGroup",
+  props: /* @__PURE__ */ R({
+    options: { default: () => [] },
+    size: { default: "default" },
+    name: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    orientation: { default: "vertical" },
+    label: { default: void 0 },
+    labelledBy: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const e = l, r = b(l, "modelValue"), s = S(() => e.testId), u = v(), n = e.name ?? `radio-group-${u}`;
+    p(z, {
+      name: n,
+      size: d(() => e.size),
+      disabled: d(() => e.disabled),
+      selected: r,
+      select: (t) => {
+        r.value = t;
+      }
+    });
+    const m = d(() => [
+      "radio-group",
+      `radio-group--${e.orientation}`
+    ]);
+    function c(t) {
+      return e.testId ? `${e.testId}-${String(t)}` : void 0;
+    }
+    return (t, h) => (o(), i("div", g({
+      class: m.value,
+      role: "radiogroup",
+      "aria-label": l.labelledBy ? void 0 : l.label,
+      "aria-labelledby": l.labelledBy
+    }, y(s)("root")), [
+      B(t.$slots, "default", {}, () => [
+        (o(!0), i(I, null, $(l.options, (a) => (o(), k(V, {
+          key: String(a.value),
+          value: a.value,
+          label: a.label,
+          description: a.description,
+          disabled: a.disabled,
+          "test-id": c(a.value)
+        }, null, 8, ["value", "label", "description", "disabled", "test-id"]))), 128))
+      ], !0)
+    ], 16, M));
+  }
+});
+export {
+  O as default
+};

package/dist/components/v2/Radio/RadioMarker.css

@@ -0,0 +1 @@
+.radio-marker[data-v-5c956d07]{--marker-size:1.25rem;--marker-border:.0625rem;--marker-gap:.15625rem;--marker-ring:.25rem;--marker-color:var(--theme-neutral-border-default);--marker-hole:inset 0 0 0 0 transparent;--marker-fill:inset 0 0 0 0 transparent;--marker-focus:0 0 0 0 transparent;width:var(--marker-size);height:var(--marker-size);background-color:var(--theme-neutral-0);border:var(--marker-border) solid var(--marker-color);box-shadow:var(--marker-hole), var(--marker-fill), var(--marker-focus);transition:border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;border-radius:50%;flex-shrink:0}.radio-marker--small[data-v-5c956d07]{--marker-size:.75rem;--marker-border:.0375rem;--marker-gap:.0875rem;--marker-ring:.15rem}.radio-marker--big[data-v-5c956d07]{--marker-size:1.5rem;--marker-border:.075rem;--marker-gap:.1875rem;--marker-ring:.3rem}.radio-marker--checked[data-v-5c956d07]{--marker-color:var(--theme-primary-500);--marker-fill:inset 0 0 0 var(--marker-size) var(--marker-color);--marker-hole:inset 0 0 0 var(--marker-gap) var(--theme-neutral-0)}.radio-marker--hover[data-v-5c956d07]{--marker-color:var(--theme-primary-300)}.radio-marker--pressed[data-v-5c956d07]{--marker-color:var(--theme-primary-700)}.radio-marker--focused[data-v-5c956d07]{--marker-color:var(--theme-primary-300);--marker-focus:0 0 0 var(--marker-ring) var(--theme-primary-200_25)}.radio-marker--disabled[data-v-5c956d07]{--marker-color:var(--theme-neutral-border-disabled)}

package/dist/components/v2/Radio/RadioMarker.vue.d.ts

@@ -0,0 +1,9 @@
+import { RadioMarkerProps, RadioSize, RadioState } from './Radio.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<RadioMarkerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioMarkerProps> & Readonly<{}>, {
+    size: RadioSize;
+    disabled: boolean;
+    checked: boolean;
+    state: RadioState;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/v2/Radio/RadioMarker.vue.js

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

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

@@ -0,0 +1,29 @@
+import { defineComponent as d, computed as t, openBlock as l, createElementBlock as o, normalizeClass as s } from "vue";
+const m = /* @__PURE__ */ d({
+  __name: "RadioMarker",
+  props: {
+    size: { default: "default" },
+    checked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    state: { default: "default" }
+  },
+  setup(a) {
+    const e = a, r = t(() => [
+      "radio-marker",
+      `radio-marker--${e.size}`,
+      `radio-marker--${e.disabled ? "default" : e.state}`,
+      {
+        "radio-marker--checked": e.checked,
+        "radio-marker--disabled": e.disabled
+      }
+    ]);
+    return (i, c) => (l(), o("span", {
+      class: s(r.value),
+      "aria-hidden": "true",
+      "data-part": "radio-marker"
+    }, null, 2));
+  }
+});
+export {
+  m as default
+};

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

@@ -0,0 +1,5 @@
+import { default as Radio } from './Radio.vue';
+import { default as RadioGroup } from './RadioGroup.vue';
+import { default as RadioMarker } from './RadioMarker.vue';
+export type { RadioGroupOption, RadioGroupProps, RadioMarkerProps, RadioProps, RadioSize, RadioState, RadioValue } from './Radio.types';
+export { Radio, RadioGroup, RadioMarker };

package/dist/components/v2/Radio/radioGroup.context.d.ts

@@ -0,0 +1,15 @@
+import { InjectionKey, Ref } from 'vue';
+import { RadioSize, RadioValue } from './Radio.types';
+/**
+ * Общий контекст группы: `Radio` внутри `RadioGroup` берёт из него имя
+ * нативной радиогруппы, текущий выбор и общие размер/недоступность, а без
+ * группы работает автономно на собственной модели.
+ */
+export interface RadioGroupContext {
+    name: string;
+    size: Ref<RadioSize>;
+    disabled: Ref<boolean>;
+    selected: Ref<RadioValue | undefined>;
+    select: (value: RadioValue) => void;
+}
+export declare const RADIO_GROUP_KEY: InjectionKey<RadioGroupContext>;

package/dist/components/v2/Radio/radioGroup.context.js

@@ -0,0 +1,4 @@
+const o = /* @__PURE__ */ Symbol("radio-group");
+export {
+  o as RADIO_GROUP_KEY
+};

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

@@ -0,0 +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}

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

@@ -0,0 +1,71 @@
+import { TBreakpoints } from '../../../types/global.types';
+export type ScheduleDay = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
+/**
+ * Интервал работы за один день. Время — строка `HH:MM` в 24-часовом формате:
+ * она сериализуется в JSON как есть и не тянет за собой ни `Date`, ни типы
+ * `@internationalized/date`, в отличие от `TTimeValue` в v1.
+ */
+export interface ScheduleDayValue {
+    /** Начало интервала, `HH:MM` */
+    from: string;
+    /** Конец интервала, `HH:MM` */
+    to: string;
+}
+/**
+ * Значение расписания: только включённые дни. Выключенный день в объекте
+ * отсутствует, поэтому отдельный флаг `active` (как в v1) не нужен.
+ */
+export type ScheduleValue = Partial<Record<ScheduleDay, ScheduleDayValue>>;
+export type ScheduleModelValue = ScheduleValue | null;
+export interface ScheduleLabels {
+    /** Заголовок шторки на мобильном. */
+    title?: string;
+    /** Подпись кнопки подтверждения. */
+    apply?: string;
+    /** Предлог перед началом интервала. */
+    from?: string;
+    /** Предлог перед концом интервала. */
+    to?: string;
+    /**
+     * Доступное имя поля начала интервала. Предлог «с» сам по себе именем
+     * быть не может — к нему добавляется день: «Понедельник, время начала».
+     */
+    timeFrom?: string;
+    /** Доступное имя поля конца интервала. */
+    timeTo?: string;
+    /** Кнопка закрытия шторки на мобильном. */
+    close?: string;
+    /** Кнопка очистки значения в поле. */
+    clear?: string;
+}
+export interface ScheduleProps {
+    /** Текст поля, когда расписание не заполнено. */
+    placeholder?: string;
+    size?: 'small' | 'default' | 'large';
+    width?: number | 'full';
+    disabled?: boolean;
+    /** Показывать кнопку очистки в поле при непустом значении. */
+    showClear?: boolean;
+    /** Время, которое подставляется в день при его включении. */
+    defaultFrom?: string;
+    /** Время, которое подставляется в день при его включении. */
+    defaultTo?: string;
+    /** Подписи дней недели. Переопределяются частично. */
+    dayLabels?: Partial<Record<ScheduleDay, string>>;
+    /** Короткие подписи дней для сводки в поле. */
+    dayShortLabels?: Partial<Record<ScheduleDay, string>>;
+    breakpointMobile?: TBreakpoints;
+    /**
+     * Доступное имя поля. По умолчанию берётся `placeholder`; выбранное
+     * значение подставляется к нему автоматически.
+     */
+    label?: string;
+    /** Доступные подписи для элементов без видимого текста. */
+    labels?: ScheduleLabels;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface ScheduleEmits {
+    /** Пользователь нажал «Применить». Приходит уже применённое значение. */
+    apply: [value: ScheduleModelValue];
+}

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

@@ -0,0 +1,26 @@
+import { ScheduleDay } from './Schedule.types';
+/** Порядок дней в панели — понедельник первым, как в макете. */
+export declare const SCHEDULE_DAYS: readonly ScheduleDay[];
+export declare const DEFAULT_DAY_LABELS: Record<ScheduleDay, string>;
+export declare const DEFAULT_DAY_SHORT_LABELS: Record<ScheduleDay, string>;
+/**
+ * Приводит пользовательский ввод к `HH:MM` или возвращает `null`, если строка
+ * временем не является. Двоеточие необязательно («830» → `08:30`), часы можно
+ * писать одной цифрой, но выход за 23:59 не «заворачивается», а отклоняется —
+ * молчаливая замена 25:00 на 01:00 выглядела бы как потеря ввода.
+ */
+export declare function normalizeTime(raw: string): string | null;
+/** Цифры времени без разделителя: `'08:30'` → `'0830'`. */
+export declare function timeToDigits(value: string): string;
+/** Раскладывает цифры по маске `ЧЧ:ММ` — разделитель появляется сам. */
+export declare function formatTimeDigits(digits: string): string;
+/**
+ * Пропускает через маску `ЧЧ:ММ` только те цифры, которые возможны на своей
+ * позиции: невозможную маска не подставляет и не «заворачивает», а молча
+ * игнорирует — поле никогда не показывает несуществующее время вроде 29:71.
+ *
+ * Исключение — первая цифра больше 2: десятками часов она быть не может, зато
+ * однозначно задаёт час вида `0X`, поэтому дополняется нулём (набрали «9» —
+ * получили «09»), иначе набрать 09:30 без ведущего нуля было бы нельзя.
+ */
+export declare function applyTimeMask(raw: string): string;

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

@@ -0,0 +1,78 @@
+const s = [
+  "monday",
+  "tuesday",
+  "wednesday",
+  "thursday",
+  "friday",
+  "saturday",
+  "sunday"
+], i = {
+  monday: "Понедельник",
+  tuesday: "Вторник",
+  wednesday: "Среда",
+  thursday: "Четверг",
+  friday: "Пятница",
+  saturday: "Суббота",
+  sunday: "Воскресенье"
+}, d = {
+  monday: "Пн",
+  tuesday: "Вт",
+  wednesday: "Ср",
+  thursday: "Чт",
+  friday: "Пт",
+  saturday: "Сб",
+  sunday: "Вс"
+};
+function r(t) {
+  return String(t).padStart(2, "0");
+}
+function u(t) {
+  const e = /^(\d{1,2}):?(\d{2})$/.exec(t.trim());
+  if (!e) return null;
+  const n = Number(e[1]), a = Number(e[2]);
+  return n > 23 || a > 59 ? null : `${r(n)}:${r(a)}`;
+}
+function c(t) {
+  const e = u(t);
+  return e ? e.replace(":", "") : "";
+}
+function o(t) {
+  return t.length <= 2 ? t : `${t.slice(0, 2)}:${t.slice(2)}`;
+}
+function y(t) {
+  let e = "";
+  for (const n of t) {
+    if (!/\d/.test(n)) continue;
+    if (e.length >= 4) break;
+    const a = Number(n);
+    switch (e.length) {
+      // Десятки часов
+      case 0:
+        e += a > 2 ? `0${n}` : n;
+        break;
+      // Единицы часов: при «2» в десятках допустимы только 20–23
+      case 1:
+        if (e === "2" && a > 3) break;
+        e += n;
+        break;
+      // Десятки минут
+      case 2:
+        if (a > 5) break;
+        e += n;
+        break;
+      // Единицы минут
+      default:
+        e += n;
+    }
+  }
+  return e.slice(0, 4);
+}
+export {
+  i as DEFAULT_DAY_LABELS,
+  d as DEFAULT_DAY_SHORT_LABELS,
+  s as SCHEDULE_DAYS,
+  y as applyTimeMask,
+  o as formatTimeDigits,
+  u as normalizeTime,
+  c as timeToDigits
+};

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

@@ -0,0 +1,29 @@
+import { ScheduleDay, ScheduleModelValue, ScheduleProps, ScheduleLabels } from './Schedule.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+type __VLS_Props = ScheduleProps;
+type __VLS_PublicProps = {
+    modelValue?: ScheduleModelValue;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: ScheduleModelValue) => any;
+    apply: (value: ScheduleModelValue) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ScheduleModelValue) => any) | undefined;
+    onApply?: ((value: ScheduleModelValue) => any) | undefined;
+}>, {
+    label: string;
+    size: "small" | "default" | "large";
+    placeholder: string;
+    disabled: boolean;
+    width: number | "full";
+    breakpointMobile: TBreakpoints;
+    showClear: boolean;
+    testId: string;
+    labels: ScheduleLabels;
+    defaultFrom: string;
+    defaultTo: string;
+    dayLabels: Partial<Record<ScheduleDay, string>>;
+    dayShortLabels: Partial<Record<ScheduleDay, string>>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  f as default
+};