@profitliga/ui 2.0.3 → 2.0.4

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

@@ -1,9 +1,10 @@
-import { defineComponent as g, useModel as p, useId as v, useTemplateRef as h, shallowRef as M, watchEffect as m, watch as y, onBeforeUnmount as w, openBlock as k, createElementBlock as x, Fragment as C, createElementVNode as I, mergeProps as D, unref as t, renderSlot as b, createVNode as E, withCtx as O, createTextVNode as P, toDisplayString as T, mergeModels as F } from "vue";
-import { breakpoints as L } from "../../../utils/breakpoints.util.js";
-import { useTestId as B } from "../shared/useTestId.util.js";
-import R from "./TooltipContent.vue.js";
-import { createTooltipControl as z } from "./tooltipControl.util.js";
-const H = /* @__PURE__ */ g({
+import { defineComponent as g, useModel as p, useId as v, useTemplateRef as h, shallowRef as y, watchEffect as m, watch as M, onBeforeUnmount as w, openBlock as k, createElementBlock as x, Fragment as C, createElementVNode as I, mergeProps as D, unref as t, renderSlot as b, createVNode as E, withCtx as O, createTextVNode as P, toDisplayString as B, mergeModels as F } from "vue";
+import { isHtmlElement as T } from "../shared/isHtmlElement.util.js";
+import { useIsMobile as L } from "../shared/useIsMobile.util.js";
+import { useTestId as R } from "../shared/useTestId.util.js";
+import z from "./TooltipContent.vue.js";
+import { createTooltipControl as $ } from "./tooltipControl.util.js";
+const j = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Tooltip",
   props: /* @__PURE__ */ F({
@@ -18,7 +19,7 @@ const H = /* @__PURE__ */ g({
     closeDelay: { default: 100 },
     disabled: { type: Boolean, default: !1 },
     zIndex: { default: "auto" },
-    breakpointMobile: { default: "sm" },
+    breakpointMobile: { type: [String, Boolean], default: "sm" },
     mobileLabel: { default: "Подсказка" },
     testId: { default: void 0 }
   }, {
@@ -26,35 +27,35 @@ const H = /* @__PURE__ */ g({
     openModifiers: {}
   }),
   emits: ["update:open"],
-  setup(l) {
-    const a = l, s = p(l, "open"), r = `tooltip-content-${v()}`, c = B(() => a.testId), u = h("triggerRef"), f = L.smaller(a.breakpointMobile), e = z({
+  setup(n) {
+    const a = n, s = p(n, "open"), d = `tooltip-content-${v()}`, c = R(() => a.testId), u = h("triggerRef"), f = L(a.breakpointMobile), e = $({
       isOpen: () => s.value,
-      setOpen: (n) => {
-        s.value = n;
+      setOpen: (l) => {
+        s.value = l;
       },
       openDelay: () => a.openDelay,
       closeDelay: () => a.closeDelay,
       disabled: () => a.disabled,
       isMobile: () => f.value
-    }), d = M(null);
+    }), r = y(null);
     return m(() => {
       s.value;
-      const n = u.value, o = n?.firstElementChild;
-      d.value = o instanceof HTMLElement ? o : n ?? null;
+      const l = u.value, o = l?.firstElementChild;
+      r.value = T(o) ? o : l ?? null;
     }), m(() => {
-      const n = d.value;
-      n && (s.value && !f.value ? n.setAttribute("aria-describedby", r) : n.removeAttribute("aria-describedby"));
-    }), y(
+      const l = r.value;
+      l && (s.value && !f.value ? l.setAttribute("aria-describedby", d) : l.removeAttribute("aria-describedby"));
+    }), M(
       () => a.disabled,
-      (n) => {
-        n && e.close();
+      (l) => {
+        l && e.close();
       }
-    ), w(e.destroy), (n, o) => (k(), x(C, null, [
+    ), w(e.destroy), (l, o) => (k(), x(C, null, [
       I("span", D({
         ref_key: "triggerRef",
         ref: u,
         class: "tooltip-trigger"
-      }, { ...n.$attrs, ...t(c)("trigger") }, {
+      }, { ...l.$attrs, ...t(c)("trigger") }, {
         onMouseenter: o[0] || (o[0] = //@ts-ignore
         (...i) => t(e).handleMouseEnter && t(e).handleMouseEnter(...i)),
         onMouseleave: o[1] || (o[1] = //@ts-ignore
@@ -68,29 +69,29 @@ const H = /* @__PURE__ */ g({
         onClick: o[5] || (o[5] = //@ts-ignore
         (...i) => t(e).handleClick && t(e).handleClick(...i))
       }), [
-        b(n.$slots, "trigger", {}, void 0, !0)
+        b(l.$slots, "trigger", {}, void 0, !0)
       ], 16),
-      E(R, {
-        anchor: d.value,
-        "content-id": r,
+      E(z, {
+        anchor: r.value,
+        "content-id": d,
         open: s.value,
-        side: l.side,
-        "side-offset": l.sideOffset,
-        align: l.align,
-        "align-offset": l.alignOffset,
-        arrow: l.arrow,
-        "max-width": l.maxWidth,
-        "z-index": l.zIndex,
-        "breakpoint-mobile": l.breakpointMobile,
-        "mobile-label": l.mobileLabel,
-        "test-id": l.testId,
+        side: n.side,
+        "side-offset": n.sideOffset,
+        align: n.align,
+        "align-offset": n.alignOffset,
+        arrow: n.arrow,
+        "max-width": n.maxWidth,
+        "z-index": n.zIndex,
+        "breakpoint-mobile": n.breakpointMobile,
+        "mobile-label": n.mobileLabel,
+        "test-id": n.testId,
         onClose: t(e).close,
         onPointerEnter: t(e).cancelTimers,
         onPointerLeave: t(e).scheduleClose
       }, {
         default: O(() => [
-          b(n.$slots, "default", {}, () => [
-            P(T(l.text), 1)
+          b(l.$slots, "default", {}, () => [
+            P(B(n.text), 1)
           ], !0)
         ]),
         _: 3
@@ -99,5 +100,5 @@ const H = /* @__PURE__ */ g({
   }
 });
 export {
-  H as default
+  j as default
 };

package/dist/components/v2/Tooltip/TooltipContent.css

@@ -1 +1 @@
-.tooltip-sheet[data-v-77562610]{color:var(--theme-neutral-text-body);overflow-wrap:break-word;padding:8px 16px 24px;font-size:.875rem;line-height:22px}.tooltip-content[data-v-77562610]{--tooltip-arrow-box:11.314px;--tooltip-arrow-depth:5.657px;z-index:1002;filter:drop-shadow(0 1px 1px #727272eb)drop-shadow(0 4px 8.8px #7272720d)drop-shadow(1px 5px 5px #7272726e);width:max-content;position:fixed}.tooltip-content[data-state=open][data-v-77562610]{animation:fadeIn var(--animation-duration) ease-in-out}.tooltip-content[data-state=closed][data-v-77562610]{animation:fadeOut var(--animation-duration) ease-in-out}.tooltip-content__body[data-v-77562610]{word-break:break-word;color:var(--theme-neutral-0);background-color:var(--theme-neutral-700);border-radius:4px;padding:6px 8px;font-size:.875rem;font-weight:400;line-height:22px;display:block}.tooltip-content__arrow[data-v-77562610]{display:flex;position:absolute;overflow:hidden}.tooltip-content__arrow-box[data-v-77562610]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-box);flex:none;justify-content:center;align-items:center;display:flex}.tooltip-content__arrow-beak[data-v-77562610]{background-color:var(--theme-neutral-700);width:8px;height:8px;transform:rotate(45deg)}.tooltip-content--top .tooltip-content__arrow[data-v-77562610]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-depth);align-items:flex-end;top:100%}.tooltip-content--top .tooltip-content__arrow-beak[data-v-77562610]{border-bottom-right-radius:2px}.tooltip-content--bottom .tooltip-content__arrow[data-v-77562610]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-depth);align-items:flex-start;bottom:100%}.tooltip-content--bottom .tooltip-content__arrow-beak[data-v-77562610]{border-top-left-radius:2px}.tooltip-content--left .tooltip-content__arrow[data-v-77562610]{width:var(--tooltip-arrow-depth);height:var(--tooltip-arrow-box);justify-content:flex-end;left:100%}.tooltip-content--left .tooltip-content__arrow-beak[data-v-77562610]{border-top-right-radius:2px}.tooltip-content--right .tooltip-content__arrow[data-v-77562610]{width:var(--tooltip-arrow-depth);height:var(--tooltip-arrow-box);justify-content:flex-start;right:100%}.tooltip-content--right .tooltip-content__arrow-beak[data-v-77562610]{border-bottom-left-radius:2px}
+.tooltip-sheet[data-v-4699364e]{color:var(--theme-neutral-text-body);overflow-wrap:break-word;padding:8px 16px 24px;font-size:.875rem;line-height:22px}.tooltip-content[data-v-4699364e]{--tooltip-arrow-box:11.314px;--tooltip-arrow-depth:5.657px;z-index:1002;filter:drop-shadow(0 1px 1px #727272eb)drop-shadow(0 4px 8.8px #7272720d)drop-shadow(1px 5px 5px #7272726e);width:max-content;position:fixed}.tooltip-content[data-state=open][data-v-4699364e]{animation:fadeIn var(--animation-duration) ease-in-out}.tooltip-content[data-state=closed][data-v-4699364e]{animation:fadeOut var(--animation-duration) ease-in-out}.tooltip-content__body[data-v-4699364e]{word-break:break-word;color:var(--theme-neutral-0);background-color:var(--theme-neutral-700);border-radius:4px;padding:6px 8px;font-size:.875rem;font-weight:400;line-height:22px;display:block}.tooltip-content__arrow[data-v-4699364e]{display:flex;position:absolute;overflow:hidden}.tooltip-content__arrow-box[data-v-4699364e]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-box);flex:none;justify-content:center;align-items:center;display:flex}.tooltip-content__arrow-beak[data-v-4699364e]{background-color:var(--theme-neutral-700);width:8px;height:8px;transform:rotate(45deg)}.tooltip-content--top .tooltip-content__arrow[data-v-4699364e]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-depth);align-items:flex-end;top:100%}.tooltip-content--top .tooltip-content__arrow-beak[data-v-4699364e]{border-bottom-right-radius:2px}.tooltip-content--bottom .tooltip-content__arrow[data-v-4699364e]{width:var(--tooltip-arrow-box);height:var(--tooltip-arrow-depth);align-items:flex-start;bottom:100%}.tooltip-content--bottom .tooltip-content__arrow-beak[data-v-4699364e]{border-top-left-radius:2px}.tooltip-content--left .tooltip-content__arrow[data-v-4699364e]{width:var(--tooltip-arrow-depth);height:var(--tooltip-arrow-box);justify-content:flex-end;left:100%}.tooltip-content--left .tooltip-content__arrow-beak[data-v-4699364e]{border-top-right-radius:2px}.tooltip-content--right .tooltip-content__arrow[data-v-4699364e]{width:var(--tooltip-arrow-depth);height:var(--tooltip-arrow-box);justify-content:flex-start;right:100%}.tooltip-content--right .tooltip-content__arrow-beak[data-v-4699364e]{border-bottom-left-radius:2px}

package/dist/components/v2/Tooltip/TooltipContent.vue.d.ts

@@ -1,6 +1,6 @@
 import { TooltipContentProps, TooltipSide, TooltipAlign } from './Tooltip.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { TBreakpoints } from '../../../types/global.types';
+import { TBreakpointMobile } from '../../../types/global.types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -28,7 +28,7 @@ declare const __VLS_component: DefineComponent<TooltipContentProps, {}, {}, {},
     sideOffset: number;
     align: TooltipAlign;
     alignOffset: number;
-    breakpointMobile: TBreakpoints;
+    breakpointMobile: TBreakpointMobile;
     arrow: boolean;
     testId: string;
     maxWidth: number | string;

package/dist/components/v2/Tooltip/TooltipContent.vue.js

@@ -2,7 +2,7 @@ import './TooltipContent.css';
 import o from "./TooltipContent.vue2.js";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-77562610"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4699364e"]]);
 export {
-  _ as default
+  m as default
 };

package/dist/components/v2/Tooltip/TooltipContent.vue2.js

@@ -1,10 +1,10 @@
 import { defineComponent as Z, computed as B, ref as A, reactive as S, watch as tt, onBeforeUnmount as et, unref as d, openBlock as $, createBlock as D, withCtx as _, createElementVNode as u, mergeProps as O, renderSlot as P, createTextVNode as U, toDisplayString as F, createElementBlock as ot, createCommentVNode as G, nextTick as nt } from "vue";
-import { breakpoints as it } from "../../../utils/breakpoints.util.js";
-import { onClickOutside as st } from "../../../utils/onClickOutside.util.js";
-import lt from "../BottomSheet/BottomSheet.vue.js";
-import { ANIMATION_DURATION_MS as at } from "../shared/animation.const.js";
-import rt from "../shared/Portal.vue.js";
-import { useDelayedVisibility as dt } from "../shared/useDelayedVisibility.util.js";
+import { onClickOutside as it } from "../../../utils/onClickOutside.util.js";
+import st from "../BottomSheet/BottomSheet.vue.js";
+import { ANIMATION_DURATION_MS as lt } from "../shared/animation.const.js";
+import at from "../shared/Portal.vue.js";
+import { useDelayedVisibility as rt } from "../shared/useDelayedVisibility.util.js";
+import { useIsMobile as dt } from "../shared/useIsMobile.util.js";
 import { useTestId as ft } from "../shared/useTestId.util.js";
 const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */ Z({
   __name: "TooltipContent",
@@ -20,13 +20,13 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
     arrow: { type: Boolean, default: !0 },
     maxWidth: { default: 320 },
     zIndex: { default: "auto" },
-    breakpointMobile: { default: "sm" },
+    breakpointMobile: { type: [String, Boolean], default: "sm" },
     mobileLabel: { default: "Подсказка" },
     testId: { default: void 0 }
   },
   emits: ["close", "pointerEnter", "pointerLeave"],
   setup(a, { emit: H }) {
-    const t = a, m = H, w = ft(() => t.testId), W = it.smaller(t.breakpointMobile), X = B(() => t.open && !W.value), y = A(null);
+    const t = a, m = H, w = ft(() => t.testId), W = dt(t.breakpointMobile), X = B(() => t.open && !W.value), y = A(null);
     function j(o) {
       o || m("close");
     }
@@ -34,7 +34,7 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
       top: 0,
       left: 0,
       side: t.side
-    }), v = S({ width: 0, height: 0 }), g = S({ x: 0, y: 0 }), k = A(!1);
+    }), v = S({ width: 0, height: 0 }), g = S({ x: 0, y: 0 }), E = A(!1);
     function q() {
       const o = t.anchor, i = y.value;
       if (!o || !i) return;
@@ -55,13 +55,13 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
           p,
           V - s.height - p
         )
-      ), l.top = f, l.left = c, l.side = n, v.width = s.width, v.height = s.height, g.x = e.left + e.width / 2, g.y = e.top + e.height / 2, k.value = !0;
+      ), l.top = f, l.left = c, l.side = n, v.width = s.width, v.height = s.height, g.x = e.left + e.width / 2, g.y = e.top + e.height / 2, E.value = !0;
     }
     const J = B(() => ({
       top: `${l.top}px`,
       left: `${l.left}px`,
       maxWidth: typeof t.maxWidth == "number" ? `${t.maxWidth}px` : t.maxWidth,
-      visibility: k.value ? void 0 : "hidden",
+      visibility: E.value ? void 0 : "hidden",
       ...t.zIndex !== "auto" ? { zIndex: t.zIndex } : {}
     }));
     function z(o, i) {
@@ -78,29 +78,29 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
     function r() {
       nt(q);
     }
-    function E(o) {
+    function k(o) {
       o.key === "Escape" && m("close");
     }
-    const { visible: Q, dataState: Y } = dt(
+    const { visible: Q, dataState: Y } = rt(
       X,
-      at,
+      lt,
       {
         onOpen: () => {
-          k.value = !1, document.addEventListener("keydown", E), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), r();
+          E.value = !1, document.addEventListener("keydown", k), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), r();
         },
         onCloseStart: () => {
-          document.removeEventListener("keydown", E), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+          document.removeEventListener("keydown", k), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
         }
       }
     );
     let b, h;
     return tt(y, (o) => {
-      b?.(), h?.disconnect(), o ? (b = st(o, () => m("close"), {
+      b?.(), h?.disconnect(), o ? (b = it(o, () => m("close"), {
         ignore: () => [t.anchor]
       }), h = new ResizeObserver(r), h.observe(o)) : (b = void 0, h = void 0);
     }), et(() => {
-      b?.(), h?.disconnect(), document.removeEventListener("keydown", E), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
-    }), (o, i) => d(W) ? ($(), D(d(lt), {
+      b?.(), h?.disconnect(), document.removeEventListener("keydown", k), window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+    }), (o, i) => d(W) ? ($(), D(d(st), {
       key: 0,
       open: a.open,
       label: a.mobileLabel,
@@ -115,7 +115,7 @@ const ct = ["id", "data-state"], C = 11.314, T = 16, p = 8, Ot = /* @__PURE__ */
         ], 16)
       ]),
       _: 3
-    }, 8, ["open", "label", "test-id"])) : d(Q) ? ($(), D(rt, { key: 1 }, {
+    }, 8, ["open", "label", "test-id"])) : d(Q) ? ($(), D(at, { key: 1 }, {
       default: _(() => [
         u("div", O({
           id: a.contentId,

package/dist/components/v2/Tooltip/vTooltip.directive.js

@@ -4,29 +4,28 @@ import O from "./TooltipContent.vue.js";
 import { createTooltipControl as v } from "./tooltipControl.util.js";
 const L = ["top", "right", "bottom", "left"], h = ["start", "center", "end"], D = 200, M = 100, y = "sm", s = /* @__PURE__ */ new WeakMap();
 let A = 0;
-function a(e) {
-  const o = e.value, t = typeof o == "string" ? { text: o } : o ?? {}, n = L.find((i) => e.modifiers[i]), r = h.find((i) => e.modifiers[i]);
+function d(o) {
+  const e = o.value, t = typeof e == "string" ? { text: e } : e ?? {}, n = L.find((i) => o.modifiers[i]), r = h.find((i) => o.modifiers[i]);
   return {
     ...n ? { side: n } : {},
     ...r ? { align: r } : {},
     ...t
   };
 }
-function l(e) {
-  return !e.disabled && !!e.text;
+function l(o) {
+  return !o.disabled && !!o.text;
 }
-function m(e) {
-  return I.isSmaller(
-    e.breakpointMobile ?? y
-  );
+function m(o) {
+  const e = o.breakpointMobile ?? y;
+  return e === !1 ? !1 : I.isSmaller(e);
 }
-function b(e, o) {
-  const { options: t } = o;
+function b(o, e) {
+  const { options: t } = e;
   p(
     E(O, {
-      anchor: e,
-      contentId: o.contentId,
-      open: o.open,
+      anchor: o,
+      contentId: e.contentId,
+      open: e.open,
       text: t.text,
       side: t.side,
       sideOffset: t.sideOffset,
@@ -37,33 +36,33 @@ function b(e, o) {
       zIndex: t.zIndex,
       breakpointMobile: t.breakpointMobile,
       mobileLabel: t.mobileLabel,
-      onClose: () => o.control.close(),
-      onPointerEnter: () => o.control.cancelTimers(),
-      onPointerLeave: () => o.control.scheduleClose()
+      onClose: () => e.control.close(),
+      onPointerEnter: () => e.control.cancelTimers(),
+      onPointerLeave: () => e.control.scheduleClose()
     }),
-    o.container
+    e.container
   );
 }
-function x(e, o) {
-  o.open && !m(o.options) ? e.setAttribute("aria-describedby", o.contentId) : e.removeAttribute("aria-describedby");
+function x(o, e) {
+  e.open && !m(e.options) ? o.setAttribute("aria-describedby", e.contentId) : o.removeAttribute("aria-describedby");
 }
-function C(e, o, t) {
-  o.open !== t && (o.open = t, t && !o.container.isConnected && document.body.appendChild(o.container), x(e, o), b(e, o));
+function C(o, e, t) {
+  e.open !== t && (e.open = t, t && !e.container.isConnected && document.body.appendChild(e.container), x(o, e), b(o, e));
 }
-function f(e, o) {
+function f(o, e) {
   const t = [];
-  function n(c, d) {
-    e.addEventListener(c, d), t.push(() => e.removeEventListener(c, d));
+  function n(c, a) {
+    o.addEventListener(c, a), t.push(() => o.removeEventListener(c, a));
   }
   const r = v({
     isOpen: () => i.open,
-    setOpen: (c) => C(e, i, c),
+    setOpen: (c) => C(o, i, c),
     openDelay: () => i.options.openDelay ?? D,
     closeDelay: () => i.options.closeDelay ?? M,
     disabled: () => !l(i.options),
     isMobile: () => m(i.options)
   }), i = {
-    options: o,
+    options: e,
     open: !1,
     contentId: `tooltip-directive-${++A}`,
     container: document.createElement("div"),
@@ -72,31 +71,31 @@ function f(e, o) {
   };
   return n("mouseenter", r.handleMouseEnter), n("mouseleave", r.handleMouseLeave), n("focusin", r.handleFocusIn), n("focusout", r.handleFocusOut), n("pointerdown", r.handlePointerDown), n("click", r.handleClick), i;
 }
-function u(e, o) {
-  o.control.destroy();
-  for (const t of o.unlisten) t();
-  p(null, o.container), o.container.remove(), e.removeAttribute("aria-describedby"), s.delete(e);
+function u(o, e) {
+  e.control.destroy();
+  for (const t of e.unlisten) t();
+  p(null, e.container), e.container.remove(), o.removeAttribute("aria-describedby"), s.delete(o);
 }
 const F = {
-  mounted(e, o) {
-    const t = a(o);
-    l(t) && s.set(e, f(e, t));
+  mounted(o, e) {
+    const t = d(e);
+    l(t) && s.set(o, f(o, t));
   },
-  updated(e, o) {
-    const t = a(o), n = s.get(e);
+  updated(o, e) {
+    const t = d(e), n = s.get(o);
     if (!n) {
-      l(t) && s.set(e, f(e, t));
+      l(t) && s.set(o, f(o, t));
       return;
     }
     if (n.options = t, !l(t)) {
-      n.control.close(), u(e, n);
+      n.control.close(), u(o, n);
       return;
     }
-    n.open && b(e, n);
+    n.open && b(o, n);
   },
-  beforeUnmount(e) {
-    const o = s.get(e);
-    o && u(e, o);
+  beforeUnmount(o) {
+    const e = s.get(o);
+    e && u(o, e);
   }
 };
 export {

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

@@ -16,6 +16,8 @@ export * from './Drawer';
 export * from './DropdownMenu';
 export * from './File';
 export * from './FileUpload';
+export * from './FormField';
+export * from './Image';
 export * from './Indicator';
 export * from './Input';
 export * from './InputNumber';

package/dist/components/v2/index.js

@@ -3,16 +3,16 @@ import '../../styles/tokens.css';
 import { default as t } from "./ConfirmDialog/ConfirmDialog.vue.js";
 import { default as f } from "./InputPhone/InputPhone.vue.js";
 import { default as p } from "./InputSelect/InputSelect.vue.js";
-import { default as m } from "./Accordion/Accordion.vue.js";
+import { default as d } from "./Accordion/Accordion.vue.js";
 import { default as u } from "./AlertDialog/AlertDialog.vue.js";
 import { default as i } from "./Badge/Badge.vue.js";
 import { default as D } from "./BottomSheet/BottomSheet.vue.js";
 import { default as S } from "./Breadcrumb/Breadcrumb.vue.js";
 import { default as A } from "./Button/Button.vue.js";
-import { default as c } from "./Calendar/Calendar.vue.js";
+import { default as L } from "./Calendar/Calendar.vue.js";
 import { default as _ } from "./Checkbox/Checkbox.vue.js";
-import { default as P } from "./Combobox/Combobox.vue.js";
-import { DEFAULT_DAY_LABELS as I, DEFAULT_DAY_SHORT_LABELS as F, SCHEDULE_DAYS as U } from "./Schedule/Schedule.util.js";
+import { default as I } from "./Combobox/Combobox.vue.js";
+import { DEFAULT_DAY_LABELS as E, DEFAULT_DAY_SHORT_LABELS as F, SCHEDULE_DAYS as U } from "./Schedule/Schedule.util.js";
 import { default as B } from "./DataTable/DataTable.vue.js";
 import { default as H } from "./DataTable/DataTableBody.vue.js";
 import { default as R } from "./DataTable/DataTableFooter.vue.js";
@@ -29,49 +29,52 @@ import { default as ae } from "./File/File.vue.js";
 import { default as te } from "./File/FilePreviewDialog.vue.js";
 import { default as fe } from "./FileUpload/FileUpload.vue.js";
 import { default as pe } from "./FileUpload/FileUploadInline.vue.js";
-import { default as me } from "./Indicator/Indicator.vue.js";
-import { default as ue } from "./Input/Input.vue.js";
-import { default as ie } from "./InputNumber/InputNumber.vue.js";
-import { default as De } from "./Message/Message.vue.js";
-import { default as Se } from "./OTPCode/OTPCode.vue.js";
-import { PHONE_MASK_PLACEHOLDER as Ae, extractPhoneDigits as Le, formatPhone as ce } from "./InputPhone/phoneMask.util.js";
-import { default as _e } from "./Pagination/Pagination.vue.js";
-import { default as Pe } from "./Pagination/PaginationPageSize.vue.js";
-import { default as Ie } from "./Popover/Popover.vue.js";
-import { default as Ue } from "./Radio/Radio.vue.js";
-import { default as Be } from "./Radio/RadioGroup.vue.js";
-import { default as He } from "./Radio/RadioMarker.vue.js";
-import { default as Re } from "./Schedule/Schedule.vue.js";
-import { default as we } from "./Select/Select.vue.js";
-import { default as Ne } from "./Stepper/Stepper.vue.js";
-import { default as ye } from "./Stepper/StepperItem.vue.js";
-import { default as Ge } from "./Switch/Switch.vue.js";
-import { TOAST_DEFAULT_DURATION_MS as je, TOAST_DEFAULT_LIMIT as qe, toast as Je, useToast as Qe } from "./Toast/useToast.js";
-import { default as We } from "./Tabs/Tabs.vue.js";
-import { default as Ze } from "./Tabs/TabsContent.vue.js";
-import { default as ea } from "./Tabs/TabsCounter.vue.js";
-import { default as oa } from "./Tabs/TabsList.vue.js";
-import { default as ra } from "./Tabs/TabsTrigger.vue.js";
-import { default as la } from "./Tag/Tag.vue.js";
-import { default as da } from "./Textarea/Textarea.vue.js";
-import { default as sa } from "./Toast/Toast.vue.js";
-import { default as xa } from "./Toast/Toaster.vue.js";
-import { default as Ta } from "./Tooltip/Tooltip.vue.js";
-import { confirmState as na, useConfirm as Sa } from "./ConfirmDialog/useConfirm.js";
-import { createDataTableColumns as Aa } from "./DataTable/DataTable.columns.js";
-import { vTooltip as ca } from "./Tooltip/vTooltip.directive.js";
+import { default as de } from "./FormField/FormField.vue.js";
+import { default as ue } from "./Image/Image.vue.js";
+import { default as ie } from "./Image/ImageList.vue.js";
+import { default as De } from "./Indicator/Indicator.vue.js";
+import { default as Se } from "./Input/Input.vue.js";
+import { default as Ae } from "./InputNumber/InputNumber.vue.js";
+import { default as Le } from "./Message/Message.vue.js";
+import { default as _e } from "./OTPCode/OTPCode.vue.js";
+import { PHONE_MASK_PLACEHOLDER as Ie, extractPhoneDigits as Pe, formatPhone as Ee } from "./InputPhone/phoneMask.util.js";
+import { default as Ue } from "./Pagination/Pagination.vue.js";
+import { default as Be } from "./Pagination/PaginationPageSize.vue.js";
+import { default as He } from "./Popover/Popover.vue.js";
+import { default as Re } from "./Radio/Radio.vue.js";
+import { default as we } from "./Radio/RadioGroup.vue.js";
+import { default as Ne } from "./Radio/RadioMarker.vue.js";
+import { default as ye } from "./Schedule/Schedule.vue.js";
+import { default as Ge } from "./Select/Select.vue.js";
+import { default as je } from "./Stepper/Stepper.vue.js";
+import { default as Je } from "./Stepper/StepperItem.vue.js";
+import { default as Ve } from "./Switch/Switch.vue.js";
+import { TOAST_DEFAULT_DURATION_MS as Xe, TOAST_DEFAULT_LIMIT as Ze, toast as $e, useToast as ea } from "./Toast/useToast.js";
+import { default as oa } from "./Tabs/Tabs.vue.js";
+import { default as ra } from "./Tabs/TabsContent.vue.js";
+import { default as la } from "./Tabs/TabsCounter.vue.js";
+import { default as ma } from "./Tabs/TabsList.vue.js";
+import { default as sa } from "./Tabs/TabsTrigger.vue.js";
+import { default as xa } from "./Tag/Tag.vue.js";
+import { default as Ta } from "./Textarea/Textarea.vue.js";
+import { default as na } from "./Toast/Toast.vue.js";
+import { default as ba } from "./Toast/Toaster.vue.js";
+import { default as ga } from "./Tooltip/Tooltip.vue.js";
+import { confirmState as ca, useConfirm as _a } from "./ConfirmDialog/useConfirm.js";
+import { createDataTableColumns as Ia } from "./DataTable/DataTable.columns.js";
+import { vTooltip as Ea } from "./Tooltip/vTooltip.directive.js";
 export {
-  m as Accordion,
+  d as Accordion,
   u as AlertDialog,
   i as Badge,
   D as BottomSheet,
   S as Breadcrumb,
   A as Button,
-  c as Calendar,
+  L as Calendar,
   _ as Checkbox,
-  P as Combobox,
+  I as Combobox,
   t as ConfirmDialog,
-  I as DEFAULT_DAY_LABELS,
+  E as DEFAULT_DAY_LABELS,
   F as DEFAULT_DAY_SHORT_LABELS,
   B as DataTable,
   H as DataTableBody,
@@ -89,44 +92,47 @@ export {
   te as FilePreviewDialog,
   fe as FileUpload,
   pe as FileUploadInline,
-  me as Indicator,
-  ue as Input,
-  ie as InputNumber,
+  de as FormField,
+  ue as Image,
+  ie as ImageList,
+  De as Indicator,
+  Se as Input,
+  Ae as InputNumber,
   f as InputPhone,
   p as InputSelect,
-  De as Message,
-  Se as OTPCode,
-  Ae as PHONE_MASK_PLACEHOLDER,
-  _e as Pagination,
-  Pe as PaginationPageSize,
-  Ie as Popover,
-  Ue as Radio,
-  Be as RadioGroup,
-  He as RadioMarker,
+  Le as Message,
+  _e as OTPCode,
+  Ie as PHONE_MASK_PLACEHOLDER,
+  Ue as Pagination,
+  Be as PaginationPageSize,
+  He as Popover,
+  Re as Radio,
+  we as RadioGroup,
+  Ne as RadioMarker,
   U as SCHEDULE_DAYS,
-  Re as Schedule,
-  we as Select,
-  Ne as Stepper,
-  ye as StepperItem,
-  Ge as Switch,
-  je as TOAST_DEFAULT_DURATION_MS,
-  qe as TOAST_DEFAULT_LIMIT,
-  We as Tabs,
-  Ze as TabsContent,
-  ea as TabsCounter,
-  oa as TabsList,
-  ra as TabsTrigger,
-  la as Tag,
-  da as Textarea,
-  sa as Toast,
-  xa as Toaster,
-  Ta as Tooltip,
-  na as confirmState,
-  Aa as createDataTableColumns,
-  Le as extractPhoneDigits,
-  ce as formatPhone,
-  Je as toast,
-  Sa as useConfirm,
-  Qe as useToast,
-  ca as vTooltip
+  ye as Schedule,
+  Ge as Select,
+  je as Stepper,
+  Je as StepperItem,
+  Ve as Switch,
+  Xe as TOAST_DEFAULT_DURATION_MS,
+  Ze as TOAST_DEFAULT_LIMIT,
+  oa as Tabs,
+  ra as TabsContent,
+  la as TabsCounter,
+  ma as TabsList,
+  sa as TabsTrigger,
+  xa as Tag,
+  Ta as Textarea,
+  na as Toast,
+  ba as Toaster,
+  ga as Tooltip,
+  ca as confirmState,
+  Ia as createDataTableColumns,
+  Pe as extractPhoneDigits,
+  Ee as formatPhone,
+  $e as toast,
+  _a as useConfirm,
+  ea as useToast,
+  Ea as vTooltip
 };

package/dist/components/v2/shared/isHtmlElement.util.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Проверка «это элемент DOM», пригодная для рендера на сервере.
+ *
+ * Писать `node instanceof HTMLElement` напрямую нельзя: в Node глобального
+ * `HTMLElement` нет, и само обращение к имени роняет рендер с
+ * `ReferenceError`. Ловушка не теоретическая — `watchEffect` без коллбэка Vue
+ * выполняет один раз и на сервере, поэтому любая такая проверка в эффекте
+ * срабатывает при SSR, когда ref шаблона ещё null.
+ *
+ * `typeof` — единственная конструкция, которой необъявленный идентификатор не
+ * страшен, поэтому порядок операндов важен и менять его нельзя.
+ */
+export declare function isHtmlElement(node: unknown): node is HTMLElement;
+/** То же самое для `<input>`: на сервере `HTMLInputElement` тоже отсутствует. */
+export declare function isHtmlInputElement(node: unknown): node is HTMLInputElement;