@profitliga/ui 1.2.89 → 2.0.0

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

@@ -0,0 +1,382 @@
+import { nextTick, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ShallowRef, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, WatchOptions, WatchStopHandle, ComponentCustomProperties, DefineComponent, ComputedRef, PublicProps } from 'vue';
+import { InputPhoneProps, InputPhoneSize } from './InputPhone.types';
+import { InputType, InputNativeType, InputMode, InputProps } from '..';
+import { OnCleanup } from '@vue/reactivity';
+type __VLS_Props = InputPhoneProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+    'digits'?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        support?(_: {}): any;
+    };
+    refs: {
+        inputRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | undefined;
+                readonly type?: InputType | undefined;
+                readonly size?: InputPhoneSize | undefined;
+                readonly nativeType?: InputNativeType | undefined;
+                readonly label?: string | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly supportText?: string | undefined;
+                readonly errorMessage?: string | undefined;
+                readonly error?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly required?: boolean | undefined;
+                readonly maxlength?: number | undefined;
+                readonly showCount?: boolean | undefined;
+                readonly rows?: number | undefined;
+                readonly name?: string | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly inputmode?: InputMode | undefined;
+                readonly id?: string | undefined;
+                readonly testId?: string | undefined;
+                readonly onInput?: ((event: Event) => any) | undefined;
+                readonly onClear?: (() => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                readonly onChange?: ((event: Event) => any) | undefined;
+                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                readonly onEnter?: ((event: KeyboardEvent) => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                fieldRef: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "input", event: Event) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "change", event: Event) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "enter", event: KeyboardEvent) => void);
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<{
+                modelValue?: string;
+            } & InputProps> & 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;
+            }>, {
+                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, {
+                type: InputType;
+                label: string;
+                size: InputPhoneSize;
+                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, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            type: InputType;
+            label: string;
+            size: InputPhoneSize;
+            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;
+        }> & Omit<Readonly<{
+            modelValue?: string;
+        } & InputProps> & 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;
+        }>, "el" | "select" | "blur" | "focus" | ("type" | "label" | "size" | "placeholder" | "disabled" | "required" | "id" | "error" | "readonly" | "name" | "rows" | "errorMessage" | "maxlength" | "autocomplete" | "inputmode" | "ariaLabel" | "testId" | "nativeType" | "supportText" | "showCount")> & {
+            el: HTMLInputElement | HTMLTextAreaElement | null;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void | undefined;
+        } & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                label?(_: {}): any;
+                'control-start'?(_: {}): any;
+                prefix?(_: {}): any;
+                suffix?(_: {}): any;
+                support?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {
+    el: ComputedRef<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;
+    "update:digits": (value: string) => 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;
+    "onUpdate:digits"?: ((value: string) => any) | undefined;
+}>, {
+    label: string;
+    size: InputPhoneSize;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    id: string;
+    error: boolean;
+    readonly: boolean;
+    name: string;
+    errorMessage: string;
+    autocomplete: string;
+    ariaLabel: string;
+    testId: string;
+    clearable: boolean;
+    supportText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    inputRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | undefined;
+            readonly type?: InputType | undefined;
+            readonly size?: InputPhoneSize | undefined;
+            readonly nativeType?: InputNativeType | undefined;
+            readonly label?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly supportText?: string | undefined;
+            readonly errorMessage?: string | undefined;
+            readonly error?: boolean | undefined;
+            readonly placeholder?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly required?: boolean | undefined;
+            readonly maxlength?: number | undefined;
+            readonly showCount?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly name?: string | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly inputmode?: InputMode | undefined;
+            readonly id?: string | undefined;
+            readonly testId?: string | undefined;
+            readonly onInput?: ((event: Event) => any) | undefined;
+            readonly onClear?: (() => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+            readonly onChange?: ((event: Event) => any) | undefined;
+            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+            readonly onEnter?: ((event: KeyboardEvent) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            fieldRef: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "input", event: Event) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "change", event: Event) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "enter", event: KeyboardEvent) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<{
+            modelValue?: string;
+        } & InputProps> & 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;
+        }>, {
+            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, {
+            type: InputType;
+            label: string;
+            size: InputPhoneSize;
+            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, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        type: InputType;
+        label: string;
+        size: InputPhoneSize;
+        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;
+    }> & Omit<Readonly<{
+        modelValue?: string;
+    } & InputProps> & 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;
+    }>, "el" | "select" | "blur" | "focus" | ("type" | "label" | "size" | "placeholder" | "disabled" | "required" | "id" | "error" | "readonly" | "name" | "rows" | "errorMessage" | "maxlength" | "autocomplete" | "inputmode" | "ariaLabel" | "testId" | "nativeType" | "supportText" | "showCount")> & {
+        el: HTMLInputElement | HTMLTextAreaElement | null;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void | undefined;
+    } & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            label?(_: {}): any;
+            'control-start'?(_: {}): any;
+            prefix?(_: {}): any;
+            suffix?(_: {}): any;
+            support?(_: {}): any;
+        };
+    }) | null;
+}, 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/InputPhone/InputPhone.vue.js

@@ -0,0 +1,126 @@
+import { defineComponent as I, useModel as y, useSlots as R, useTemplateRef as $, computed as x, watch as q, openBlock as w, createBlock as z, createSlots as L, unref as u, withCtx as d, renderSlot as f, mergeModels as k, nextTick as T } from "vue";
+import A from "../Input/Input.vue.js";
+import { PHONE_MASK_PLACEHOLDER as K, extractPhoneDigits as B, formatPhone as H, countPhoneDigits as h, positionAfterPhoneDigits as O } from "./phoneMask.util.js";
+const j = /* @__PURE__ */ I({
+  __name: "InputPhone",
+  props: /* @__PURE__ */ k({
+    size: { default: "default" },
+    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 },
+    clearable: { type: Boolean, default: !1 },
+    name: { default: void 0 },
+    autocomplete: { default: "tel" },
+    id: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {},
+    digits: { default: "" },
+    digitsModifiers: {}
+  }),
+  emits: /* @__PURE__ */ k(["input", "change", "focus", "blur", "enter", "clear"], ["update:modelValue", "update:digits"]),
+  setup(a, { expose: C, emit: M }) {
+    const P = a, i = M, n = y(a, "modelValue"), p = y(a, "digits"), s = R(), r = $("inputRef"), v = x(() => r.value?.el ?? null), V = x(
+      () => P.placeholder ?? K
+    ), c = (l) => {
+      const e = B(l), t = H(e);
+      return p.value !== e && (p.value = e), n.value !== t && (n.value = t), t;
+    };
+    q(n, (l) => c(l), { immediate: !0 });
+    const g = (l, e) => {
+      T(() => {
+        const t = v.value;
+        if (!t) return;
+        t.value !== l && (t.value = l);
+        const o = O(l, e);
+        t.setSelectionRange(o, o);
+      });
+    }, S = (l) => {
+      const e = l.target, t = e.selectionStart ?? e.value.length, o = h(e.value.slice(0, t));
+      g(c(e.value), o), i("input", l);
+    }, D = (l) => {
+      if (l.key !== "Backspace") return;
+      const e = l.target, t = e.selectionStart ?? 0;
+      if (t !== e.selectionEnd || t === 0 || /\d/.test(e.value[t - 1])) return;
+      const o = e.value.slice(0, t).search(/\d(?=\D*$)/);
+      if (o === -1) return;
+      l.preventDefault();
+      const b = B(e.value), m = h(e.value.slice(0, o)), E = b.slice(0, m) + b.slice(m + 1);
+      g(c(E), m);
+    };
+    return C({
+      el: v,
+      focus: () => r.value?.focus(),
+      blur: () => r.value?.blur(),
+      select: () => r.value?.select()
+    }), (l, e) => (w(), z(A, {
+      id: a.id,
+      ref_key: "inputRef",
+      ref: r,
+      modelValue: n.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
+      type: a.clearable ? "clearable" : "default",
+      "native-type": "tel",
+      inputmode: "tel",
+      autocomplete: a.autocomplete,
+      size: a.size,
+      label: a.label,
+      "aria-label": a.ariaLabel,
+      "support-text": a.supportText,
+      "error-message": a.errorMessage,
+      error: a.error,
+      placeholder: V.value,
+      disabled: a.disabled,
+      readonly: a.readonly,
+      required: a.required,
+      name: a.name,
+      "test-id": a.testId,
+      onInput: S,
+      onKeydown: D,
+      onChange: e[1] || (e[1] = (t) => i("change", t)),
+      onFocus: e[2] || (e[2] = (t) => i("focus", t)),
+      onBlur: e[3] || (e[3] = (t) => i("blur", t)),
+      onEnter: e[4] || (e[4] = (t) => i("enter", t)),
+      onClear: e[5] || (e[5] = (t) => i("clear"))
+    }, L({ _: 2 }, [
+      u(s).label ? {
+        name: "label",
+        fn: d(() => [
+          f(l.$slots, "label")
+        ]),
+        key: "0"
+      } : void 0,
+      u(s).prefix ? {
+        name: "prefix",
+        fn: d(() => [
+          f(l.$slots, "prefix")
+        ]),
+        key: "1"
+      } : void 0,
+      u(s).suffix ? {
+        name: "suffix",
+        fn: d(() => [
+          f(l.$slots, "suffix")
+        ]),
+        key: "2"
+      } : void 0,
+      u(s).support ? {
+        name: "support",
+        fn: d(() => [
+          f(l.$slots, "support")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1032, ["id", "modelValue", "type", "autocomplete", "size", "label", "aria-label", "support-text", "error-message", "error", "placeholder", "disabled", "readonly", "required", "name", "test-id"]));
+  }
+});
+export {
+  j as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./InputPhone.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,4 @@
+import { default as InputPhone } from './InputPhone.vue';
+export type { InputPhoneExpose, InputPhoneProps, InputPhoneSize } from './InputPhone.types';
+export { PHONE_MASK_PLACEHOLDER, extractPhoneDigits, formatPhone } from './phoneMask.util';
+export { InputPhone };

package/dist/components/v2/InputPhone/phoneMask.util.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Маска телефона `+_ (___) ___-__-__`: код страны из одной цифры и десять
+ * цифр номера. Маска накладывается на цифры, а не на введённую строку —
+ * поэтому вставка `8 999 123 45 67`, `+7(999)1234567` и `79991234567` даёт
+ * один и тот же результат.
+ */
+export declare const PHONE_MASK_PLACEHOLDER = "+_ (___) ___-__-__";
+/**
+ * Привычный набор с восьмёрки — это тот же российский код `7`, поэтому первую
+ * цифру нормализуем. Остальные коды остаются как есть.
+ */
+export declare const extractPhoneDigits: (value: string) => string;
+/** Раскладывает цифры по маске, обрывая её там, где цифры кончились. */
+export declare const formatPhone: (digits: string) => string;
+export declare const countPhoneDigits: (value: string) => number;
+/**
+ * Позиция каретки после `count`-й цифры. Курсор привязываем к цифрам, а не к
+ * индексу в строке: разделители маски добавляются и исчезают по ходу ввода и
+ * сдвигали бы каретку сами по себе.
+ */
+export declare const positionAfterPhoneDigits: (formatted: string, count: number) => number;

package/dist/components/v2/InputPhone/phoneMask.util.js

@@ -0,0 +1,23 @@
+const r = "+_ (___) ___-__-__";
+const c = (e) => {
+  const n = e.replace(/\D/g, "").slice(0, 11);
+  return n ? n.startsWith("8") ? `7${n.slice(1)}` : n : "";
+}, _ = (e) => {
+  if (!e) return "";
+  let n = `+${e.slice(0, 1)}`;
+  return e.length > 1 && (n += ` (${e.slice(1, 4)}`), e.length >= 4 && (n += ")"), e.length > 4 && (n += ` ${e.slice(4, 7)}`), e.length > 7 && (n += `-${e.slice(7, 9)}`), e.length > 9 && (n += `-${e.slice(9, 11)}`), n;
+}, s = (e) => (e.match(/\d/g) ?? []).length, h = (e, n) => {
+  if (n <= 0) return e.startsWith("+") ? 1 : 0;
+  let l = 0;
+  for (let t = 0; t < e.length; t++)
+    if (/\d/.test(e[t]) && (l++, l === n))
+      return t + 1;
+  return e.length;
+};
+export {
+  r as PHONE_MASK_PLACEHOLDER,
+  s as countPhoneDigits,
+  c as extractPhoneDigits,
+  _ as formatPhone,
+  h as positionAfterPhoneDigits
+};

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

@@ -0,0 +1,38 @@
+import { TBreakpoints } from '../../../types/global.types';
+import { InputProps } from '../Input';
+/** Пункт выпадающего списка чипа-селекта. */
+export interface InputSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Поле с чипом-селектом внутри слева — область поиска.
+ *
+ * Раньше это был `type: 'select'` у `Input`. Разъехались потому, что чип тянет
+ * за собой `Popover` → `BottomSheet` → `Portal`, и обычное текстовое поле
+ * платило за это ~27 kB, даже если селект ему не нужен.
+ *
+ * Пропы самого поля наследуются от `Input` — кроме `type`: композицию задаёт
+ * сам компонент.
+ */
+export interface InputSelectProps extends Omit<InputProps, 'type'> {
+    /**
+     * Пункты чипа. Выбор в чипе задаёт область поиска и не связан со значением
+     * поля — они живут в разных `v-model`
+     */
+    options?: InputSelectOption[];
+    /** Подпись чипа, пока ничего не выбрано */
+    selectPlaceholder?: string;
+    /**
+     * Доступное имя чипа и его списка (`aria-label`) — нужно, чтобы скринридер
+     * отличил область поиска от самого поля
+     */
+    selectLabel?: string;
+    /**
+     * Ширина выпадающего списка в пикселях. По умолчанию повторяет ширину поля
+     */
+    dropdownWidth?: number;
+    /** Точка перелома, ниже которой список открывается шторкой снизу */
+    breakpointMobile?: TBreakpoints;
+}