@profitliga/ui 2.0.2 → 2.0.4

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

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

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;

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

@@ -1,7 +1,7 @@
-import { defineComponent as $, useModel as p, useTemplateRef as M, computed as n, openBlock as h, createBlock as B, unref as L, mergeProps as P, createSlots as W, withCtx as a, createVNode as g, renderSlot as i, mergeModels as m } from "vue";
-import { useElementSize as C } from "@vueuse/core";
-import I from "../Input/Input.vue.js";
-import S from "./InputSelectChip.vue.js";
+import { defineComponent as $, useModel as p, useTemplateRef as B, computed as s, openBlock as M, createBlock as h, unref as L, mergeProps as g, createSlots as P, withCtx as a, createVNode as S, renderSlot as i, mergeModels as m } from "vue";
+import { useElementSize as W } from "@vueuse/core";
+import C from "../Input/Input.vue.js";
+import I from "./InputSelectChip.vue.js";
 const R = 234, F = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "InputSelect",
@@ -10,7 +10,7 @@ const R = 234, F = /* @__PURE__ */ $({
     selectPlaceholder: { default: "Label" },
     selectLabel: { default: void 0 },
     dropdownWidth: { default: void 0 },
-    breakpointMobile: { default: "sm" },
+    breakpointMobile: { type: [String, Boolean], default: "sm" },
     size: { default: "default" },
     nativeType: { default: "text" },
     label: { default: void 0 },
@@ -40,11 +40,11 @@ const R = 234, F = /* @__PURE__ */ $({
   }),
   emits: /* @__PURE__ */ m(["input", "change", "focus", "blur", "enter", "clear", "select"], ["update:modelValue", "update:selected"]),
   setup(o, { emit: b }) {
-    const s = o, d = b, u = p(o, "modelValue"), r = p(o, "selected"), f = M("inputRef"), v = n(() => f.value?.$el), { width: c } = C(v), y = n(
-      () => s.dropdownWidth ?? (Math.round(c.value) || R)
-    ), k = n(
-      () => s.selectLabel ?? s.selectPlaceholder
-    ), V = n(() => {
+    const n = o, d = b, u = p(o, "modelValue"), r = p(o, "selected"), f = B("inputRef"), v = s(() => f.value?.$el), { width: c } = W(v), y = s(
+      () => n.dropdownWidth ?? (Math.round(c.value) || R)
+    ), k = s(
+      () => n.selectLabel ?? n.selectPlaceholder
+    ), V = s(() => {
       const {
         options: t,
         selectPlaceholder: e,
@@ -52,10 +52,10 @@ const R = 234, F = /* @__PURE__ */ $({
         dropdownWidth: T,
         breakpointMobile: x,
         ...w
-      } = s;
+      } = n;
       return w;
     });
-    return (t, e) => (h(), B(L(I), P({
+    return (t, e) => (M(), h(L(C), g({
       ref_key: "inputRef",
       ref: f,
       modelValue: u.value,
@@ -68,9 +68,9 @@ const R = 234, F = /* @__PURE__ */ $({
       onBlur: e[6] || (e[6] = (l) => d("blur", l)),
       onEnter: e[7] || (e[7] = (l) => d("enter", l)),
       onClear: e[8] || (e[8] = (l) => d("clear"))
-    }), W({
+    }), P({
       "control-start": a(() => [
-        g(S, {
+        S(I, {
           modelValue: r.value,
           "onUpdate:modelValue": e[0] || (e[0] = (l) => r.value = l),
           options: o.options,

package/dist/components/v2/InputSelect/InputSelectChip.css

@@ -1 +1 @@
-.input-chip[data-v-7ffc00f6]{flex-shrink:0;align-self:stretch;display:flex}.input-chip[data-v-7ffc00f6] .popover-trigger{align-items:stretch;display:flex}.input-chip__button[data-v-7ffc00f6]{padding:.5rem var(--field-chip-padding-x);font:inherit;font-weight:500;font-size:var(--field-chip-font-size);white-space:nowrap;color:var(--theme-primary-600);background-color:var(--theme-primary-75);cursor:pointer;transition:color var(--animation-duration-fast) ease, background-color var(--animation-duration-fast) ease;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;line-height:1rem;display:flex}.input-chip__button[data-v-7ffc00f6]:hover:not(:disabled){background-color:var(--theme-primary-200)}.input-chip__button[data-v-7ffc00f6]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:-.125rem}.input-chip__button[data-v-7ffc00f6]:disabled{cursor:not-allowed;color:var(--theme-neutral-300);background-color:var(--theme-neutral-surface-disabled)}.input-chip__label[data-v-7ffc00f6]{text-overflow:ellipsis;overflow:hidden}.input-chip__arrow[data-v-7ffc00f6]{width:var(--field-chip-icon-size);height:var(--field-chip-icon-size);flex-shrink:0}.input-chip-list[data-v-7ffc00f6]{outline:none;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.input-chip-list__option[data-v-7ffc00f6]{width:100%;min-height:2rem;font:inherit;text-align:left;color:var(--theme-neutral-text-title);cursor:pointer;transition:background-color var(--animation-duration-fast) ease;background-color:#0000;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex}.input-chip-list__option[data-v-7ffc00f6]:hover:not(.input-chip-list__option--disabled),.input-chip-list__option--active[data-v-7ffc00f6]{background-color:var(--theme-secondary-50)}.input-chip-list__option--disabled[data-v-7ffc00f6]{cursor:not-allowed;opacity:.5}.input-chip-list__label[data-v-7ffc00f6]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}
+.input-chip[data-v-6f0af893]{flex-shrink:0;align-self:stretch;display:flex}.input-chip[data-v-6f0af893] .popover-trigger{align-items:stretch;display:flex}.input-chip__button[data-v-6f0af893]{padding:.5rem var(--field-chip-padding-x);font:inherit;font-weight:500;font-size:var(--field-chip-font-size);white-space:nowrap;color:var(--theme-primary-600);background-color:var(--theme-primary-75);cursor:pointer;transition:color var(--animation-duration-fast) ease, background-color var(--animation-duration-fast) ease;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;line-height:1rem;display:flex}.input-chip__button[data-v-6f0af893]:hover:not(:disabled){background-color:var(--theme-primary-200)}.input-chip__button[data-v-6f0af893]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:-.125rem}.input-chip__button[data-v-6f0af893]:disabled{cursor:not-allowed;color:var(--theme-neutral-300);background-color:var(--theme-neutral-surface-disabled)}.input-chip__label[data-v-6f0af893]{text-overflow:ellipsis;overflow:hidden}.input-chip__arrow[data-v-6f0af893]{width:var(--field-chip-icon-size);height:var(--field-chip-icon-size);flex-shrink:0}.input-chip-list[data-v-6f0af893]{outline:none;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.input-chip-list__option[data-v-6f0af893]{width:100%;min-height:2rem;font:inherit;text-align:left;color:var(--theme-neutral-text-title);cursor:pointer;transition:background-color var(--animation-duration-fast) ease;background-color:#0000;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex}.input-chip-list__option[data-v-6f0af893]:hover:not(.input-chip-list__option--disabled),.input-chip-list__option--active[data-v-6f0af893]{background-color:var(--theme-secondary-50)}.input-chip-list__option--disabled[data-v-6f0af893]{cursor:not-allowed;opacity:.5}.input-chip-list__label[data-v-6f0af893]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}

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

@@ -1,4 +1,4 @@
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 import { InputSelectOption } from './InputSelect.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface Props {
@@ -10,7 +10,7 @@ interface Props {
     /** Доступное имя чипа и списка */
     label: string;
     disabled?: boolean;
-    breakpointMobile?: TBreakpoints;
+    breakpointMobile?: TBreakpointMobile;
     testId?: string;
 }
 type __VLS_Props = Props;
@@ -25,7 +25,7 @@ declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Compo
     onSelect?: ((option: InputSelectOption) => any) | undefined;
 }>, {
     disabled: boolean;
-    breakpointMobile: TBreakpoints;
+    breakpointMobile: TBreakpointMobile;
     testId: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     listRef: HTMLDivElement;

package/dist/components/v2/InputSelect/InputSelectChip.vue.js

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