@elcrm/tooltip 0.1.0 → 0.1.2

package/README.md

@@ -69,16 +69,20 @@ import {
 
 ## CSS-переменные
 
+Стили — CSS Modules с короткими классами (`r` корень, `t` пузырь). Цвета задаёт тема приложения; fallback в пакете нет.
+
 | Переменная              | Назначение        |
 | ----------------------- | ----------------- |
-| `--tooltip-background`  | Фон               |
-| `--tooltip-color`       | Цвет текста       |
-| `--tooltip-radius`      | Скругление        |
-| `--tooltip-max-width`   | Макс. ширина      |
-| `--tooltip-font-size`   | Размер шрифта     |
-| `--tooltip-padding`     | Внутренние отступы |
-| `--tooltip-shadow`      | Тень              |
-| `--tooltip-gap`         | Зазор до якоря    |
+| `--tooltip-bg`          | Фон               |
+| `--tooltip-fg`          | Цвет текста       |
+| `--tooltip-radius`           | Скругление (по умолчанию `8px`) |
+| `--tooltip-max-width`        | Макс. ширина      |
+| `--tooltip-font-size`        | Размер шрифта     |
+| `--tooltip-padding-block`    | Вертикальный padding |
+| `--tooltip-padding-inline`   | Горизонтальный padding |
+| `--tooltip-padding`          | Shorthand padding |
+| `--tooltip-shadow`           | Тень              |
+| `--tooltip-gap`              | Зазор до якоря    |
 
 ## Поведение
 

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--tooltip-background: #1e1f24;--tooltip-color: rgba(255, 255, 255, .92);--tooltip-radius: 10px;--tooltip-max-width: 280px;--tooltip-font-size: 13px;--tooltip-padding: 8px 10px;--tooltip-shadow: 0 8px 24px rgba(0, 0, 0, .28);--tooltip-gap: 8px}._t_ai3lm_13{position:fixed;box-sizing:border-box;max-width:var(--tooltip-max-width);padding:var(--tooltip-padding);border-radius:var(--tooltip-radius);background:var(--tooltip-background);color:var(--tooltip-color);font-size:var(--tooltip-font-size);line-height:1.35;font-weight:500;box-shadow:var(--tooltip-shadow);pointer-events:none;opacity:0;transition:opacity .12s ease;white-space:normal;word-break:break-word}._t_ai3lm_13[data-visible=true]{opacity:1}._t_ai3lm_13[data-align=left]{text-align:left}._t_ai3lm_13[data-align=center]{text-align:center}._t_ai3lm_13[data-align=right]{text-align:right}._t_ai3lm_13:before{content:"";position:fixed;pointer-events:none;width:0;height:0;top:var(--tooltip-arrow-y);left:var(--tooltip-arrow-x);transform:var(--tooltip-arrow-r, none);margin-left:-6px;border-width:6px;border-style:solid;border-color:var(--tooltip-background) transparent transparent transparent}._root_ai3lm_64{display:inline-flex;vertical-align:middle;max-width:100%}
+@layer elcrm-tooltip{.ttr{display:inline-flex;vertical-align:middle;max-width:100%}.ttt{position:fixed;box-sizing:border-box;max-width:var(--tooltip-max-width, 280px);padding:var(--tooltip-padding-block, 6px) var(--tooltip-padding-inline, 12px);border-radius:var(--tooltip-radius, 8px);background:var(--tooltip-bg, #1e1f24);color:var(--tooltip-fg, #eaeaea);font-size:var(--tooltip-font-size, 13px);line-height:1.35;font-weight:500;box-shadow:var(--tooltip-shadow, 0 8px 24px rgba(0, 0, 0, .28));pointer-events:none;opacity:0;transition:opacity .12s ease;white-space:normal;word-break:break-word}.ttv{opacity:1}.ttl{text-align:left}.ttm{text-align:center}.ttx{text-align:right}.ttt:before{content:"";position:absolute;width:0;height:0;pointer-events:none;border-style:solid;border-width:6px}.tta:before{top:100%;left:var(--tooltip-arrow-offset);margin-left:-6px;border-color:var(--tooltip-bg, #1e1f24) transparent transparent transparent}.ttb:before{bottom:100%;left:var(--tooltip-arrow-offset);margin-left:-6px;border-color:transparent transparent var(--tooltip-bg, #1e1f24) transparent}.ttc:before{left:100%;top:var(--tooltip-arrow-offset);margin-top:-6px;border-color:transparent transparent transparent var(--tooltip-bg, #1e1f24)}.ttd:before{right:100%;top:var(--tooltip-arrow-offset);margin-top:-6px;border-color:transparent var(--tooltip-bg, #1e1f24) transparent transparent}}

package/dist/index.es.js

@@ -1,159 +1,177 @@
-import P, { useId as A, useRef as v, useState as T, useCallback as X, useLayoutEffect as B, useEffect as D } from "react";
-import { createPortal as V } from "react-dom";
-import './index.css';const F = "0.1.0", J = {
-  version: F
-}, K = "_t_ai3lm_13", Q = "_root_ai3lm_64", z = {
-  t: K,
-  root: Q
-}, Y = 1e3, U = 10;
-function R() {
-  const e = globalThis;
-  return e.elcrm || (e.elcrm = {}), e.elcrm.overlayZ || (e.elcrm.overlayZ = { seq: 0, active: /* @__PURE__ */ new Set() }), e.elcrm.overlayZ;
+import k, { useId as K, useRef as w, useState as T, useCallback as A, useLayoutEffect as G, useEffect as Q } from "react";
+import { createPortal as U } from "react-dom";
+import './index.css';const tt = "0.1.2", et = {
+  version: tt
+}, nt = "ttr", rt = "ttt", ot = "ttv", it = "ttl", lt = "ttm", st = "ttx", ct = "tta", ut = "ttb", ft = "ttc", at = "ttd", i = {
+  r: nt,
+  t: rt,
+  v: ot,
+  l: it,
+  m: lt,
+  x: st,
+  a: ct,
+  b: ut,
+  c: ft,
+  d: at
+}, s = 10, c = 8, W = 10;
+function j(t, e) {
+  return Math.min(Math.max(c, t), window.innerWidth - e - c);
 }
-function ee() {
-  const e = R();
-  e.seq += 1;
-  const t = Y + e.seq * U;
-  return e.active.add(t), t;
+function D(t, e) {
+  return Math.min(Math.max(c, t), window.innerHeight - e - c);
 }
-function C(e) {
-  const t = R();
-  t.active.delete(e), t.active.size === 0 && (t.seq = 0);
+function p(t, e) {
+  return Math.min(Math.max(W, t), e - W);
 }
-function oe() {
-  const e = R();
-  return e.active.size === 0 ? Y : Math.max(...e.active);
-}
-const n = 8, s = 8;
-function te(e, t, y) {
-  const w = e.left + e.width / 2, d = e.top + e.height / 2;
-  let o = 0, i = 0, u = w, l = 0, r = "";
-  const m = (p) => Math.min(
-    Math.max(s, p),
-    window.innerWidth - t.width - s
-  );
-  switch (y) {
-    case "top":
-      o = e.top - t.height - n, i = m(w - t.width / 2), l = e.top - n, r = "", o < s && (o = e.bottom + n, l = e.bottom + n - 2, r = "rotate(180deg)");
-      break;
-    case "bottom":
-      o = e.bottom + n, i = m(w - t.width / 2), l = e.bottom + n - 2, r = "rotate(180deg)", o + t.height > window.innerHeight - s && (o = e.top - t.height - n, l = e.top - n, r = "");
-      break;
-    case "left":
-      o = Math.min(
-        Math.max(s, d - t.height / 2),
-        window.innerHeight - t.height - s
-      ), i = e.left - t.width - n, u = e.left - n + 2, l = d, r = "rotate(270deg)", i < s && (i = e.right + n, u = e.right + n - 2, r = "rotate(90deg)");
-      break;
-    case "right":
-      o = Math.min(
-        Math.max(s, d - t.height / 2),
-        window.innerHeight - t.height - s
-      ), i = e.right + n, u = e.right + n - 2, l = d, r = "rotate(90deg)", i + t.width > window.innerWidth - s && (i = e.left - t.width - n, u = e.left - n + 2, r = "rotate(270deg)");
-      break;
+function dt(t, e, b) {
+  const f = t.left + t.width / 2, a = t.top + t.height / 2;
+  switch (b) {
+    case "top": {
+      let n = t.top - e.height - s, r = j(f - e.width / 2, e.width), o = "top";
+      return n < c && (n = t.bottom + s, o = "bottom"), { top: n, left: r, side: o, arrow: p(f - r, e.width) };
+    }
+    case "bottom": {
+      let n = t.bottom + s, r = j(f - e.width / 2, e.width), o = "bottom";
+      return n + e.height > window.innerHeight - c && (n = t.top - e.height - s, o = "top"), { top: n, left: r, side: o, arrow: p(f - r, e.width) };
+    }
+    case "left": {
+      let n = D(a - e.height / 2, e.height), r = t.left - e.width - s, o = "left";
+      return r < c && (r = t.right + s, o = "right"), { top: n, left: r, side: o, arrow: p(a - n, e.height) };
+    }
+    case "right": {
+      let n = D(a - e.height / 2, e.height), r = t.right + s, o = "right";
+      return r + e.width > window.innerWidth - c && (r = t.left - e.width - s, o = "left"), { top: n, left: r, side: o, arrow: p(a - n, e.height) };
+    }
   }
-  return { top: o, left: i, arrowX: u, arrowY: l, arrowR: r };
 }
-function ie({
-  content: e,
-  children: t,
-  placement: y,
-  orientation: w,
-  textAlign: d = "center",
-  delay: o = 180,
-  delayHide: i = 60,
-  className: u,
-  disabled: l = !1,
-  open: r
+const X = 1e3, mt = 10;
+function z() {
+  const t = globalThis;
+  return t.elcrm || (t.elcrm = {}), t.elcrm.overlayZ || (t.elcrm.overlayZ = { seq: 0, active: /* @__PURE__ */ new Set() }), t.elcrm.overlayZ;
+}
+function ht() {
+  const t = z();
+  t.seq += 1;
+  const e = X + t.seq * mt;
+  return t.active.add(e), e;
+}
+function N(t) {
+  const e = z();
+  e.active.delete(t), e.active.size === 0 && (e.seq = 0);
+}
+function bt() {
+  const t = z();
+  return t.active.size === 0 ? X : Math.max(...t.active);
+}
+const wt = {
+  top: i.a,
+  bottom: i.b,
+  left: i.c,
+  right: i.d
+};
+function gt(t) {
+  return t === "left" ? i.l : t === "right" ? i.x : i.m;
+}
+function xt({
+  content: t,
+  children: e,
+  placement: b,
+  orientation: f,
+  textAlign: a = "center",
+  delay: n = 180,
+  delayHide: r = 60,
+  className: o,
+  disabled: I = !1,
+  open: x
 }) {
-  const m = y ?? w ?? "top", p = A(), M = v(null), k = v(null), b = v(null), x = v(null), c = v(null), [G, L] = T(!1), [a, O] = T(null), [Z, S] = T(null), E = () => {
-    b.current != null && (window.clearTimeout(b.current), b.current = null), x.current != null && (window.clearTimeout(x.current), x.current = null);
-  }, _ = X(() => {
-    l || e == null || e === "" || (E(), b.current = window.setTimeout(() => {
-      L(!0);
-    }, o));
-  }, [e, o, l]), q = X(() => {
-    r || (E(), x.current = window.setTimeout(() => {
-      L(!1), O(null);
-    }, i));
-  }, [i, r]), f = r || G;
-  B(() => {
-    if (f) {
-      if (c.current == null) {
-        const g = ee();
-        c.current = g, S(g);
+  const R = b ?? f ?? "top", M = K(), O = w(null), L = w(null), g = w(null), v = w(null), l = w(null), [Y, Z] = T(!1), [u, C] = T(null), [S, q] = T(null), E = () => {
+    g.current != null && (window.clearTimeout(g.current), g.current = null), v.current != null && (window.clearTimeout(v.current), v.current = null);
+  }, B = A(() => {
+    I || t == null || t === "" || (E(), g.current = window.setTimeout(() => {
+      Z(!0);
+    }, n));
+  }, [t, n, I]), P = A(() => {
+    x || (E(), v.current = window.setTimeout(() => {
+      Z(!1), C(null);
+    }, r));
+  }, [r, x]), d = x || Y;
+  G(() => {
+    if (d) {
+      if (l.current == null) {
+        const m = ht();
+        l.current = m, q(m);
       }
       return;
     }
-    c.current != null && (C(c.current), c.current = null, S(null));
-  }, [f]), D(() => () => {
-    E(), c.current != null && (C(c.current), c.current = null);
-  }, []), B(() => {
-    if (!f) return;
-    const g = M.current, $ = k.current;
-    if (!g || !$) return;
+    l.current != null && (N(l.current), l.current = null, q(null));
+  }, [d]), Q(() => () => {
+    E(), l.current != null && (N(l.current), l.current = null);
+  }, []), G(() => {
+    if (!d) return;
+    const m = O.current, $ = L.current;
+    if (!m || !$) return;
     const h = () => {
-      const W = g.getBoundingClientRect(), j = $.getBoundingClientRect();
-      O(te(W, j, m));
+      const F = m.getBoundingClientRect(), J = $.getBoundingClientRect();
+      C(dt(F, J, R));
     };
     return h(), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
       window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
     };
-  }, [f, m, e]);
-  const H = a ? {
-    top: a.top,
-    left: a.left,
-    zIndex: Z ?? 1e3,
-    "--tooltip-arrow-x": `${a.arrowX}px`,
-    "--tooltip-arrow-y": `${a.arrowY}px`,
-    "--tooltip-arrow-r": a.arrowR || "none"
+  }, [d, R, t]);
+  const H = u ? {
+    top: u.top,
+    left: u.left,
+    zIndex: S ?? 1e3,
+    "--tooltip-arrow-offset": `${u.arrow}px`
   } : {
-    // скрытый замер до первой позиции
     top: -9999,
     left: -9999,
-    zIndex: Z ?? 1e3,
+    zIndex: S ?? 1e3,
     visibility: "hidden"
-  }, N = f && typeof document < "u" ? V(
-    /* @__PURE__ */ P.createElement(
+  }, V = [
+    i.t,
+    u ? wt[u.side] : "",
+    gt(a),
+    u ? i.v : ""
+  ].filter(Boolean).join(" "), _ = d && typeof document < "u" ? U(
+    /* @__PURE__ */ k.createElement(
       "div",
       {
-        ref: k,
-        id: p,
+        ref: L,
+        id: M,
         role: "tooltip",
-        className: z.t,
-        "data-visible": a ? "true" : "false",
-        "data-align": d,
+        className: V,
         style: H
       },
-      e
+      t
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ P.createElement(
+  return /* @__PURE__ */ k.createElement(
     "span",
     {
-      ref: M,
-      className: u ? `${z.root} ${u}` : z.root,
-      onMouseEnter: _,
-      onMouseLeave: q,
-      onFocus: _,
-      onBlur: q,
-      "aria-describedby": f ? p : void 0
+      ref: O,
+      className: o ? `${i.r} ${o}` : i.r,
+      onMouseEnter: B,
+      onMouseLeave: P,
+      onFocus: B,
+      onBlur: P,
+      "aria-describedby": d ? M : void 0
     },
-    t,
-    N
+    e,
+    _
   );
 }
-const le = () => null;
-function I() {
+const Et = () => null;
+function y() {
   return typeof globalThis < "u" ? globalThis : {};
 }
-I().elcrm || (I().elcrm = {});
-Object.assign(I().elcrm, { tooltip: J.version });
+y().elcrm || (y().elcrm = {});
+Object.assign(y().elcrm, { tooltip: et.version });
 export {
-  le as Item,
-  ie as Tooltip,
-  ee as acquireOverlayZIndex,
-  oe as peekOverlayZIndex,
-  C as releaseOverlayZIndex
+  Et as Item,
+  xt as Tooltip,
+  ht as acquireOverlayZIndex,
+  bt as peekOverlayZIndex,
+  N as releaseOverlayZIndex
 };

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(n,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],o):(n=typeof globalThis<"u"?globalThis:n||self,o((n.elCRM=n.elCRM||{},n.elCRM.tooltip={}),n.React,n.ReactDOM))})(this,function(n,o,R){"use strict";var M=document.createElement("style");M.textContent=`@charset "UTF-8";:root{--tooltip-background: #1e1f24;--tooltip-color: rgba(255, 255, 255, .92);--tooltip-radius: 10px;--tooltip-max-width: 280px;--tooltip-font-size: 13px;--tooltip-padding: 8px 10px;--tooltip-shadow: 0 8px 24px rgba(0, 0, 0, .28);--tooltip-gap: 8px}._t_ai3lm_13{position:fixed;box-sizing:border-box;max-width:var(--tooltip-max-width);padding:var(--tooltip-padding);border-radius:var(--tooltip-radius);background:var(--tooltip-background);color:var(--tooltip-color);font-size:var(--tooltip-font-size);line-height:1.35;font-weight:500;box-shadow:var(--tooltip-shadow);pointer-events:none;opacity:0;transition:opacity .12s ease;white-space:normal;word-break:break-word}._t_ai3lm_13[data-visible=true]{opacity:1}._t_ai3lm_13[data-align=left]{text-align:left}._t_ai3lm_13[data-align=center]{text-align:center}._t_ai3lm_13[data-align=right]{text-align:right}._t_ai3lm_13:before{content:"";position:fixed;pointer-events:none;width:0;height:0;top:var(--tooltip-arrow-y);left:var(--tooltip-arrow-x);transform:var(--tooltip-arrow-r, none);margin-left:-6px;border-width:6px;border-style:solid;border-color:var(--tooltip-background) transparent transparent transparent}._root_ai3lm_64{display:inline-flex;vertical-align:middle;max-width:100%}
-/*$vite$:1*/`,document.head.appendChild(M);const Y={version:"0.1.0"},y={t:"_t_ai3lm_13",root:"_root_ai3lm_64"},O=1e3,D=10;function T(){const t=globalThis;return t.elcrm||(t.elcrm={}),t.elcrm.overlayZ||(t.elcrm.overlayZ={seq:0,active:new Set}),t.elcrm.overlayZ}function S(){const t=T();t.seq+=1;const e=O+t.seq*D;return t.active.add(e),e}function E(t){const e=T();e.active.delete(t),e.active.size===0&&(e.seq=0)}function G(){const t=T();return t.active.size===0?O:Math.max(...t.active)}const i=8,a=8;function H(t,e,z){const w=t.left+t.width/2,p=t.top+t.height/2;let l=0,s=0,u=w,d=0,r="";const g=x=>Math.min(Math.max(a,x),window.innerWidth-e.width-a);switch(z){case"top":l=t.top-e.height-i,s=g(w-e.width/2),d=t.top-i,r="",l<a&&(l=t.bottom+i,d=t.bottom+i-2,r="rotate(180deg)");break;case"bottom":l=t.bottom+i,s=g(w-e.width/2),d=t.bottom+i-2,r="rotate(180deg)",l+e.height>window.innerHeight-a&&(l=t.top-e.height-i,d=t.top-i,r="");break;case"left":l=Math.min(Math.max(a,p-e.height/2),window.innerHeight-e.height-a),s=t.left-e.width-i,u=t.left-i+2,d=p,r="rotate(270deg)",s<a&&(s=t.right+i,u=t.right+i-2,r="rotate(90deg)");break;case"right":l=Math.min(Math.max(a,p-e.height/2),window.innerHeight-e.height-a),s=t.right+i,u=t.right+i-2,d=p,r="rotate(90deg)",s+e.width>window.innerWidth-a&&(s=t.left-e.width-i,u=t.left-i+2,r="rotate(270deg)");break}return{top:l,left:s,arrowX:u,arrowY:d,arrowR:r}}function N({content:t,children:e,placement:z,orientation:w,textAlign:p="center",delay:l=180,delayHide:s=60,className:u,disabled:d=!1,open:r}){const g=z??w??"top",x=o.useId(),Z=o.useRef(null),C=o.useRef(null),b=o.useRef(null),_=o.useRef(null),c=o.useRef(null),[A,q]=o.useState(!1),[f,L]=o.useState(null),[$,P]=o.useState(null),I=()=>{b.current!=null&&(window.clearTimeout(b.current),b.current=null),_.current!=null&&(window.clearTimeout(_.current),_.current=null)},X=o.useCallback(()=>{d||t==null||t===""||(I(),b.current=window.setTimeout(()=>{q(!0)},l))},[t,l,d]),j=o.useCallback(()=>{r||(I(),_.current=window.setTimeout(()=>{q(!1),L(null)},s))},[s,r]),m=r||A;o.useLayoutEffect(()=>{if(m){if(c.current==null){const h=S();c.current=h,P(h)}return}c.current!=null&&(E(c.current),c.current=null,P(null))},[m]),o.useEffect(()=>()=>{I(),c.current!=null&&(E(c.current),c.current=null)},[]),o.useLayoutEffect(()=>{if(!m)return;const h=Z.current,B=C.current;if(!h||!B)return;const v=()=>{const V=h.getBoundingClientRect(),J=B.getBoundingClientRect();L(H(V,J,g))};return v(),window.addEventListener("resize",v),window.addEventListener("scroll",v,!0),()=>{window.removeEventListener("resize",v),window.removeEventListener("scroll",v,!0)}},[m,g,t]);const F=f?{top:f.top,left:f.left,zIndex:$??1e3,"--tooltip-arrow-x":`${f.arrowX}px`,"--tooltip-arrow-y":`${f.arrowY}px`,"--tooltip-arrow-r":f.arrowR||"none"}:{top:-9999,left:-9999,zIndex:$??1e3,visibility:"hidden"},U=m&&typeof document<"u"?R.createPortal(o.createElement("div",{ref:C,id:x,role:"tooltip",className:y.t,"data-visible":f?"true":"false","data-align":p,style:F},t),document.body):null;return o.createElement("span",{ref:Z,className:u?`${y.root} ${u}`:y.root,onMouseEnter:X,onMouseLeave:j,onFocus:X,onBlur:j,"aria-describedby":m?x:void 0},e,U)}const W=()=>null;function k(){return typeof globalThis<"u"?globalThis:{}}k().elcrm||(k().elcrm={}),Object.assign(k().elcrm,{tooltip:Y.version}),n.Item=W,n.Tooltip=N,n.acquireOverlayZIndex=S,n.peekOverlayZIndex=G,n.releaseOverlayZIndex=E,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(i,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],n):(i=typeof globalThis<"u"?globalThis:i||self,n((i.elCRM=i.elCRM||{},i.elCRM.tooltip={}),i.React,i.ReactDOM))})(this,function(i,n,N){"use strict";var z=document.createElement("style");z.textContent=`@layer elcrm-tooltip{.ttr{display:inline-flex;vertical-align:middle;max-width:100%}.ttt{position:fixed;box-sizing:border-box;max-width:var(--tooltip-max-width, 280px);padding:var(--tooltip-padding-block, 6px) var(--tooltip-padding-inline, 12px);border-radius:var(--tooltip-radius, 8px);background:var(--tooltip-bg, #1e1f24);color:var(--tooltip-fg, #eaeaea);font-size:var(--tooltip-font-size, 13px);line-height:1.35;font-weight:500;box-shadow:var(--tooltip-shadow, 0 8px 24px rgba(0, 0, 0, .28));pointer-events:none;opacity:0;transition:opacity .12s ease;white-space:normal;word-break:break-word}.ttv{opacity:1}.ttl{text-align:left}.ttm{text-align:center}.ttx{text-align:right}.ttt:before{content:"";position:absolute;width:0;height:0;pointer-events:none;border-style:solid;border-width:6px}.tta:before{top:100%;left:var(--tooltip-arrow-offset);margin-left:-6px;border-color:var(--tooltip-bg, #1e1f24) transparent transparent transparent}.ttb:before{bottom:100%;left:var(--tooltip-arrow-offset);margin-left:-6px;border-color:transparent transparent var(--tooltip-bg, #1e1f24) transparent}.ttc:before{left:100%;top:var(--tooltip-arrow-offset);margin-top:-6px;border-color:transparent transparent transparent var(--tooltip-bg, #1e1f24)}.ttd:before{right:100%;top:var(--tooltip-arrow-offset);margin-top:-6px;border-color:transparent var(--tooltip-bg, #1e1f24) transparent transparent}}
+/*$vite$:1*/`,document.head.appendChild(z);const X={version:"0.1.2"},s={r:"ttr",t:"ttt",v:"ttv",l:"ttl",m:"ttm",x:"ttx",a:"tta",b:"ttb",c:"ttc",d:"ttd"},a=10,c=8,O=10;function C(t,e){return Math.min(Math.max(c,t),window.innerWidth-e-c)}function S(t,e){return Math.min(Math.max(c,t),window.innerHeight-e-c)}function v(t,e){return Math.min(Math.max(O,t),e-O)}function Y(t,e,T){const f=t.left+t.width/2,p=t.top+t.height/2;switch(T){case"top":{let r=t.top-e.height-a,o=C(f-e.width/2,e.width),l="top";return r<c&&(r=t.bottom+a,l="bottom"),{top:r,left:o,side:l,arrow:v(f-o,e.width)}}case"bottom":{let r=t.bottom+a,o=C(f-e.width/2,e.width),l="bottom";return r+e.height>window.innerHeight-c&&(r=t.top-e.height-a,l="top"),{top:r,left:o,side:l,arrow:v(f-o,e.width)}}case"left":{let r=S(p-e.height/2,e.height),o=t.left-e.width-a,l="left";return o<c&&(o=t.right+a,l="right"),{top:r,left:o,side:l,arrow:v(p-r,e.height)}}case"right":{let r=S(p-e.height/2,e.height),o=t.right+a,l="right";return o+e.width>window.innerWidth-c&&(o=t.left-e.width-a,l="left"),{top:r,left:o,side:l,arrow:v(p-r,e.height)}}}}const Z=1e3,H=10;function x(){const t=globalThis;return t.elcrm||(t.elcrm={}),t.elcrm.overlayZ||(t.elcrm.overlayZ={seq:0,active:new Set}),t.elcrm.overlayZ}function k(){const t=x();t.seq+=1;const e=Z+t.seq*H;return t.active.add(e),e}function y(t){const e=x();e.active.delete(t),e.active.size===0&&(e.seq=0)}function V(){const t=x();return t.active.size===0?Z:Math.max(...t.active)}const F={top:s.a,bottom:s.b,left:s.c,right:s.d};function J(t){return t==="left"?s.l:t==="right"?s.x:s.m}function K({content:t,children:e,placement:T,orientation:f,textAlign:p="center",delay:r=180,delayHide:o=60,className:l,disabled:q=!1,open:I}){const L=T??f??"top",_=n.useId(),$=n.useRef(null),P=n.useRef(null),g=n.useRef(null),b=n.useRef(null),u=n.useRef(null),[U,j]=n.useState(!1),[d,B]=n.useState(null),[A,D]=n.useState(null),M=()=>{g.current!=null&&(window.clearTimeout(g.current),g.current=null),b.current!=null&&(window.clearTimeout(b.current),b.current=null)},G=n.useCallback(()=>{q||t==null||t===""||(M(),g.current=window.setTimeout(()=>{j(!0)},r))},[t,r,q]),R=n.useCallback(()=>{I||(M(),b.current=window.setTimeout(()=>{j(!1),B(null)},o))},[o,I]),h=I||U;n.useLayoutEffect(()=>{if(h){if(u.current==null){const m=k();u.current=m,D(m)}return}u.current!=null&&(y(u.current),u.current=null,D(null))},[h]),n.useEffect(()=>()=>{M(),u.current!=null&&(y(u.current),u.current=null)},[]),n.useLayoutEffect(()=>{if(!h)return;const m=$.current,W=P.current;if(!m||!W)return;const w=()=>{const rt=m.getBoundingClientRect(),ot=W.getBoundingClientRect();B(Y(rt,ot,L))};return w(),window.addEventListener("resize",w),window.addEventListener("scroll",w,!0),()=>{window.removeEventListener("resize",w),window.removeEventListener("scroll",w,!0)}},[h,L,t]);const tt=d?{top:d.top,left:d.left,zIndex:A??1e3,"--tooltip-arrow-offset":`${d.arrow}px`}:{top:-9999,left:-9999,zIndex:A??1e3,visibility:"hidden"},et=[s.t,d?F[d.side]:"",J(p),d?s.v:""].filter(Boolean).join(" "),nt=h&&typeof document<"u"?N.createPortal(n.createElement("div",{ref:P,id:_,role:"tooltip",className:et,style:tt},t),document.body):null;return n.createElement("span",{ref:$,className:l?`${s.r} ${l}`:s.r,onMouseEnter:G,onMouseLeave:R,onFocus:G,onBlur:R,"aria-describedby":h?_:void 0},e,nt)}const Q=()=>null;function E(){return typeof globalThis<"u"?globalThis:{}}E().elcrm||(E().elcrm={}),Object.assign(E().elcrm,{tooltip:X.version}),i.Item=Q,i.Tooltip=K,i.acquireOverlayZIndex=k,i.peekOverlayZIndex=V,i.releaseOverlayZIndex=y,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,16 +1,16 @@
 {
     "name": "@elcrm/tooltip",
-    "version": "0.1.0",
+    "version": "0.1.2",
     "description": "React-подсказки для elCRM: portal, общий overlayZ-стек, hover/focus, CSS-переменные.",
     "type": "module",
     "author": "MaSkal <dev@elcrm.online>",
     "license": "MIT",
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/elcrm-lib/elcrm.tooltip.git"
+        "url": "git+https://elgit.ru/lib/elCRM.tooltip.git"
     },
     "bugs": {
-        "url": "https://github.com/elcrm-lib/elcrm.tooltip/issues"
+        "url": "https://elgit.ru/lib/elCRM.tooltip/issues"
     },
     "homepage": "https://www.npmjs.com/package/@elcrm/tooltip",
     "publishConfig": {
@@ -30,7 +30,8 @@
         "portal"
     ],
     "sideEffects": [
-        "**/*.css"
+        "**/*.css",
+        "**/*.module.css"
     ],
     "main": "./dist/index.umd.js",
     "module": "./dist/index.es.js",
@@ -54,11 +55,13 @@
         "./package.json": "./package.json"
     },
     "scripts": {
-        "dev": "vite",
-        "build": "vite build",
+        "dev": "vite --port 3001",
+        "build": "vite build && node scripts/postbuild.mjs",
+        "check:css": "bun scripts/check-css-scoped.mjs",
+        "check:tokens": "bun scripts/check-tokens.mjs",
         "test": "vitest run",
         "test:watch": "vitest",
-        "prepublishOnly": "vitest run && vite build",
+        "prepublishOnly": "bun run check:css && bun run check:tokens && bun run test && bun run build",
         "pack:check": "npm pack --dry-run"
     },
     "peerDependencies": {
@@ -80,10 +83,10 @@
         "@types/react": "^18.2.66",
         "@types/react-dom": "^18.2.22",
         "@vitejs/plugin-react": "^4.3.1",
+        "elcrm": "file:../elCRM.cli",
         "jsdom": "^26.0.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "sass-embedded": "^1.85.1",
         "typescript": "^5.8.2",
         "vite": "^5.4.2",
         "vite-plugin-dts": "^4.0.3",