@profitliga/ui 1.2.90 → 2.0.0

package/dist/components/v2/FileUpload/useFileSelection.util.d.ts

@@ -0,0 +1,30 @@
+import { FileItem } from '../File';
+import { FileUploadRejection } from './FileUpload.types';
+import { ComputedRef } from 'vue';
+/**
+ * Общая работа со списком файлов для полей загрузки: проверка типа, размера и
+ * количества, превращение выбранных `File` в модель списка и освобождение
+ * созданных `blob:`-ссылок.
+ *
+ * Вынесено из компонентов, потому что блочное поле (`FileUpload`) и строка
+ * загрузки (`FileUploadInline`) отличаются только версткой: правила отбора
+ * файлов у них одни и те же.
+ */
+export interface FileSelectionOptions {
+    files: () => FileItem[];
+    setFiles: (files: FileItem[]) => void;
+    accept: () => string | undefined;
+    multiple: () => boolean;
+    maxFiles: () => number | undefined;
+    maxFileSize: () => number | string | undefined;
+    disabled: () => boolean;
+    onAdd: (files: FileItem[]) => void;
+    onRemove: (file: FileItem) => void;
+    onReject: (rejections: FileUploadRejection[]) => void;
+}
+export declare function useFileSelection(options: FileSelectionOptions): {
+    addFiles: (incoming: globalThis.File[]) => void;
+    removeFile: (file: FileItem) => void;
+    isFull: ComputedRef<boolean>;
+    maxFilesCount: ComputedRef<number | undefined>;
+};

package/dist/components/v2/FileUpload/useFileSelection.util.js

@@ -0,0 +1,80 @@
+import { computed as m, onBeforeUnmount as y } from "vue";
+import { parseFileSize as g, formatFileSize as I } from "../../../utils/parseFileSize.util.js";
+function S(t) {
+  const u = /* @__PURE__ */ new Set(), l = m(
+    () => t.multiple() ? t.maxFiles() : t.maxFiles() ?? 1
+  ), f = m(
+    () => typeof l.value == "number" && t.files().length >= l.value && t.multiple()
+  ), c = m(() => {
+    const e = t.maxFileSize();
+    if (e !== void 0)
+      return typeof e == "number" ? e : g(e);
+  });
+  function d(e) {
+    const i = t.accept();
+    if (!i) return !0;
+    const n = i.split(",").map((r) => r.trim().toLowerCase()).filter(Boolean);
+    if (!n.length) return !0;
+    const s = e.type.toLowerCase(), a = e.name.toLowerCase();
+    return n.some((r) => r.startsWith(".") ? a.endsWith(r) : r.endsWith("/*") ? s.startsWith(r.slice(0, -1)) : s === r);
+  }
+  function h() {
+    return typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `file-${Math.random().toString(36).slice(2)}`;
+  }
+  function F(e) {
+    const n = e.type.startsWith("image/") ? URL.createObjectURL(e) : void 0;
+    return n && u.add(n), {
+      id: h(),
+      name: e.name,
+      size: e.size,
+      mime: e.type || null,
+      url: n,
+      raw: e,
+      status: "ready"
+    };
+  }
+  function o(e) {
+    e.url && u.has(e.url) && (URL.revokeObjectURL(e.url), u.delete(e.url));
+  }
+  function v(e) {
+    const i = [], n = [], s = l.value;
+    let a = typeof s == "number" ? t.multiple() ? s - t.files().length : s : Number.POSITIVE_INFINITY;
+    for (const r of e) {
+      if (!d(r)) {
+        n.push({
+          file: r,
+          reason: "type",
+          message: `Файл «${r.name}» неподходящего типа`
+        });
+        continue;
+      }
+      if (c.value !== void 0 && r.size > c.value) {
+        n.push({
+          file: r,
+          reason: "size",
+          message: `Файл «${r.name}» больше ${I(c.value, 2)}`
+        });
+        continue;
+      }
+      if (a <= 0) {
+        n.push({
+          file: r,
+          reason: "count",
+          message: `Можно добавить не больше ${s} файлов`
+        });
+        continue;
+      }
+      a -= 1, i.push(F(r));
+    }
+    n.length && t.onReject(n), i.length && (t.multiple() ? t.setFiles([...t.files(), ...i]) : (t.files().forEach(o), t.setFiles(i.slice(0, 1))), t.onAdd(i));
+  }
+  function U(e) {
+    t.disabled() || (t.setFiles(t.files().filter((i) => i.id !== e.id)), o(e), t.onRemove(e));
+  }
+  return y(() => {
+    u.forEach((e) => URL.revokeObjectURL(e)), u.clear();
+  }), { addFiles: v, removeFile: U, isFull: f, maxFilesCount: l };
+}
+export {
+  S as useFileSelection
+};

package/dist/components/v2/Indicator/Indicator.css

@@ -0,0 +1 @@
+.indicator[data-v-3679e4db]{--indicator-offset-x:50%;--indicator-offset-y:50%;--indicator-inset:0%;align-items:center;display:inline-flex;position:relative}.indicator__counter[data-v-3679e4db]{--indicator-size:1.25rem;--indicator-font-size:.75rem;--indicator-dot-size:.5rem;--indicator-ring-width:.125rem;--indicator-background:var(--theme-error-500);--indicator-color:var(--theme-neutral-text-negative);--indicator-ring-color:var(--theme-neutral-0);box-sizing:border-box;min-width:var(--indicator-size);height:var(--indicator-size);font-weight:700;font-size:var(--indicator-font-size);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--indicator-color);background-color:var(--indicator-background);border-radius:62.5rem;flex-shrink:0;justify-content:center;align-items:center;padding-inline:.25rem;line-height:1;display:inline-flex}.indicator__counter--small[data-v-3679e4db]{--indicator-size:1rem;--indicator-font-size:.625rem;--indicator-dot-size:.375rem}.indicator__counter--large[data-v-3679e4db]{--indicator-size:1.5rem;--indicator-font-size:.875rem;--indicator-dot-size:.625rem}.indicator__counter--warn[data-v-3679e4db]{--indicator-background:var(--theme-warn-500)}.indicator__counter--secondary[data-v-3679e4db]{--indicator-background:var(--theme-secondary-500)}.indicator__counter--dot[data-v-3679e4db]{min-width:var(--indicator-dot-size);width:var(--indicator-dot-size);height:var(--indicator-dot-size);padding-inline:0}.indicator__counter--ring[data-v-3679e4db]{box-shadow:0 0 0 var(--indicator-ring-width) var(--indicator-ring-color)}.indicator--overlay .indicator__counter[data-v-3679e4db]{z-index:1;position:absolute}.indicator--round[data-v-3679e4db]{--indicator-inset:14.6%}.indicator--top-end .indicator__counter[data-v-3679e4db]{top:var(--indicator-inset);right:var(--indicator-inset);transform:translate(var(--indicator-offset-x), calc(var(--indicator-offset-y) * -1))}.indicator--top-start .indicator__counter[data-v-3679e4db]{top:var(--indicator-inset);left:var(--indicator-inset);transform:translate(calc(var(--indicator-offset-x) * -1), calc(var(--indicator-offset-y) * -1))}.indicator--bottom-end .indicator__counter[data-v-3679e4db]{right:var(--indicator-inset);bottom:var(--indicator-inset);transform:translate(var(--indicator-offset-x), var(--indicator-offset-y))}.indicator--bottom-start .indicator__counter[data-v-3679e4db]{bottom:var(--indicator-inset);left:var(--indicator-inset);transform:translate(calc(var(--indicator-offset-x) * -1), var(--indicator-offset-y))}

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

@@ -0,0 +1,54 @@
+/**
+ * Цвет кружка. Белый текст поверх заливки во всех тонах.
+ *
+ * `error` — основной вариант макета (корзина, непрочитанные), `warn` и
+ * `secondary` — те же счётчики в другой окраске.
+ */
+export type IndicatorTone = 'error' | 'warn' | 'secondary';
+/** `small` — 16px, `medium` — 20px (основной), `large` — 24px. */
+export type IndicatorSize = 'small' | 'medium' | 'large';
+/** Угол, к которому прижимается счётчик в overlay-режиме. */
+export type IndicatorPlacement = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
+export interface IndicatorProps {
+    /**
+     * Содержимое счётчика. Число сравнивается с `max`; строка выводится как
+     * есть — для «новинки», «•••» и прочего нечислового.
+     */
+    value?: number | string;
+    /** Порог: число больше него показывается как `99+`. Строк не касается. */
+    max?: number;
+    /** Точка без числа — `value` в этом режиме не выводится. */
+    dot?: boolean;
+    /** По умолчанию ноль скрывает счётчик целиком. */
+    showZero?: boolean;
+    tone?: IndicatorTone;
+    size?: IndicatorSize;
+    /**
+     * Куда прижать счётчик поверх содержимого слота. Без слота компонент
+     * рисует одиночный кружок и позиционирование не применяется.
+     */
+    placement?: IndicatorPlacement;
+    /**
+     * Якорь круглый (аватар): счётчик прижимается к окружности, а не к углу
+     * описанного прямоугольника, — иначе он повисает в стороне от аватара.
+     */
+    round?: boolean;
+    /**
+     * Кольцо цвета фона страницы — отделяет счётчик от иконки под ним.
+     * По умолчанию включено в overlay-режиме и выключено у одиночного кружка.
+     */
+    ring?: boolean;
+    /**
+     * Подпись для скринридера: «3» само по себе ничего не сообщает, нужен
+     * контекст — «3 товара в корзине». Точка без подписи считается
+     * декоративной и скрывается от скринридеров.
+     */
+    label?: string;
+    /** Цвет текста. */
+    color?: string;
+    backgroundColor?: string;
+    /** Цвет кольца — по умолчанию белый, под фон страницы. */
+    ringColor?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}

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

@@ -0,0 +1,34 @@
+import { IndicatorProps, IndicatorSize, IndicatorTone, IndicatorPlacement } from './Indicator.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<IndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IndicatorProps> & Readonly<{}>, {
+    label: string;
+    size: IndicatorSize;
+    value: number | string;
+    round: boolean;
+    color: string;
+    dot: boolean;
+    max: number;
+    backgroundColor: string;
+    testId: string;
+    tone: IndicatorTone;
+    showZero: boolean;
+    placement: IndicatorPlacement;
+    ring: boolean;
+    ringColor: 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/Indicator/Indicator.vue.js

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

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

@@ -0,0 +1,56 @@
+import { defineComponent as y, useSlots as b, computed as o, openBlock as n, createElementBlock as i, mergeProps as u, unref as d, renderSlot as C, toDisplayString as h, createCommentVNode as k } from "vue";
+import { useTestId as B } from "../shared/useTestId.util.js";
+const $ = ["aria-label", "aria-hidden"], V = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "Indicator",
+  props: {
+    value: { default: void 0 },
+    max: { default: 99 },
+    dot: { type: Boolean, default: !1 },
+    showZero: { type: Boolean, default: !1 },
+    tone: { default: "error" },
+    size: { default: "medium" },
+    placement: { default: "top-end" },
+    round: { type: Boolean, default: !1 },
+    ring: { type: Boolean, default: void 0 },
+    label: { default: void 0 },
+    color: { default: void 0 },
+    backgroundColor: { default: void 0 },
+    ringColor: { default: void 0 },
+    testId: { default: void 0 }
+  },
+  setup(r) {
+    const e = r, s = b(), l = B(() => e.testId), a = o(() => !!s.default), c = o(() => e.ring ?? a.value), f = o(() => e.dot ? "" : typeof e.value == "number" ? e.value > e.max ? `${e.max}+` : String(e.value) : e.value ?? ""), v = o(() => e.dot ? !0 : e.value === void 0 || e.value === "" ? !1 : e.value !== 0 || e.showZero), p = o(() => e.dot && !e.label), m = o(() => [
+      "indicator",
+      {
+        "indicator--overlay": a.value,
+        "indicator--round": a.value && e.round,
+        [`indicator--${e.placement}`]: a.value
+      }
+    ]), g = o(() => [
+      "indicator__counter",
+      `indicator__counter--${e.tone}`,
+      `indicator__counter--${e.size}`,
+      {
+        "indicator__counter--dot": e.dot,
+        "indicator__counter--ring": c.value
+      }
+    ]), _ = o(() => {
+      const t = {};
+      return e.color && (t["--indicator-color"] = e.color), e.backgroundColor && (t["--indicator-background"] = e.backgroundColor), e.ringColor && (t["--indicator-ring-color"] = e.ringColor), t;
+    });
+    return (t, I) => (n(), i("span", u({ class: m.value }, { ...t.$attrs, ...d(l)("root") }), [
+      C(t.$slots, "default", {}, void 0, !0),
+      v.value ? (n(), i("span", u({
+        key: 0,
+        class: g.value,
+        style: _.value,
+        "aria-label": r.label,
+        "aria-hidden": p.value ? "true" : void 0
+      }, d(l)("counter")), h(f.value), 17, $)) : k("", !0)
+    ], 16));
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,3 @@
+import { default as Indicator } from './Indicator.vue';
+export type { IndicatorPlacement, IndicatorProps, IndicatorSize, IndicatorTone } from './Indicator.types';
+export { Indicator };

package/dist/components/v2/Input/Input.css

@@ -0,0 +1 @@
+.input-field[data-v-1ce017c1]{--field-height:2.5rem;--field-radius:.5rem;--field-padding-x:.5rem;--field-padding-y:.25rem;--field-font-size:.875rem;--field-line-height:1.25rem;--field-label-font-size:.875rem;--field-label-line-height:1rem;--field-icon-size:1rem;--field-chip-padding-x:.75rem;--field-chip-font-size:.875rem;--field-chip-icon-size:1rem;--field-border-color:var(--theme-neutral-border-default);--field-text-color:var(--theme-neutral-text-body);--field-placeholder-color:var(--theme-neutral-550);--field-label-color:var(--theme-neutral-text-title);--field-support-color:var(--theme-neutral-text-caption);--field-icon-color:var(--theme-neutral-icon-caption);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.input-field__label[data-v-1ce017c1]{width:100%;font-weight:400;font-size:var(--field-label-font-size);line-height:var(--field-label-line-height);color:var(--field-label-color);overflow-wrap:break-word;align-items:center;gap:.125rem;padding:.375rem .6875rem .375rem .5rem;display:flex}.input-field__required[data-v-1ce017c1]{color:var(--theme-error-500);flex-shrink:0}.input-field__control[data-v-1ce017c1]{width:100%;min-height:var(--field-height);padding:var(--field-padding-y) var(--field-padding-x);background-color:var(--theme-neutral-0);border:.0625rem solid var(--field-border-color);border-radius:var(--field-radius);transition:border-color var(--animation-duration-fast) ease;align-items:center;display:flex}.input-field__field[data-v-1ce017c1]{width:100%;min-width:0;font-family:inherit;font-weight:400;font-size:var(--field-font-size);line-height:var(--field-line-height);color:var(--field-text-color);background-color:#0000;border:none;outline:none;flex:auto}@media (max-width:1009.98px){.input-field__field[data-v-1ce017c1]{font-size:1rem}}.input-field__field[data-v-1ce017c1]::placeholder{color:var(--field-placeholder-color)}.input-field__field[data-v-1ce017c1]:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--field-text-color);opacity:1}.input-field__field--multiline[data-v-1ce017c1]{resize:vertical;min-height:var(--field-line-height);padding:0;display:block;overflow:auto}.input-field__icon[data-v-1ce017c1]{width:1.375rem;height:1.125rem;color:var(--field-icon-color);flex-shrink:0;align-items:center;gap:.25rem;display:flex}.input-field__icon[data-v-1ce017c1] svg{width:var(--field-icon-size);height:var(--field-icon-size)}.input-field__icon--left[data-v-1ce017c1]{justify-content:flex-start}.input-field__icon--right[data-v-1ce017c1]{justify-content:flex-end;width:auto;min-width:1.375rem}.input-field__action[data-v-1ce017c1]{cursor:pointer;color:inherit;transition:color var(--animation-duration-fast) ease;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}.input-field__action[data-v-1ce017c1]:hover:not(:disabled){color:var(--theme-primary-500)}.input-field__action[data-v-1ce017c1]:disabled{cursor:not-allowed}.input-field__action[data-v-1ce017c1]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem;border-radius:.25rem}.input-field__footer[data-v-1ce017c1]{pointer-events:none;justify-content:center;align-items:center;gap:.625rem;padding:.25rem .6875rem .25rem .5rem;display:flex;position:absolute;top:100%;left:0;right:0}.input-field__support[data-v-1ce017c1]{min-width:0;color:var(--field-support-color);overflow-wrap:break-word;flex:auto;font-size:.625rem;font-weight:400;line-height:normal}.input-field__counter[data-v-1ce017c1]{text-align:right;white-space:nowrap;color:var(--theme-neutral-550);flex-shrink:0;margin-left:auto;font-size:.625rem;font-weight:400;line-height:normal}.input-field--size-small[data-v-1ce017c1]{--field-height:2.25rem;--field-label-font-size:.75rem;--field-chip-padding-x:.5rem;--field-chip-font-size:.75rem;--field-chip-icon-size:.875rem}.input-field--size-large[data-v-1ce017c1]{--field-height:2.75rem;--field-radius:.75rem;--field-padding-y:.5rem;--field-font-size:1rem;--field-line-height:1.5rem;--field-label-font-size:1rem;--field-label-line-height:1.25rem;--field-icon-size:1.125rem;--field-chip-padding-x:1rem}.input-field--with-control-start[data-v-1ce017c1]{--field-padding-x:.25rem;--field-padding-y:.25rem}.input-field--with-control-start .input-field__control[data-v-1ce017c1]{gap:.5rem;padding-right:.75rem}.input-field--type-limit[data-v-1ce017c1]{--field-padding-y:.5rem}.input-field--type-limit .input-field__control[data-v-1ce017c1]{align-items:stretch}.input-field--type-limit .input-field__icon[data-v-1ce017c1]{align-items:flex-end}.input-field:not(.input-field--error):not(.input-field--disabled) .input-field__control[data-v-1ce017c1]:hover{--field-border-color:var(--theme-primary-300)}.input-field:not(.input-field--error):not(.input-field--disabled) .input-field__control[data-v-1ce017c1]:focus-within{--field-border-color:var(--theme-primary-500)}.input-field--error[data-v-1ce017c1]{--field-border-color:var(--theme-error-500);--field-label-color:var(--theme-error-500);--field-support-color:var(--theme-error-500)}.input-field--disabled[data-v-1ce017c1]{--field-border-color:var(--theme-neutral-border-disabled);--field-text-color:var(--theme-neutral-400);--field-placeholder-color:var(--theme-neutral-400);--field-label-color:var(--theme-neutral-400);--field-support-color:var(--theme-neutral-400);--field-icon-color:var(--theme-neutral-400)}.input-field--disabled .input-field__control[data-v-1ce017c1]{cursor:not-allowed}

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

@@ -0,0 +1,62 @@
+/**
+ * Тип поля из макета:
+ * - `default` — обычное текстовое поле;
+ * - `clearable` — с кнопкой очистки справа (появляется при непустом значении);
+ * - `password` — со скрытым вводом и переключателем видимости;
+ * - `limit` — многострочное поле с ресайзом и счётчиком символов.
+ *
+ * Поиск — это `default` с иконкой в слоте `prefix`, отдельного типа для него нет.
+ *
+ * Поле с чипом-селектом — отдельный компонент `InputSelect`: чип тянет за собой
+ * `Popover` со шторкой, и обычному полю за это платить не за что.
+ */
+export type InputType = 'default' | 'clearable' | 'password' | 'limit';
+export type InputSize = 'small' | 'default' | 'large';
+/** Нативный `type` для однострочных вариантов (кроме `password` — он задаётся типом поля). */
+export type InputNativeType = 'text' | 'email' | 'tel' | 'url' | 'number' | 'search';
+export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+export interface InputProps {
+    /** Тип поля из макета */
+    type?: InputType;
+    /** Размер поля */
+    size?: InputSize;
+    /** Нативный `type` инпута. Игнорируется для `password` и `limit` */
+    nativeType?: InputNativeType;
+    /** Подпись над полем. Можно заменить слотом `label` */
+    label?: string;
+    /**
+     * Доступное имя поля для скринридера. Нужно, когда видимой подписи нет —
+     * иначе им становится `placeholder`
+     */
+    ariaLabel?: string;
+    /** Пояснение под полем. Можно заменить слотом `support` */
+    supportText?: string;
+    /**
+     * Текст ошибки. Показывается вместо `supportText` только при `error: true`,
+     * поэтому его можно держать в пропе постоянно
+     */
+    errorMessage?: string;
+    /** Состояние ошибки: красит поле и показывает `errorMessage` */
+    error?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    /** Максимальная длина значения. Для `limit` — знаменатель счётчика */
+    maxlength?: number;
+    /** Показывать счётчик символов. Для `limit` включён по умолчанию при заданном `maxlength` */
+    showCount?: boolean;
+    /** Количество строк для `limit` */
+    rows?: number;
+    name?: string;
+    autocomplete?: string;
+    inputmode?: InputMode;
+    /** Собственный `id`. По умолчанию генерируется */
+    id?: string;
+    testId?: string;
+}
+export interface InputExpose {
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+}

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

@@ -0,0 +1,73 @@
+import { InputProps, InputType, InputSize, InputMode, InputNativeType } from './Input.types';
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = InputProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        'control-start'?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        support?(_: {}): any;
+    };
+    refs: {
+        fieldRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {
+    el: Readonly< ShallowRef<HTMLInputElement | HTMLTextAreaElement | null>>;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    select: () => void | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    input: (event: Event) => any;
+    clear: () => any;
+    "update:modelValue": (value: string) => any;
+    blur: (event: FocusEvent) => any;
+    change: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    enter: (event: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onInput?: ((event: Event) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onEnter?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    type: InputType;
+    label: string;
+    size: InputSize;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    id: string;
+    error: boolean;
+    readonly: boolean;
+    name: string;
+    rows: number;
+    errorMessage: string;
+    maxlength: number;
+    autocomplete: string;
+    inputmode: InputMode;
+    ariaLabel: string;
+    testId: string;
+    nativeType: InputNativeType;
+    supportText: string;
+    showCount: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    fieldRef: 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/Input/Input.vue.js

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

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

@@ -0,0 +1,196 @@
+import { defineComponent as Q, useModel as W, useSlots as Y, useId as Z, useTemplateRef as _, ref as ee, computed as o, openBlock as i, createElementBlock as u, mergeProps as r, unref as d, renderSlot as y, createTextVNode as E, toDisplayString as g, createCommentVNode as f, createElementVNode as le, withDirectives as N, vModelText as te, withKeys as ae, vModelDynamic as oe, createVNode as ie, createBlock as P, mergeModels as R } from "vue";
+import { X as de, EyeOff as ue, Eye as re } from "@lucide/vue";
+import { useTestId as se } from "../shared/useTestId.util.js";
+const ne = ["for"], fe = ["id", "name", "rows", "placeholder", "disabled", "readonly", "required", "maxlength", "aria-label", "aria-invalid", "aria-describedby"], ve = ["id", "type", "name", "placeholder", "disabled", "readonly", "required", "maxlength", "autocomplete", "inputmode", "aria-label", "aria-invalid", "aria-describedby"], pe = ["aria-label"], ce = ["aria-label", "aria-pressed", "disabled"], be = {
+  key: 1,
+  class: "input-field__footer"
+}, me = ["id"], ke = /* @__PURE__ */ Q({
+  inheritAttrs: !1,
+  __name: "Input",
+  props: /* @__PURE__ */ R({
+    type: { default: "default" },
+    size: { default: "default" },
+    nativeType: { default: "text" },
+    label: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    supportText: { default: void 0 },
+    errorMessage: { default: void 0 },
+    error: { type: Boolean, default: !1 },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    maxlength: { default: void 0 },
+    showCount: { type: Boolean, default: void 0 },
+    rows: { default: 1 },
+    name: { default: void 0 },
+    autocomplete: { default: void 0 },
+    inputmode: { default: void 0 },
+    id: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["input", "change", "focus", "blur", "enter", "clear"], ["update:modelValue"]),
+  setup(t, { expose: z, emit: D }) {
+    const e = t, s = D, c = W(t, "modelValue"), m = Y(), n = se(() => e.testId), B = Z(), v = _(
+      "fieldRef"
+    ), b = ee(!1), k = o(() => e.id ?? `${B}-field`), C = o(() => `${B}-support`), x = o(() => e.type === "password"), V = o(() => e.type === "limit"), h = o(() => e.error), $ = o(() => h.value ? e.errorMessage ?? e.supportText : e.supportText), q = o(() => c.value?.length ?? 0), F = o(() => x.value ? b.value ? "text" : "password" : e.nativeType), T = o(() => !!(e.label || m.label)), A = o(() => !!m.prefix), K = o(() => !!m["control-start"]), I = o(() => T.value ? e.ariaLabel : e.ariaLabel ?? e.placeholder), L = o(
+      () => e.type === "clearable" && q.value > 0 && !e.disabled && !e.readonly
+    ), U = o(
+      () => !!m.suffix || x.value || L.value
+    ), M = o(() => e.maxlength === void 0 ? !1 : e.showCount ?? V.value), w = o(
+      () => !!($.value || m.support)
+    ), O = o(() => w.value || M.value), S = o(
+      () => w.value ? C.value : void 0
+    ), X = o(() => "Очистить поле"), j = o(
+      () => b.value ? "Скрыть пароль" : "Показать пароль"
+    ), G = o(() => [
+      "input-field",
+      `input-field--size-${e.size}`,
+      `input-field--type-${e.type}`,
+      {
+        "input-field--with-control-start": K.value,
+        "input-field--error": h.value,
+        "input-field--disabled": e.disabled,
+        "input-field--readonly": e.readonly
+      }
+    ]), H = () => {
+      e.disabled || e.readonly || (c.value = "", s("clear"), v.value?.focus());
+    }, J = () => {
+      e.disabled || (b.value = !b.value);
+    };
+    return z({
+      el: v,
+      focus: () => v.value?.focus(),
+      blur: () => v.value?.blur(),
+      select: () => v.value?.select()
+    }), (p, l) => (i(), u("div", r({ class: G.value }, d(n)("root")), [
+      T.value ? (i(), u("label", r({
+        key: 0,
+        class: "input-field__label",
+        for: k.value
+      }, d(n)("label")), [
+        y(p.$slots, "label", {}, () => [
+          E(g(t.label), 1)
+        ], !0),
+        t.required ? (i(), u("span", r({
+          key: 0,
+          class: "input-field__required",
+          "aria-hidden": "true"
+        }, d(n)("required")), "*", 16)) : f("", !0)
+      ], 16, ne)) : f("", !0),
+      le("div", r({ class: "input-field__control" }, d(n)("control")), [
+        y(p.$slots, "control-start", {}, void 0, !0),
+        A.value ? (i(), u("span", r({
+          key: 0,
+          class: "input-field__icon input-field__icon--left",
+          "aria-hidden": "true"
+        }, d(n)("prefix")), [
+          y(p.$slots, "prefix", {}, void 0, !0)
+        ], 16)) : f("", !0),
+        V.value ? N((i(), u("textarea", r({
+          key: 1,
+          id: k.value,
+          ref_key: "fieldRef",
+          ref: v,
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => c.value = a),
+          class: "input-field__field input-field__field--multiline",
+          name: t.name,
+          rows: t.rows,
+          placeholder: t.placeholder,
+          disabled: t.disabled,
+          readonly: t.readonly,
+          required: t.required,
+          maxlength: t.maxlength,
+          "aria-label": I.value,
+          "aria-invalid": h.value || void 0,
+          "aria-describedby": S.value
+        }, p.$attrs, {
+          onInput: l[1] || (l[1] = (a) => s("input", a)),
+          onChange: l[2] || (l[2] = (a) => s("change", a)),
+          onFocus: l[3] || (l[3] = (a) => s("focus", a)),
+          onBlur: l[4] || (l[4] = (a) => s("blur", a))
+        }), null, 16, fe)), [
+          [te, c.value]
+        ]) : N((i(), u("input", r({
+          key: 2,
+          id: k.value,
+          ref_key: "fieldRef",
+          ref: v,
+          "onUpdate:modelValue": l[5] || (l[5] = (a) => c.value = a),
+          class: "input-field__field",
+          type: F.value,
+          name: t.name,
+          placeholder: t.placeholder,
+          disabled: t.disabled,
+          readonly: t.readonly,
+          required: t.required,
+          maxlength: t.maxlength,
+          autocomplete: t.autocomplete,
+          inputmode: t.inputmode,
+          "aria-label": I.value,
+          "aria-invalid": h.value || void 0,
+          "aria-describedby": S.value
+        }, p.$attrs, {
+          onInput: l[6] || (l[6] = (a) => s("input", a)),
+          onChange: l[7] || (l[7] = (a) => s("change", a)),
+          onFocus: l[8] || (l[8] = (a) => s("focus", a)),
+          onBlur: l[9] || (l[9] = (a) => s("blur", a)),
+          onKeydown: l[10] || (l[10] = ae((a) => s("enter", a), ["enter"]))
+        }), null, 16, ve)), [
+          [oe, c.value]
+        ]),
+        U.value ? (i(), u("span", r({
+          key: 3,
+          class: "input-field__icon input-field__icon--right"
+        }, d(n)("suffix")), [
+          y(p.$slots, "suffix", {}, void 0, !0),
+          L.value ? (i(), u("button", r({
+            key: 0,
+            type: "button",
+            class: "input-field__action",
+            "aria-label": X.value
+          }, d(n)("clear"), { onClick: H }), [
+            ie(d(de), { "stroke-width": 2 })
+          ], 16, pe)) : f("", !0),
+          x.value ? (i(), u("button", r({
+            key: 1,
+            type: "button",
+            class: "input-field__action",
+            "aria-label": j.value,
+            "aria-pressed": b.value,
+            disabled: t.disabled
+          }, d(n)("password-toggle"), { onClick: J }), [
+            b.value ? (i(), P(d(ue), {
+              key: 0,
+              "stroke-width": 2
+            })) : (i(), P(d(re), {
+              key: 1,
+              "stroke-width": 2
+            }))
+          ], 16, ce)) : f("", !0)
+        ], 16)) : f("", !0)
+      ], 16),
+      O.value ? (i(), u("div", be, [
+        w.value ? (i(), u("p", r({
+          key: 0,
+          id: C.value,
+          class: "input-field__support"
+        }, d(n)("support")), [
+          y(p.$slots, "support", {}, () => [
+            E(g($.value), 1)
+          ], !0)
+        ], 16, me)) : f("", !0),
+        M.value ? (i(), u("p", r({
+          key: 1,
+          class: "input-field__counter"
+        }, d(n)("counter")), g(q.value) + " / " + g(t.maxlength), 17)) : f("", !0)
+      ])) : f("", !0)
+    ], 16));
+  }
+});
+export {
+  ke as default
+};

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

@@ -0,0 +1,3 @@
+import { default as Input } from './Input.vue';
+export type { InputExpose, InputMode, InputNativeType, InputProps, InputSize, InputType } from './Input.types';
+export { Input };

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

@@ -0,0 +1 @@
+.number-field[data-v-808b7254]{--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-808b7254]:not(.number-field--disabled):hover{--step-border-color:var(--theme-primary-300)}.number-field[data-v-808b7254]:not(.number-field--disabled):focus-within{--step-border-color:var(--theme-primary-500)}.number-field__button[data-v-808b7254]{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-808b7254] svg{width:var(--step-icon-size);height:var(--step-icon-size)}.number-field__button[data-v-808b7254]:hover:not(:disabled){color:var(--theme-secondary-600)}.number-field__button[data-v-808b7254]:disabled{color:var(--theme-neutral-icon-disabled);cursor:not-allowed}.number-field__button[data-v-808b7254]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:.125rem;border-radius:.25rem}.number-field__value[data-v-808b7254]{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-808b7254]{font-size:1rem}}.number-field__value[data-v-808b7254]::placeholder{color:var(--theme-neutral-550)}.number-field__value[data-v-808b7254]:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--step-text-color);opacity:1}.number-field--small[data-v-808b7254]{--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-808b7254]{--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-808b7254]{--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-808b7254]{--step-border-color:var(--theme-error-500)}.number-field--disabled[data-v-808b7254]{--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}