@profitliga/ui 2.0.3 → 2.0.4

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

@@ -0,0 +1,48 @@
+export interface FormFieldProps {
+    /**
+     * Подпись над контролом. Для подписи сложнее строки есть слот `label` —
+     * например «Комментарий» с уточнением мелким шрифтом рядом.
+     */
+    label?: string;
+    /**
+     * Обязательное поле: к подписи добавляется красная звёздочка, контрол
+     * получает `required` через проп слота. Проверку значения обёртка на себя
+     * не берёт — это забота формы.
+     */
+    required?: boolean;
+    /** Состояние ошибки: подпись краснеет, показывается `errorMessage`. */
+    error?: boolean;
+    /**
+     * Текст ошибки под контролом. Показывается только при `error: true`,
+     * поэтому проп можно держать заполненным постоянно — так же, как у `Input`.
+     */
+    errorMessage?: string;
+    /** Пояснение под контролом. В состоянии ошибки его место занимает `errorMessage`. */
+    supportText?: string;
+    /**
+     * Свой `id` контрола. По умолчанию генерируется — его нужно прокинуть в
+     * контрол из пропов слота, иначе клик по подписи не наведёт фокус.
+     */
+    id?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+/**
+ * Обёртка не знает, что за контрол внутри, поэтому связывающие атрибуты
+ * отдаёт наружу: проставить их на нужный элемент может только потребитель.
+ */
+export interface FormFieldSlotProps {
+    /** `id` для контрола — на него ссылается `for` подписи. */
+    id: string;
+    /** `id` подписи под контролом; уходит в `aria-describedby` контрола. */
+    describedBy: string | undefined;
+    /** Дублирует проп `required` — чтобы не передавать его дважды. */
+    required: boolean;
+    /** Дублирует проп `error` — обычно уходит в `aria-invalid` контрола. */
+    error: boolean;
+}
+export interface FormFieldSlots {
+    default: (props: FormFieldSlotProps) => unknown;
+    /** Подпись целиком — вместо пропа `label`. Звёздочка добавляется сама. */
+    label?: () => unknown;
+}

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

@@ -0,0 +1,25 @@
+import { FormFieldProps, FormFieldSlots } from './FormField.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<FormFieldSlots> & FormFieldSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<FormFieldProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {
+    label: string;
+    required: boolean;
+    id: string;
+    error: boolean;
+    errorMessage: string;
+    testId: string;
+    supportText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, 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/FormField/FormField.vue.js

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

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

@@ -0,0 +1,54 @@
+import { defineComponent as q, useSlots as B, useId as T, computed as s, openBlock as a, createElementBlock as d, mergeProps as t, unref as l, renderSlot as v, createTextVNode as $, toDisplayString as p, createCommentVNode as n, createElementVNode as h } from "vue";
+import { useTestId as k } from "../shared/useTestId.util.js";
+const _ = ["for"], S = /* @__PURE__ */ q({
+  inheritAttrs: !1,
+  __name: "FormField",
+  props: {
+    label: { default: void 0 },
+    required: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    errorMessage: { default: void 0 },
+    supportText: { default: void 0 },
+    id: { default: void 0 },
+    testId: { default: void 0 }
+  },
+  setup(r) {
+    const e = r, b = B(), o = k(() => e.testId), i = T(), c = s(() => e.id ?? `${i}-form-field`), g = `${i}-form-field-label`, m = `${i}-form-field-message`, y = s(() => !!(e.label || b.label)), u = s(() => e.error ? e.errorMessage ?? e.supportText : e.supportText), I = s(() => [
+      "form-field-v2",
+      { "form-field-v2--error": e.error }
+    ]);
+    return (f, x) => (a(), d("div", t({ class: I.value }, { ...f.$attrs, ...l(o)("root") }), [
+      y.value ? (a(), d("label", t({
+        key: 0,
+        id: g,
+        class: "form-field-v2__label",
+        for: c.value
+      }, l(o)("label")), [
+        v(f.$slots, "label", {}, () => [
+          $(p(r.label), 1)
+        ], !0),
+        r.required ? (a(), d("span", t({
+          key: 0,
+          class: "form-field-v2__required",
+          "aria-hidden": "true"
+        }, l(o)("required")), "*", 16)) : n("", !0)
+      ], 16, _)) : n("", !0),
+      h("div", t({ class: "form-field-v2__control" }, l(o)("control")), [
+        v(f.$slots, "default", {
+          id: c.value,
+          describedBy: u.value ? m : void 0,
+          required: r.required,
+          error: r.error
+        }, void 0, !0)
+      ], 16),
+      u.value ? (a(), d("p", t({
+        key: 1,
+        id: m,
+        class: "form-field-v2__message"
+      }, l(o)("message")), p(u.value), 17)) : n("", !0)
+    ], 16));
+  }
+});
+export {
+  S as default
+};

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

@@ -0,0 +1,3 @@
+import { default as FormField } from './FormField.vue';
+export type { FormFieldProps, FormFieldSlotProps, FormFieldSlots } from './FormField.types';
+export { FormField };

package/dist/components/v2/Image/Image.css

@@ -0,0 +1 @@
+.image-v2[data-v-9056dfcb]{--image-v2-size:3rem;--image-v2-radius:.25rem;width:var(--image-v2-size);height:var(--image-v2-size);flex-shrink:0;position:relative}.image-v2--small[data-v-9056dfcb]{--image-v2-size:2rem;--image-v2-radius:.5rem}.image-v2--medium[data-v-9056dfcb]{--image-v2-size:3rem;--image-v2-radius:.25rem}.image-v2--large[data-v-9056dfcb]{--image-v2-size:6.625rem;--image-v2-radius:.5rem}.image-v2--full[data-v-9056dfcb]{--image-v2-size:100%;--image-v2-radius:0;aspect-ratio:1;height:auto}.image-v2__frame[data-v-9056dfcb]{border-radius:var(--image-v2-radius);background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.image-v2__picture[data-v-9056dfcb]{object-fit:cover;width:100%;height:100%;display:block}.image-v2__overlay[data-v-9056dfcb]{color:var(--theme-neutral-0);opacity:0;transition:opacity var(--animation-duration-fast) ease-in-out;background-color:#16161666;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-v2__overlay-icon[data-v-9056dfcb]{width:1.25rem;height:1.25rem}.image-v2--preview .image-v2__frame[data-v-9056dfcb]{cursor:pointer}.image-v2--preview .image-v2__frame[data-v-9056dfcb]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.image-v2--preview .image-v2__frame:hover .image-v2__overlay[data-v-9056dfcb],.image-v2--preview .image-v2__frame:focus-visible .image-v2__overlay[data-v-9056dfcb]{opacity:1}.image-v2__delete[data-v-9056dfcb]{z-index:1;background-color:var(--theme-secondary-250);width:1.125rem;height:1.125rem;color:var(--theme-neutral-text-title);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-.5625rem;right:-.5625rem}.image-v2__delete[data-v-9056dfcb]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.image-v2__delete[data-v-9056dfcb]:hover{background-color:var(--theme-secondary-300)}.image-v2__delete-icon[data-v-9056dfcb]{width:.75rem;height:.75rem}.image-v2__preview[data-v-9056dfcb]{justify-content:center;align-items:center;width:100%;display:flex}.image-v2__preview-picture[data-v-9056dfcb]{object-fit:contain;max-width:100%;max-height:70dvh}

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

@@ -0,0 +1,26 @@
+/** Размер плитки. `full` растягивает картинку по контейнеру. */
+export type ImageSize = 'small' | 'medium' | 'large' | 'full';
+export interface ImageProps {
+    /** Ссылка на картинку. */
+    src: string;
+    /**
+     * Описание картинки. Пустая строка — картинка декоративная и скрывается от
+     * скринридера; так же ведёт себя нативный `<img alt="">`.
+     */
+    alt?: string;
+    size?: ImageSize;
+    /** Показывать крестик удаления. Нажатие эмитит `delete`, сам ничего не удаляет. */
+    deletable?: boolean;
+    /** Доступное имя крестика удаления. */
+    deleteLabel?: string;
+    /** Клик по картинке открывает её на весь экран. */
+    preview?: boolean;
+    /** Доступное имя плитки, когда она открывает просмотр. */
+    previewLabel?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface ImageEmits {
+    /** Нажат крестик удаления. */
+    delete: [];
+}

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

@@ -0,0 +1,16 @@
+import { ImageProps, ImageSize } from './Image.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    delete: () => any;
+}, string, PublicProps, Readonly<ImageProps> & Readonly<{
+    onDelete?: (() => any) | undefined;
+}>, {
+    size: ImageSize;
+    alt: string;
+    testId: string;
+    deletable: boolean;
+    preview: boolean;
+    deleteLabel: string;
+    previewLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,91 @@
+import { defineComponent as C, ref as I, computed as f, openBlock as r, createElementBlock as n, mergeProps as o, unref as t, createVNode as w, createCommentVNode as v, createBlock as b, resolveDynamicComponent as B, withCtx as m, createElementVNode as u, createTextVNode as N, toDisplayString as $ } from "vue";
+import { X as h, Eye as L } from "@lucide/vue";
+import V from "../Dialog/Dialog.vue.js";
+import { useTestId as x } from "../shared/useTestId.util.js";
+const D = ["aria-label"], E = ["src", "alt"], z = {
+  key: 0,
+  class: "image-v2__overlay",
+  "aria-hidden": "true"
+}, A = ["src", "alt"], U = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "Image",
+  props: {
+    src: {},
+    alt: { default: "" },
+    size: { default: "medium" },
+    deletable: { type: Boolean, default: !1 },
+    deleteLabel: { default: "Удалить изображение" },
+    preview: { type: Boolean, default: !1 },
+    previewLabel: { default: void 0 },
+    testId: { default: void 0 }
+  },
+  emits: ["delete"],
+  setup(e, { emit: p }) {
+    const l = e, g = p, i = x(() => l.testId), s = I(!1), c = f(
+      () => l.previewLabel || l.alt || "Открыть изображение"
+    ), y = f(() => [
+      "image-v2",
+      `image-v2--${l.size}`,
+      { "image-v2--preview": l.preview }
+    ]);
+    return (k, a) => (r(), n("div", o({ class: y.value }, { ...k.$attrs, ...t(i)("root") }), [
+      e.deletable ? (r(), n("button", o({
+        key: 0,
+        type: "button",
+        class: "image-v2__delete",
+        "aria-label": e.deleteLabel
+      }, t(i)("delete"), {
+        onClick: a[0] || (a[0] = (d) => g("delete"))
+      }), [
+        w(t(h), {
+          class: "image-v2__delete-icon",
+          "aria-hidden": "true"
+        })
+      ], 16, D)) : v("", !0),
+      (r(), b(B(e.preview ? "button" : "div"), o({
+        type: e.preview ? "button" : void 0,
+        "aria-label": e.preview ? c.value : void 0,
+        class: "image-v2__frame"
+      }, t(i)("frame"), {
+        onClick: a[1] || (a[1] = (d) => e.preview ? s.value = !0 : void 0)
+      }), {
+        default: m(() => [
+          u("img", o({
+            class: "image-v2__picture",
+            src: e.src,
+            alt: e.alt
+          }, t(i)("picture")), null, 16, E),
+          e.preview ? (r(), n("span", z, [
+            w(t(L), { class: "image-v2__overlay-icon" })
+          ])) : v("", !0)
+        ]),
+        _: 1
+      }, 16, ["type", "aria-label"])),
+      e.preview ? (r(), b(t(V), {
+        key: 1,
+        open: s.value,
+        "onUpdate:open": a[2] || (a[2] = (d) => s.value = d),
+        width: 960,
+        "close-button": { enabled: !0, label: "Закрыть просмотр" },
+        "test-id": e.testId ? `${e.testId}-preview` : void 0
+      }, {
+        title: m(() => [
+          N($(c.value), 1)
+        ]),
+        default: m(() => [
+          u("div", o({ class: "image-v2__preview" }, t(i)("preview")), [
+            u("img", {
+              class: "image-v2__preview-picture",
+              src: e.src,
+              alt: e.alt
+            }, null, 8, A)
+          ], 16)
+        ]),
+        _: 1
+      }, 8, ["open", "test-id"])) : v("", !0)
+    ], 16));
+  }
+});
+export {
+  U as default
+};

package/dist/components/v2/Image/ImageList.css

@@ -0,0 +1 @@
+.image-list-v2[data-v-2691f19b]{flex-wrap:wrap;gap:1.25rem;display:flex}

package/dist/components/v2/Image/ImageList.types.d.ts

@@ -0,0 +1,28 @@
+import { ImageSize } from './Image.types';
+export interface ImageListProps {
+    /**
+     * Ссылки на картинки. Именно массив строк, а не модель файла: у превью,
+     * пришедшего с сервера, нет ни имени, ни размера, ни mime — только адрес.
+     * Для файлов с метаданными есть `FileUpload`.
+     */
+    items: string[];
+    size?: ImageSize;
+    /** Показывать крестик удаления у каждой плитки. */
+    deletable?: boolean;
+    /** Клик по плитке открывает картинку на весь экран. */
+    preview?: boolean;
+    /**
+     * Как назвать плитку номер N для скринридера. По умолчанию —
+     * «Изображение 1», «Изображение 2» и так далее.
+     */
+    itemLabel?: (index: number, src: string) => string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface ImageListEmits {
+    /**
+     * Нажат крестик на плитке. Список ничего не удаляет сам — правит массив
+     * потребитель, как и у остальных полей v2.
+     */
+    delete: [index: number, src: string];
+}

package/dist/components/v2/Image/ImageList.vue.d.ts

@@ -0,0 +1,15 @@
+import { ImageListProps } from './ImageList.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ImageSize } from './Image.types';
+declare const _default: DefineComponent<ImageListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    delete: (index: number, src: string) => any;
+}, string, PublicProps, Readonly<ImageListProps> & Readonly<{
+    onDelete?: ((index: number, src: string) => any) | undefined;
+}>, {
+    size: ImageSize;
+    testId: string;
+    deletable: boolean;
+    preview: boolean;
+    itemLabel: (index: number, src: string) => string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/v2/Image/ImageList.vue.js

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

package/dist/components/v2/Image/ImageList.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as f, openBlock as i, createElementBlock as r, mergeProps as c, unref as v, Fragment as b, renderList as p, createBlock as I } from "vue";
+import { useTestId as g } from "../shared/useTestId.util.js";
+import B from "./Image.vue.js";
+const y = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "ImageList",
+  props: {
+    items: {},
+    size: { default: "medium" },
+    deletable: { type: Boolean, default: !1 },
+    preview: { type: Boolean, default: !1 },
+    itemLabel: { type: Function, default: void 0 },
+    testId: { default: void 0 }
+  },
+  emits: ["delete"],
+  setup(e, { emit: d }) {
+    const o = e, m = d, u = g(() => o.testId);
+    function n(l, s) {
+      return o.itemLabel?.(l, s) ?? `Изображение ${l + 1}`;
+    }
+    return (l, s) => (i(), r("div", c({ class: "image-list-v2" }, { ...l.$attrs, ...v(u)("root") }), [
+      (i(!0), r(b, null, p(e.items, (t, a) => (i(), I(B, {
+        key: t,
+        src: t,
+        alt: n(a, t),
+        size: e.size,
+        deletable: e.deletable,
+        "delete-label": `Удалить ${n(a, t)}`,
+        preview: e.preview,
+        "test-id": e.testId ? `${e.testId}-item` : void 0,
+        onDelete: (L) => m("delete", a, t)
+      }, null, 8, ["src", "alt", "size", "deletable", "delete-label", "preview", "test-id", "onDelete"]))), 128))
+    ], 16));
+  }
+});
+export {
+  y as default
+};

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

@@ -0,0 +1,5 @@
+import { default as Image } from './Image.vue';
+import { default as ImageList } from './ImageList.vue';
+export type { ImageEmits, ImageProps, ImageSize } from './Image.types';
+export type { ImageListEmits, ImageListProps } from './ImageList.types';
+export { Image, ImageList };

package/dist/components/v2/InputNumber/InputNumber.css

@@ -1 +1 @@
-.number-field[data-v-6e5e2c7b]{--step-height:2.25rem;--step-radius:.5rem;--step-padding-x:.75rem;--step-gap:.5rem;--step-icon-size:1rem;--step-font-size:.875rem;--step-line-height:1.25rem;--step-value-width:1.75rem;--step-border-color:var(--theme-neutral-border-default);--step-icon-color:var(--theme-secondary-500);--step-text-color:var(--theme-neutral-text-title);width:max-content;height:var(--step-height);justify-content:center;align-items:center;gap:var(--step-gap);padding:0 var(--step-padding-x);background-color:var(--theme-neutral-0);border:.0625rem solid var(--step-border-color);border-radius:var(--step-radius);transition:border-color var(--animation-duration-fast) ease;display:flex}.number-field[data-v-6e5e2c7b]:not(.number-field--disabled):hover{--step-border-color:var(--theme-primary-300)}.number-field[data-v-6e5e2c7b]:not(.number-field--disabled):focus-within{--step-border-color:var(--theme-primary-500)}.number-field__button[data-v-6e5e2c7b]{cursor:pointer;color:var(--step-icon-color);transition:color var(--animation-duration-fast) ease;background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.number-field__button[data-v-6e5e2c7b] svg{width:var(--step-icon-size);height:var(--step-icon-size)}.number-field__button[data-v-6e5e2c7b]:hover:not(:disabled){color:var(--theme-secondary-600)}.number-field__button[data-v-6e5e2c7b]:disabled{color:var(--theme-neutral-icon-disabled);cursor:not-allowed}.number-field__button[data-v-6e5e2c7b]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem;border-radius:.25rem}.number-field__value[data-v-6e5e2c7b]{width:var(--step-value-width);font-family:inherit;font-weight:400;font-size:var(--step-font-size);line-height:var(--step-line-height);text-align:center;color:var(--step-text-color);background-color:#0000;border:none;outline:none;flex-shrink:0}@media (max-width:1009.98px){.number-field__value[data-v-6e5e2c7b]{font-size:1rem}}.number-field__value[data-v-6e5e2c7b]::placeholder{color:var(--theme-neutral-550)}.number-field__value[data-v-6e5e2c7b]:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--step-text-color);opacity:1}.number-field--small[data-v-6e5e2c7b]{--step-height:1.5rem;--step-padding-x:.5rem;--step-icon-size:.75rem;--step-font-size:.75rem;--step-line-height:1rem;--step-value-width:1.5rem}.number-field--medium[data-v-6e5e2c7b]{--step-height:2.5rem;--step-padding-x:1rem;--step-icon-size:1.125rem;--step-font-size:1rem;--step-line-height:1.5rem;--step-value-width:2rem}.number-field--large[data-v-6e5e2c7b]{--step-height:2.75rem;--step-radius:.75rem;--step-padding-x:1rem;--step-icon-size:1.25rem;--step-font-size:1rem;--step-line-height:1.5rem;--step-value-width:2rem}.number-field--error[data-v-6e5e2c7b]{--step-border-color:var(--theme-error-500)}.number-field--disabled[data-v-6e5e2c7b]{--step-border-color:var(--theme-neutral-border-disabled);--step-icon-color:var(--theme-neutral-icon-disabled);--step-text-color:var(--theme-neutral-400);cursor:not-allowed}
+.number-field[data-v-5a2b652b]{--step-height:2.25rem;--step-radius:.5rem;--step-padding-x:.75rem;--step-gap:.5rem;--step-icon-size:1rem;--step-font-size:.875rem;--step-line-height:1.25rem;--step-value-width:1.75rem;--step-border-color:var(--theme-neutral-border-default);--step-icon-color:var(--theme-secondary-500);--step-text-color:var(--theme-neutral-text-title);width:max-content;height:var(--step-height);justify-content:center;align-items:center;gap:var(--step-gap);padding:0 var(--step-padding-x);background-color:var(--theme-neutral-0);border:.0625rem solid var(--step-border-color);border-radius:var(--step-radius);transition:border-color var(--animation-duration-fast) ease;display:flex}.number-field[data-v-5a2b652b]:not(.number-field--disabled):hover{--step-border-color:var(--theme-primary-300)}.number-field[data-v-5a2b652b]:not(.number-field--disabled):focus-within{--step-border-color:var(--theme-primary-500)}.number-field__button[data-v-5a2b652b]{cursor:pointer;color:var(--step-icon-color);transition:color var(--animation-duration-fast) ease;background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.number-field__button[data-v-5a2b652b] svg{width:var(--step-icon-size);height:var(--step-icon-size)}.number-field__button[data-v-5a2b652b]:hover:not(:disabled){color:var(--theme-secondary-600)}.number-field__button[data-v-5a2b652b]:disabled{color:var(--theme-neutral-icon-disabled);cursor:not-allowed}.number-field__button[data-v-5a2b652b]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem;border-radius:.25rem}.number-field__value[data-v-5a2b652b]{width:var(--step-value-width);font-family:inherit;font-weight:400;font-size:var(--step-font-size);line-height:var(--step-line-height);text-align:center;color:var(--step-text-color);background-color:#0000;border:none;outline:none;flex-shrink:0}@media (max-width:1009.98px){.number-field__value[data-v-5a2b652b]{font-size:1rem}}.number-field__value[data-v-5a2b652b]::placeholder{color:var(--theme-neutral-550)}.number-field__value[data-v-5a2b652b]:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--step-text-color);opacity:1}.number-field--small[data-v-5a2b652b]{--step-height:1.5rem;--step-padding-x:.5rem;--step-icon-size:.75rem;--step-font-size:.75rem;--step-line-height:1rem;--step-value-width:1.5rem}.number-field--medium[data-v-5a2b652b]{--step-height:2.5rem;--step-padding-x:1rem;--step-icon-size:1.125rem;--step-font-size:1rem;--step-line-height:1.5rem;--step-value-width:2rem}.number-field--large[data-v-5a2b652b]{--step-height:2.75rem;--step-radius:.75rem;--step-padding-x:1rem;--step-icon-size:1.25rem;--step-font-size:1rem;--step-line-height:1.5rem;--step-value-width:2rem}.number-field--error[data-v-5a2b652b]{--step-border-color:var(--theme-error-500)}.number-field--disabled[data-v-5a2b652b]{--step-border-color:var(--theme-neutral-border-disabled);--step-icon-color:var(--theme-neutral-icon-disabled);--step-text-color:var(--theme-neutral-400);cursor:not-allowed}

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

@@ -2,7 +2,7 @@ import './InputNumber.css';
 import o from "./InputNumber.vue2.js";
 /* empty css                 */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6e5e2c7b"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5a2b652b"]]);
 export {
-  p as default
+  a as default
 };

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

@@ -1,8 +1,9 @@
 import { defineComponent as _, useModel as ee, useId as te, useTemplateRef as F, computed as r, ref as le, watch as ae, openBlock as S, createBlock as ne, unref as d, createElementBlock as re, mergeProps as b, createElementVNode as N, createVNode as C, mergeModels as P, nextTick as oe } from "vue";
 import { Minus as ie, Plus as ue } from "@lucide/vue";
 import de from "../Input/Input.vue.js";
-import { useTestId as se } from "../shared/useTestId.util.js";
-const ce = ["disabled", "aria-label"], me = ["id", "value", "name", "placeholder", "disabled", "readonly", "required", "aria-label", "aria-invalid"], fe = ["disabled", "aria-label"], ge = /* @__PURE__ */ _({
+import { isHtmlInputElement as se } from "../shared/isHtmlElement.util.js";
+import { useTestId as ce } from "../shared/useTestId.util.js";
+const me = ["disabled", "aria-label"], fe = ["id", "value", "name", "placeholder", "disabled", "readonly", "required", "aria-label", "aria-invalid"], ve = ["disabled", "aria-label"], Ie = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "InputNumber",
   props: /* @__PURE__ */ P({
@@ -30,7 +31,7 @@ const ce = ["disabled", "aria-label"], me = ["id", "value", "name", "placeholder
   }),
   emits: /* @__PURE__ */ P(["change", "increment", "decrement", "focus", "blur"], ["update:modelValue"]),
   setup(a, { expose: U, emit: Y }) {
-    const l = a, u = Y, s = ee(a, "modelValue"), p = se(() => l.testId), j = te(), x = F("inputRef"), k = F("stepperRef"), V = r(() => l.variant === "input"), G = r(() => l.id ?? `${j}-number`), H = r(() => l.size === "small" ? "small" : l.size === "large" ? "large" : "default"), y = r(() => l.precision ?? 0), K = r(() => y.value > 0), O = r(() => l.min === void 0 || l.min < 0), M = r(() => l.step ?? 1), W = r(() => "Уменьшить"), J = r(() => "Увеличить"), Q = r(
+    const l = a, u = Y, s = ee(a, "modelValue"), p = ce(() => l.testId), j = te(), x = F("inputRef"), k = F("stepperRef"), V = r(() => l.variant === "input"), G = r(() => l.id ?? `${j}-number`), H = r(() => l.size === "small" ? "small" : l.size === "large" ? "large" : "default"), y = r(() => l.precision ?? 0), K = r(() => y.value > 0), O = r(() => l.min === void 0 || l.min < 0), z = r(() => l.step ?? 1), W = r(() => "Уменьшить"), J = r(() => "Увеличить"), Q = r(
       () => l.ariaLabel ?? l.label ?? "Значение"
     ), f = (e) => e === null || Number.isNaN(e) ? "" : l.precision === void 0 ? String(e) : e.toFixed(y.value), g = (e) => {
       if (e === "" || e === "-" || e === "." || e === "-.") return null;
@@ -45,16 +46,16 @@ const ce = ["disabled", "aria-label"], me = ["id", "value", "name", "placeholder
       } else
         i = i.replace(/\./g, "");
       return n ? `-${i}` : i;
-    }, z = (e) => {
+    }, M = (e) => {
       const t = l.min ?? Number.NEGATIVE_INFINITY, n = l.max ?? Number.POSITIVE_INFINITY;
       return Math.min(n, Math.max(t, e));
-    }, T = (e) => {
+    }, B = (e) => {
       const t = 10 ** (l.precision ?? 10);
       return Math.round(e * t) / t;
     }, o = le(f(s.value)), c = r(() => {
       if (!V.value) return k.value;
       const e = x.value?.el;
-      return e instanceof HTMLInputElement ? e : null;
+      return se(e) ? e : null;
     }), v = async (e) => {
       await oe();
       const t = c.value;
@@ -65,21 +66,21 @@ const ce = ["disabled", "aria-label"], me = ["id", "value", "name", "placeholder
       t.setSelectionRange(m, m);
     }, h = (e) => {
       e !== s.value && (s.value = e, u("change", e));
-    }, B = (e) => {
+    }, T = (e) => {
       const t = e.target, n = X(t.value);
       o.value = n, v(n), h(g(n));
     }, R = (e) => {
-      const t = g(o.value), n = t === null ? null : T(z(t));
+      const t = g(o.value), n = t === null ? null : B(M(t));
       h(n), o.value = f(n), v(o.value), u("blur", e);
     }, I = r(() => s.value ?? l.min ?? 0), q = r(() => l.disabled || l.readonly ? !1 : l.min === void 0 || I.value > l.min), w = r(() => l.disabled || l.readonly ? !1 : l.max === void 0 || I.value < l.max), E = (e) => {
-      const t = T(z(I.value + e));
+      const t = B(M(I.value + e));
       return h(t), o.value = f(t), v(o.value), t;
-    }, L = () => {
-      w.value && u("increment", E(M.value));
     }, A = () => {
-      q.value && u("decrement", E(-M.value));
+      w.value && u("increment", E(z.value));
+    }, L = () => {
+      q.value && u("decrement", E(-z.value));
     }, $ = (e) => {
-      e.key !== "ArrowUp" && e.key !== "ArrowDown" || (e.preventDefault(), e.key === "ArrowUp" ? L() : A());
+      e.key !== "ArrowUp" && e.key !== "ArrowDown" || (e.preventDefault(), e.key === "ArrowUp" ? A() : L());
     }, Z = r(() => [
       "number-field",
       `number-field--${l.size}`,
@@ -117,7 +118,7 @@ const ce = ["disabled", "aria-label"], me = ["id", "value", "name", "placeholder
       "test-id": a.testId,
       inputmode: "decimal",
       autocomplete: "off",
-      onInput: B,
+      onInput: T,
       onBlur: R,
       onFocus: t[0] || (t[0] = (n) => u("focus", n)),
       onKeydown: $
@@ -130,9 +131,9 @@ const ce = ["disabled", "aria-label"], me = ["id", "value", "name", "placeholder
         class: "number-field__button",
         disabled: !q.value,
         "aria-label": W.value
-      }, d(p)("decrement"), { onClick: A }), [
+      }, d(p)("decrement"), { onClick: L }), [
         C(d(ie), { "stroke-width": 2 })
-      ], 16, ce),
+      ], 16, me),
       N("input", b({
         id: G.value,
         ref_key: "stepperRef",
@@ -150,22 +151,22 @@ const ce = ["disabled", "aria-label"], me = ["id", "value", "name", "placeholder
         "aria-label": Q.value,
         "aria-invalid": a.error || void 0
       }, e.$attrs, {
-        onInput: B,
+        onInput: T,
         onBlur: R,
         onFocus: t[1] || (t[1] = (n) => u("focus", n)),
         onKeydown: $
-      }), null, 16, me),
+      }), null, 16, fe),
       N("button", b({
         type: "button",
         class: "number-field__button",
         disabled: !w.value,
         "aria-label": J.value
-      }, d(p)("increment"), { onClick: L }), [
+      }, d(p)("increment"), { onClick: A }), [
         C(d(ue), { "stroke-width": 2 })
-      ], 16, fe)
+      ], 16, ve)
     ], 16));
   }
 });
 export {
-  ge as default
+  Ie as default
 };

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

@@ -1,4 +1,4 @@
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 import { InputProps } from '../Input';
 /** Пункт выпадающего списка чипа-селекта. */
 export interface InputSelectOption {
@@ -34,5 +34,5 @@ export interface InputSelectProps extends Omit<InputProps, 'type'> {
      */
     dropdownWidth?: number;
     /** Точка перелома, ниже которой список открывается шторкой снизу */
-    breakpointMobile?: TBreakpoints;
+    breakpointMobile?: TBreakpointMobile;
 }

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

@@ -2,7 +2,7 @@ import { InputSelectOption, InputSelectProps } from './InputSelect.types';
 import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ShallowRef, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
 import { InputType, InputSize, InputNativeType, InputMode, InputProps } from '..';
 import { OnCleanup } from '@vue/reactivity';
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 type __VLS_Props = InputSelectProps;
 type __VLS_PublicProps = {
     modelValue?: string;
@@ -207,7 +207,7 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
     error: boolean;
     readonly: boolean;
     name: string;
-    breakpointMobile: TBreakpoints;
+    breakpointMobile: TBreakpointMobile;
     rows: number;
     errorMessage: string;
     maxlength: number;