@profitliga/ui 1.2.90 → 2.0.0

package/dist/components/v2/Toast/useToast.js

@@ -0,0 +1,88 @@
+import { computed as g, ref as f } from "vue";
+const A = 5e3, p = 3, n = f([]), o = f(p), u = /* @__PURE__ */ new Map();
+let m = 0;
+function I() {
+  return m = (m + 1) % Number.MAX_SAFE_INTEGER, `toast-${m}`;
+}
+function c(e) {
+  const t = u.get(e);
+  t && (clearTimeout(t.timeoutId), u.delete(e));
+}
+function d(e, t) {
+  c(e), !(t <= 0) && u.set(e, {
+    timeoutId: setTimeout(() => l(e), t),
+    startedAt: Date.now(),
+    remaining: t,
+    paused: !1
+  });
+}
+function w(e) {
+  const t = u.get(e);
+  !t || t.paused || (clearTimeout(t.timeoutId), t.timeoutId = void 0, t.remaining = Math.max(
+    0,
+    t.remaining - (Date.now() - t.startedAt)
+  ), t.paused = !0);
+}
+function E(e) {
+  const t = u.get(e);
+  !t || !t.paused || (t.startedAt = Date.now(), t.paused = !1, t.timeoutId = setTimeout(() => l(e), t.remaining));
+}
+function l(e) {
+  c(e), n.value = n.value.filter((t) => t.id !== e);
+}
+function _() {
+  n.value.forEach((e) => c(e.id)), n.value = [];
+}
+function h(e, t) {
+  const i = n.value.find((r) => r.id === e);
+  if (!i) return;
+  const a = { ...i, ...t };
+  n.value = n.value.map((r) => r.id === e ? a : r), t.duration !== void 0 && d(e, a.duration);
+}
+function D(e) {
+  o.value = Math.max(1, e), v();
+}
+function v() {
+  n.value.length <= o.value || (n.value.slice(o.value).forEach((e) => c(e.id)), n.value = n.value.slice(0, o.value));
+}
+function T(e = {}) {
+  const t = I(), i = {
+    id: t,
+    variant: e.variant ?? "info",
+    title: e.title ?? "",
+    description: e.description,
+    duration: e.duration ?? A,
+    closable: e.closable ?? !0
+  };
+  return n.value = [i, ...n.value], v(), d(t, i.duration), {
+    id: t,
+    dismiss: () => l(t),
+    update: (a) => h(t, a)
+  };
+}
+function s(e) {
+  return (t = {}) => T({ ...t, variant: e });
+}
+const M = Object.assign(T, {
+  info: s("info"),
+  success: s("success"),
+  warning: s("warning"),
+  error: s("error")
+});
+function b() {
+  return {
+    toasts: g(() => n.value),
+    toast: M,
+    dismiss: l,
+    dismissAll: _,
+    pause: w,
+    resume: E,
+    setLimit: D
+  };
+}
+export {
+  A as TOAST_DEFAULT_DURATION_MS,
+  p as TOAST_DEFAULT_LIMIT,
+  M as toast,
+  b as useToast
+};

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

@@ -0,0 +1 @@
+.tooltip-trigger[data-v-ac7b22ad]{width:fit-content;display:inline-block}

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

@@ -0,0 +1,57 @@
+import { TBreakpoints } from '../../../types/global.types';
+export type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
+export type TooltipAlign = 'start' | 'center' | 'end';
+export interface TooltipProps {
+    /** Текст подсказки. Игнорируется, если заполнен слот по умолчанию. */
+    text?: string;
+    /** Предпочитаемая сторона относительно триггера. */
+    side?: TooltipSide;
+    /** Отступ от триггера до тела подсказки; стрелка занимает ~5.7px из него. */
+    sideOffset?: number;
+    /**
+     * Выравнивание вдоль стороны. Вместе с `side` покрывает все восемь
+     * направлений макета: `top`/`bottom` × `start`/`center`/`end` плюс
+     * `left`/`right`.
+     */
+    align?: TooltipAlign;
+    alignOffset?: number;
+    arrow?: boolean;
+    /** Максимальная ширина; число трактуется как пиксели. */
+    maxWidth?: number | string;
+    /** Задержка перед показом по наведению мыши, мс. */
+    openDelay?: number;
+    /**
+     * Задержка перед скрытием, мс. Нужна, чтобы курсор успел перейти с триггера
+     * на саму подсказку и она не исчезала под указателем (WCAG 1.4.13).
+     */
+    closeDelay?: number;
+    /** Полностью отключает показ подсказки. */
+    disabled?: boolean;
+    zIndex?: number | 'auto';
+    /** Ширина, ниже которой подсказка открывается шторкой снизу. */
+    breakpointMobile?: TBreakpoints;
+    /** Доступное имя шторки на мобильных (`aria-label`). */
+    mobileLabel?: string;
+    /** Базовый `data-testid`; внутренние части получают суффикс имени части. */
+    testId?: string;
+}
+export interface TooltipContentProps extends Omit<TooltipProps, 'openDelay' | 'closeDelay' | 'disabled'> {
+    /** Элемент, относительно которого позиционируется подсказка. */
+    anchor: HTMLElement | null;
+    /** id контента — на него ссылается `aria-describedby` триггера. */
+    contentId: string;
+    open: boolean;
+}
+export interface TooltipContentEmits {
+    /** Подсказку закрыли изнутри: Escape, клик мимо, свайп шторки. */
+    close: [];
+    /** Курсор зашёл на саму подсказку — закрытие по таймеру нужно отменить. */
+    pointerEnter: [];
+    pointerLeave: [];
+}
+/**
+ * Настройки директивы `v-tooltip`. Модификаторы (`v-tooltip.bottom.start`)
+ * задают то же самое короче, но значения из объекта приоритетнее.
+ */
+export type TooltipDirectiveOptions = Omit<TooltipProps, 'testId'>;
+export type TooltipDirectiveValue = string | TooltipDirectiveOptions | null | undefined;

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

@@ -0,0 +1,48 @@
+import { TooltipProps, TooltipSide, TooltipAlign } from './Tooltip.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+type __VLS_Props = TooltipProps;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLSpanElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    text: string;
+    zIndex: number | "auto";
+    breakpointMobile: TBreakpoints;
+    side: TooltipSide;
+    sideOffset: number;
+    align: TooltipAlign;
+    alignOffset: number;
+    arrow: boolean;
+    testId: string;
+    maxWidth: number | string;
+    openDelay: number;
+    closeDelay: number;
+    mobileLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    triggerRef: HTMLSpanElement;
+}, 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/Tooltip/Tooltip.vue.js

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

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

@@ -0,0 +1,103 @@
+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({
+  inheritAttrs: !1,
+  __name: "Tooltip",
+  props: /* @__PURE__ */ F({
+    text: { default: void 0 },
+    side: { default: "top" },
+    sideOffset: { default: 8 },
+    align: { default: "center" },
+    alignOffset: { default: 0 },
+    arrow: { type: Boolean, default: !0 },
+    maxWidth: { default: 320 },
+    openDelay: { default: 200 },
+    closeDelay: { default: 100 },
+    disabled: { type: Boolean, default: !1 },
+    zIndex: { default: "auto" },
+    breakpointMobile: { default: "sm" },
+    mobileLabel: { default: "Подсказка" },
+    testId: { default: void 0 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    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({
+      isOpen: () => s.value,
+      setOpen: (n) => {
+        s.value = n;
+      },
+      openDelay: () => a.openDelay,
+      closeDelay: () => a.closeDelay,
+      disabled: () => a.disabled,
+      isMobile: () => f.value
+    }), d = M(null);
+    return m(() => {
+      s.value;
+      const n = u.value, o = n?.firstElementChild;
+      d.value = o instanceof HTMLElement ? o : n ?? null;
+    }), m(() => {
+      const n = d.value;
+      n && (s.value && !f.value ? n.setAttribute("aria-describedby", r) : n.removeAttribute("aria-describedby"));
+    }), y(
+      () => a.disabled,
+      (n) => {
+        n && e.close();
+      }
+    ), w(e.destroy), (n, o) => (k(), x(C, null, [
+      I("span", D({
+        ref_key: "triggerRef",
+        ref: u,
+        class: "tooltip-trigger"
+      }, { ...n.$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
+        (...i) => t(e).handleMouseLeave && t(e).handleMouseLeave(...i)),
+        onFocusin: o[2] || (o[2] = //@ts-ignore
+        (...i) => t(e).handleFocusIn && t(e).handleFocusIn(...i)),
+        onFocusout: o[3] || (o[3] = //@ts-ignore
+        (...i) => t(e).handleFocusOut && t(e).handleFocusOut(...i)),
+        onPointerdown: o[4] || (o[4] = //@ts-ignore
+        (...i) => t(e).handlePointerDown && t(e).handlePointerDown(...i)),
+        onClick: o[5] || (o[5] = //@ts-ignore
+        (...i) => t(e).handleClick && t(e).handleClick(...i))
+      }), [
+        b(n.$slots, "trigger", {}, void 0, !0)
+      ], 16),
+      E(R, {
+        anchor: d.value,
+        "content-id": r,
+        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,
+        onClose: t(e).close,
+        onPointerEnter: t(e).cancelTimers,
+        onPointerLeave: t(e).scheduleClose
+      }, {
+        default: O(() => [
+          b(n.$slots, "default", {}, () => [
+            P(T(l.text), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["anchor", "open", "side", "side-offset", "align", "align-offset", "arrow", "max-width", "z-index", "breakpoint-mobile", "mobile-label", "test-id", "onClose", "onPointerEnter", "onPointerLeave"])
+    ], 64));
+  }
+});
+export {
+  H as default
+};

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

@@ -0,0 +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}

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

@@ -0,0 +1,45 @@
+import { TooltipContentProps, TooltipSide, TooltipAlign } from './Tooltip.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TBreakpoints } from '../../../types/global.types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<TooltipContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: () => any;
+    pointerEnter: () => any;
+    pointerLeave: () => any;
+}, string, PublicProps, Readonly<TooltipContentProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onPointerEnter?: (() => any) | undefined;
+    onPointerLeave?: (() => any) | undefined;
+}>, {
+    text: string;
+    zIndex: number | "auto";
+    breakpointMobile: TBreakpoints;
+    side: TooltipSide;
+    sideOffset: number;
+    align: TooltipAlign;
+    alignOffset: number;
+    arrow: boolean;
+    testId: string;
+    maxWidth: number | string;
+    mobileLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    contentRef: HTMLDivElement;
+}, 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/Tooltip/TooltipContent.vue.js

@@ -0,0 +1,8 @@
+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"]]);
+export {
+  _ as default
+};

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

@@ -0,0 +1,154 @@
+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 { 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",
+  props: {
+    anchor: {},
+    contentId: {},
+    open: { type: Boolean },
+    text: { default: void 0 },
+    side: { default: "top" },
+    sideOffset: { default: 8 },
+    align: { default: "center" },
+    alignOffset: { default: 0 },
+    arrow: { type: Boolean, default: !0 },
+    maxWidth: { default: 320 },
+    zIndex: { default: "auto" },
+    breakpointMobile: { 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);
+    function j(o) {
+      o || m("close");
+    }
+    const l = S({
+      top: 0,
+      left: 0,
+      side: t.side
+    }), v = S({ width: 0, height: 0 }), g = S({ x: 0, y: 0 }), k = A(!1);
+    function q() {
+      const o = t.anchor, i = y.value;
+      if (!o || !i) return;
+      const e = o.getBoundingClientRect(), s = i.getBoundingClientRect(), N = window.innerWidth, V = window.innerHeight, I = V - e.bottom, M = e.top, R = e.left, L = N - e.right;
+      let n = t.side;
+      const x = (n === "top" || n === "bottom" ? s.height : s.width) + t.sideOffset;
+      n === "bottom" && I < x && M > I ? n = "top" : n === "top" && M < x && I > M ? n = "bottom" : n === "right" && L < x && R > L ? n = "left" : n === "left" && R < x && L > R && (n = "right");
+      let f, c;
+      n === "bottom" || n === "top" ? (f = n === "bottom" ? e.bottom + t.sideOffset : e.top - s.height - t.sideOffset, t.align === "start" ? c = e.left + t.alignOffset : t.align === "end" ? c = e.right - s.width - t.alignOffset : c = e.left + e.width / 2 - s.width / 2 + t.alignOffset) : (c = n === "right" ? e.right + t.sideOffset : e.left - s.width - t.sideOffset, t.align === "start" ? f = e.top + t.alignOffset : t.align === "end" ? f = e.bottom - s.height - t.alignOffset : f = e.top + e.height / 2 - s.height / 2 + t.alignOffset), c = Math.min(
+        Math.max(c, p),
+        Math.max(
+          p,
+          N - s.width - p
+        )
+      ), f = Math.min(
+        Math.max(f, p),
+        Math.max(
+          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;
+    }
+    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",
+      ...t.zIndex !== "auto" ? { zIndex: t.zIndex } : {}
+    }));
+    function z(o, i) {
+      const e = i - T - C;
+      return e <= T ? (i - C) / 2 : Math.min(Math.max(o - C / 2, T), e);
+    }
+    const K = B(() => l.side === "top" || l.side === "bottom" ? { left: `${z(
+      g.x - l.left,
+      v.width
+    )}px` } : { top: `${z(
+      g.y - l.top,
+      v.height
+    )}px` });
+    function r() {
+      nt(q);
+    }
+    function E(o) {
+      o.key === "Escape" && m("close");
+    }
+    const { visible: Q, dataState: Y } = dt(
+      X,
+      at,
+      {
+        onOpen: () => {
+          k.value = !1, document.addEventListener("keydown", E), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), r();
+        },
+        onCloseStart: () => {
+          document.removeEventListener("keydown", E), 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"), {
+        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), {
+      key: 0,
+      open: a.open,
+      label: a.mobileLabel,
+      "test-id": a.testId,
+      "onUpdate:open": j
+    }, {
+      default: _(() => [
+        u("div", O({ class: "tooltip-sheet" }, d(w)("body")), [
+          P(o.$slots, "default", {}, () => [
+            U(F(a.text), 1)
+          ], !0)
+        ], 16)
+      ]),
+      _: 3
+    }, 8, ["open", "label", "test-id"])) : d(Q) ? ($(), D(rt, { key: 1 }, {
+      default: _(() => [
+        u("div", O({
+          id: a.contentId,
+          ref_key: "contentRef",
+          ref: y,
+          role: "tooltip",
+          "data-state": d(Y),
+          class: ["tooltip-content", `tooltip-content--${l.side}`],
+          style: J.value
+        }, d(w)("content"), {
+          onMouseenter: i[0] || (i[0] = (e) => m("pointerEnter")),
+          onMouseleave: i[1] || (i[1] = (e) => m("pointerLeave"))
+        }), [
+          u("span", O({ class: "tooltip-content__body" }, d(w)("body")), [
+            P(o.$slots, "default", {}, () => [
+              U(F(a.text), 1)
+            ], !0)
+          ], 16),
+          a.arrow ? ($(), ot("span", O({
+            key: 0,
+            class: "tooltip-content__arrow",
+            style: K.value
+          }, d(w)("arrow")), [...i[2] || (i[2] = [
+            u("span", { class: "tooltip-content__arrow-box" }, [
+              u("span", { class: "tooltip-content__arrow-beak" })
+            ], -1)
+          ])], 16)) : G("", !0)
+        ], 16, ct)
+      ]),
+      _: 3
+    })) : G("", !0);
+  }
+});
+export {
+  Ot as default
+};

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

@@ -0,0 +1,4 @@
+import { default as Tooltip } from './Tooltip.vue';
+export type { TooltipAlign, TooltipContentEmits, TooltipContentProps, TooltipDirectiveOptions, TooltipDirectiveValue, TooltipProps, TooltipSide } from './Tooltip.types';
+export { vTooltip } from './vTooltip.directive';
+export { Tooltip };

package/dist/components/v2/Tooltip/tooltipControl.util.d.ts

@@ -0,0 +1,35 @@
+export interface TooltipControlOptions {
+    isOpen: () => boolean;
+    setOpen: (open: boolean) => void;
+    openDelay: () => number;
+    closeDelay: () => number;
+    disabled: () => boolean;
+    /**
+     * Мобильный режим: подсказка показывается шторкой снизу и открывается
+     * только кликом — наведение и фокус её не трогают.
+     */
+    isMobile: () => boolean;
+}
+export interface TooltipControl {
+    /** Обработчики, которые вешаются на триггер. */
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleFocusIn: () => void;
+    handleFocusOut: () => void;
+    handlePointerDown: (event: PointerEvent) => void;
+    handleClick: () => void;
+    /** Отложенное закрытие — используется и триггером, и самой подсказкой. */
+    scheduleClose: () => void;
+    cancelTimers: () => void;
+    close: () => void;
+    destroy: () => void;
+}
+/**
+ * Логика показа/скрытия подсказки: задержки, переключение тапом, отмена
+ * закрытия при переходе курсора на саму подсказку.
+ *
+ * Это обычная функция, а не composable: та же логика нужна директиве
+ * `v-tooltip`, которая работает вне setup-контекста и лайфсайкл-хуки
+ * использовать не может. Владелец сам вызывает `destroy()`.
+ */
+export declare function createTooltipControl(options: TooltipControlOptions): TooltipControl;

package/dist/components/v2/Tooltip/tooltipControl.util.js

@@ -0,0 +1,60 @@
+function h(e) {
+  let r, t;
+  function n() {
+    clearTimeout(r), clearTimeout(t);
+  }
+  function i(u) {
+    if (!e.disabled()) {
+      if (n(), u <= 0) {
+        e.setOpen(!0);
+        return;
+      }
+      r = setTimeout(() => e.setOpen(!0), u);
+    }
+  }
+  function l() {
+    n(), e.setOpen(!1);
+  }
+  function c() {
+    n(), t = setTimeout(
+      () => e.setOpen(!1),
+      e.closeDelay()
+    );
+  }
+  function f() {
+    e.disabled() || (n(), e.setOpen(!e.isOpen()));
+  }
+  function a() {
+    e.isMobile() || i(e.openDelay());
+  }
+  function o() {
+    e.isMobile() || c();
+  }
+  function s() {
+    e.isMobile() || i(0);
+  }
+  function d() {
+    e.isMobile() || l();
+  }
+  function T() {
+    e.isMobile() && f();
+  }
+  function b(u) {
+    e.isMobile() || u.pointerType !== "touch" || f();
+  }
+  return {
+    handleMouseEnter: a,
+    handleMouseLeave: o,
+    handleFocusIn: s,
+    handleFocusOut: d,
+    handlePointerDown: b,
+    handleClick: T,
+    scheduleClose: c,
+    cancelTimers: n,
+    close: l,
+    destroy: n
+  };
+}
+export {
+  h as createTooltipControl
+};

package/dist/components/v2/Tooltip/vTooltip.directive.d.ts

@@ -0,0 +1,15 @@
+import { Directive } from 'vue';
+import { TooltipDirectiveValue } from './Tooltip.types';
+/**
+ * Подсказка на любом элементе без обёртки-компонента:
+ *
+ * ```vue
+ * <button v-tooltip="'prompt text'">?</button>
+ * <button v-tooltip.bottom.start="'prompt text'">?</button>
+ * <button v-tooltip="{ text: 'prompt text', maxWidth: 200 }">?</button>
+ * ```
+ *
+ * Ведёт себя как компонент `Tooltip`: показ по наведению и по фокусу с
+ * клавиатуры, тап на тач-устройствах, шторка снизу на мобильных.
+ */
+export declare const vTooltip: Directive<HTMLElement, TooltipDirectiveValue>;