qaema-ui 0.0.72 → 0.0.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,548 @@
1
+ import Ze, { memo as vo, useState as ge, useRef as p, useCallback as _e, useEffect as E, useLayoutEffect as wo, useMemo as ce, useImperativeHandle as bo } from "react";
2
+ import { clsx as Ct } from "../../clsx/dist/clsx.js";
3
+ import { createPortal as _o } from "react-dom";
4
+ import { autoUpdate as go, offset as So, flip as Ao, shift as Eo, computePosition as lo, arrow as To } from "../../@floating-ui/dom/dist/floating-ui.dom.js";
5
+ /*
6
+ * React Tooltip
7
+ * {@link https://github.com/ReactTooltip/react-tooltip}
8
+ * @copyright ReactTooltip Team
9
+ * @license MIT
10
+ */
11
+ const no = { core: !1, base: !1 };
12
+ function so({ css: t, id: o = "react-tooltip-base-styles", type: l = "base", ref: r, state: d = {} }) {
13
+ if (!t || typeof document > "u" || (d[l] !== void 0 ? d[l] : no[l]) || l === "core" && typeof process < "u" && process.env && process.env.REACT_TOOLTIP_DISABLE_CORE_STYLES || l === "base" && typeof process < "u" && process.env && process.env.REACT_TOOLTIP_DISABLE_BASE_STYLES) return;
14
+ l === "core" && (o = "react-tooltip-core-styles"), r || (r = {});
15
+ const { insertAt: s } = r;
16
+ if (document.getElementById(o)) return;
17
+ const i = document.head || document.getElementsByTagName("head")[0], a = document.createElement("style");
18
+ a.id = o, a.type = "text/css", s === "top" && i.firstChild ? i.insertBefore(a, i.firstChild) : i.appendChild(a), a.styleSheet ? a.styleSheet.cssText = t : a.appendChild(document.createTextNode(t)), d[l] !== void 0 ? d[l] = !0 : no[l] = !0;
19
+ }
20
+ const ko = Ao({ fallbackAxisSideDirection: "start" }), Oo = Eo({ padding: 5 }), co = async ({ elementReference: t = null, tooltipReference: o = null, tooltipArrowReference: l = null, place: r = "top", offset: d = 10, strategy: s = "absolute", middlewares: i = [So(Number(d)), ko, Oo], border: a, arrowSize: S = 8 }) => {
21
+ if (!t) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: r };
22
+ if (o === null) return { tooltipStyles: {}, tooltipArrowStyles: {}, place: r };
23
+ const w = [...i];
24
+ return l ? (w.push(To({ element: l, padding: 5 })), lo(t, o, { placement: r, strategy: s, middleware: w }).then(({ x: b, y: T, placement: h, middlewareData: k }) => {
25
+ var L, B;
26
+ const G = { left: `${b}px`, top: `${T}px`, border: a }, { x: Se, y: Ie } = (L = k.arrow) !== null && L !== void 0 ? L : { x: 0, y: 0 }, De = (B = { top: "bottom", right: "left", bottom: "top", left: "right" }[h.split("-")[0]]) !== null && B !== void 0 ? B : "bottom", Ue = a && { borderBottom: a, borderRight: a };
27
+ let Pe = 0;
28
+ if (a) {
29
+ const Ae = `${a}`.match(/(\d+)px/);
30
+ Pe = Ae != null && Ae[1] ? Number(Ae[1]) : 1;
31
+ }
32
+ return { tooltipStyles: G, tooltipArrowStyles: { left: Se != null ? `${Se}px` : "", top: Ie != null ? `${Ie}px` : "", right: "", bottom: "", ...Ue, [De]: `-${S / 2 + Pe - 1}px` }, place: h };
33
+ })) : lo(t, o, { placement: "bottom", strategy: s, middleware: w }).then(({ x: b, y: T, placement: h }) => ({ tooltipStyles: { left: `${b}px`, top: `${T}px` }, tooltipArrowStyles: {}, place: h }));
34
+ }, io = (t, o, l) => {
35
+ let r = null, d = t;
36
+ const s = function(...i) {
37
+ const a = () => {
38
+ r = null;
39
+ };
40
+ r || (d.apply(this, i), r = setTimeout(a, o));
41
+ };
42
+ return s.cancel = () => {
43
+ r && (clearTimeout(r), r = null);
44
+ }, s.setCallback = (i) => {
45
+ d = i;
46
+ }, s;
47
+ }, Ro = (t) => {
48
+ if (!(t instanceof HTMLElement || t instanceof SVGElement)) return !1;
49
+ const o = getComputedStyle(t);
50
+ return ["overflow", "overflow-x", "overflow-y"].some((l) => {
51
+ const r = o.getPropertyValue(l);
52
+ return r === "auto" || r === "scroll";
53
+ });
54
+ }, ao = (t) => {
55
+ if (!t) return null;
56
+ let o = t.parentElement;
57
+ for (; o; ) {
58
+ if (Ro(o)) return o;
59
+ o = o.parentElement;
60
+ }
61
+ return document.scrollingElement || document.documentElement;
62
+ }, Co = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? wo : E, O = (t) => {
63
+ t.current && (clearTimeout(t.current), t.current = null);
64
+ };
65
+ var Me = { tooltip: "core-styles-module_tooltip__3vRRp", fixed: "core-styles-module_fixed__pcSol", arrow: "core-styles-module_arrow__cvMwQ", content: "core-styles-module_content__BRKdB", noArrow: "core-styles-module_noArrow__xock6", clickable: "core-styles-module_clickable__ZuTTB", show: "core-styles-module_show__Nt9eE", closing: "core-styles-module_closing__sGnxF" }, Rt = { tooltip: "styles-module_tooltip__mnnfp", content: "styles-module_content__ydYdI", arrow: "styles-module_arrow__K0L3T", dark: "styles-module_dark__xNqje", light: "styles-module_light__Z6W-X", success: "styles-module_success__A2AKt", warning: "styles-module_warning__SCK0X", error: "styles-module_error__JvumD", info: "styles-module_info__BWdHW" };
66
+ const ie = /* @__PURE__ */ new Map();
67
+ let Ye = null;
68
+ function xo(t) {
69
+ const o = t.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);
70
+ return o ? o[2].replace(/\\(['"])/g, "$1") : null;
71
+ }
72
+ function mo(t) {
73
+ try {
74
+ return { anchors: Array.from(document.querySelectorAll(t)), error: null };
75
+ } catch (o) {
76
+ return { anchors: [], error: o instanceof Error ? o : new Error(String(o)) };
77
+ }
78
+ }
79
+ function uo(t, o) {
80
+ var l, r, d, s;
81
+ const i = mo(t), a = (r = (l = i.error) === null || l === void 0 ? void 0 : l.message) !== null && r !== void 0 ? r : null, S = (s = (d = o.error) === null || d === void 0 ? void 0 : d.message) !== null && s !== void 0 ? s : null;
82
+ if (w = o.anchors, b = i.anchors, w.length === b.length && w.every((h, k) => h === b[k]) && a === S) return;
83
+ var w, b;
84
+ const T = { ...o, anchors: i.anchors, error: i.error };
85
+ ie.set(t, T), (function(h) {
86
+ h.subscribers.forEach((k) => k(h.anchors, h.error));
87
+ })(T);
88
+ }
89
+ let It = !1, dt = null, Dt = !1;
90
+ function zo(t) {
91
+ if (t ? (dt || (dt = /* @__PURE__ */ new Set()), t.forEach((l) => dt.add(l))) : Dt = !0, It) return;
92
+ It = !0;
93
+ const o = () => {
94
+ It = !1;
95
+ const l = Dt, r = dt;
96
+ var d;
97
+ Dt = !1, dt = null, l ? ie.forEach((s, i) => {
98
+ uo(i, s);
99
+ }) : r && r.size > 0 && (d = r, ie.forEach((s, i) => {
100
+ (s.tooltipId === null || d.has(s.tooltipId)) && uo(i, s);
101
+ }));
102
+ };
103
+ typeof requestAnimationFrame == "function" ? requestAnimationFrame(o) : Promise.resolve().then(o);
104
+ }
105
+ function Lo() {
106
+ Ye || typeof MutationObserver > "u" || (Ye = new MutationObserver((t) => {
107
+ const o = (function(l) {
108
+ var r;
109
+ if (ie.size <= 4) return null;
110
+ const d = /* @__PURE__ */ new Set();
111
+ for (const s of l) {
112
+ if (s.type === "attributes") {
113
+ const i = s.target, a = (r = i.getAttribute) === null || r === void 0 ? void 0 : r.call(i, "data-tooltip-id");
114
+ a && d.add(a), s.oldValue && d.add(s.oldValue);
115
+ continue;
116
+ }
117
+ if (s.type === "childList") {
118
+ const i = (a) => {
119
+ var S, w;
120
+ for (let b = 0; b < a.length; b++) {
121
+ const T = a[b];
122
+ if (T.nodeType !== Node.ELEMENT_NODE) continue;
123
+ const h = T, k = (S = h.getAttribute) === null || S === void 0 ? void 0 : S.call(h, "data-tooltip-id");
124
+ k && d.add(k);
125
+ const L = (w = h.querySelectorAll) === null || w === void 0 ? void 0 : w.call(h, "[data-tooltip-id]");
126
+ if (L) {
127
+ if (L.length > 50) return !0;
128
+ for (let B = 0; B < L.length; B++) {
129
+ const G = L[B].getAttribute("data-tooltip-id");
130
+ G && d.add(G);
131
+ }
132
+ }
133
+ }
134
+ return !1;
135
+ };
136
+ if (i(s.addedNodes) || i(s.removedNodes)) return null;
137
+ continue;
138
+ }
139
+ }
140
+ return d;
141
+ })(t);
142
+ zo(o);
143
+ }), Ye.observe(document.body, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["data-tooltip-id"], attributeOldValue: !0 }));
144
+ }
145
+ function Bo(t, o) {
146
+ let l = ie.get(t);
147
+ if (!l) {
148
+ const r = mo(t);
149
+ l = { anchors: r.anchors, error: r.error, subscribers: /* @__PURE__ */ new Set(), tooltipId: xo(t) }, ie.set(t, l);
150
+ }
151
+ return l.subscribers.add(o), Lo(), o([...l.anchors], l.error), () => {
152
+ const r = ie.get(t);
153
+ r && (r.subscribers.delete(o), r.subscribers.size === 0 && ie.delete(t), ie.size === 0 && Ye && (Ye.disconnect(), Ye = null));
154
+ };
155
+ }
156
+ const Pt = /* @__PURE__ */ new Map();
157
+ function po(t, o) {
158
+ return `${t}:${o ? "capture" : "bubble"}`;
159
+ }
160
+ function No(t, o, l = {}) {
161
+ const r = !!l.capture, d = po(t, r), s = (function(i, a) {
162
+ const S = po(i, a);
163
+ let w = Pt.get(S);
164
+ if (!w) {
165
+ const b = /* @__PURE__ */ new Set(), T = (h) => {
166
+ b.forEach((k) => {
167
+ k(h);
168
+ });
169
+ };
170
+ w = { handlers: b, dispatch: T, eventType: i, capture: a }, Pt.set(S, w), document.addEventListener(i, T, { capture: a });
171
+ }
172
+ return w;
173
+ })(t, r);
174
+ return s.handlers.add(o), () => {
175
+ s.handlers.delete(o), s.handlers.size === 0 && (Pt.delete(d), document.removeEventListener(t, s.dispatch, { capture: r }));
176
+ };
177
+ }
178
+ let Kt = null;
179
+ var $o = vo(({ forwardRef: t, id: o, className: l, classNameArrow: r, variant: d = "dark", portalRoot: s, anchorSelect: i, place: a = "top", offset: S = 10, openOnClick: w = !1, positionStrategy: b = "absolute", middlewares: T, wrapper: h, delayShow: k = 0, delayHide: L = 0, autoClose: B, float: G = !1, hidden: Se = !1, noArrow: Ie = !1, clickable: De = !1, openEvents: Ue, closeEvents: Pe, globalCloseEvents: Ae, imperativeModeOnly: xt, style: pt, position: ft, afterShow: Y, afterHide: Ee, disableTooltip: vt, content: mt, contentWrapperRef: U, isOpen: K, defaultIsOpen: ae = !1, setIsOpen: Qe, previousActiveAnchor: Je, activeAnchor: _, setActiveAnchor: ue, border: Ke, opacity: et, arrowColor: tt, arrowSize: de = 8, role: ot = "tooltip" }) => {
180
+ var Te;
181
+ const pe = p(null), ke = p(null), j = p(null), X = p(null), Z = p(null), Q = p(null), [x, zt] = ge({ tooltipStyles: {}, tooltipArrowStyles: {}, place: a }), [I, rt] = ge(!1), [N, Oe] = ge(!1), [y, We] = ge(null), g = p(!1), Re = p(null), yt = p(!1), J = p(!1), ht = p({ getBoundingClientRect: () => ({ x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 }) });
182
+ Co(() => (J.current = !0, () => {
183
+ J.current = !1;
184
+ }), []);
185
+ const z = _e((e) => {
186
+ J.current && (e && Oe(!0), setTimeout(() => {
187
+ J.current && (Qe == null || Qe(e), K === void 0 && rt(e));
188
+ }, 10));
189
+ }, [K, Qe]);
190
+ E(() => {
191
+ if (o) {
192
+ if (I) {
193
+ n(Je);
194
+ const f = e(_), v = [.../* @__PURE__ */ new Set([...f, o])].filter(Boolean).join(" ");
195
+ _ == null || _.setAttribute("aria-describedby", v);
196
+ } else n(_);
197
+ return () => {
198
+ n(_), n(Je);
199
+ };
200
+ }
201
+ function e(f) {
202
+ var v;
203
+ return ((v = f == null ? void 0 : f.getAttribute("aria-describedby")) === null || v === void 0 ? void 0 : v.split(" ")) || [];
204
+ }
205
+ function n(f) {
206
+ const v = e(f).filter((W) => W !== o);
207
+ v.length ? f == null || f.setAttribute("aria-describedby", v.join(" ")) : f == null || f.removeAttribute("aria-describedby");
208
+ }
209
+ }, [_, I, o, Je]), E(() => {
210
+ if (K === void 0) return () => null;
211
+ K && Oe(!0);
212
+ const e = setTimeout(() => {
213
+ rt(K);
214
+ }, 10);
215
+ return () => {
216
+ clearTimeout(e);
217
+ };
218
+ }, [K]), E(() => {
219
+ if (I !== g.current) if (O(Q), g.current = I, I) Y == null || Y();
220
+ else {
221
+ if (Kt === null) {
222
+ const n = getComputedStyle(document.body);
223
+ Kt = ((f) => {
224
+ const v = f.match(/^([\d.]+)(m?s)$/);
225
+ if (!v) return 0;
226
+ const [, W, ze] = v;
227
+ return Number(W) * (ze === "ms" ? 1 : 1e3);
228
+ })(n.getPropertyValue("--rt-transition-show-delay"));
229
+ }
230
+ const e = Kt;
231
+ Q.current = setTimeout(() => {
232
+ Oe(!1), We(null), Ee == null || Ee();
233
+ }, e + 25);
234
+ }
235
+ }, [Ee, Y, I]), E(() => (O(Z), !I || !B || B <= 0 || (Z.current = setTimeout(() => {
236
+ z(!1);
237
+ }, B)), () => {
238
+ O(Z);
239
+ }), [_, B, z, I]);
240
+ const qe = _e((e) => {
241
+ J.current && zt((n) => n.place === e.place && n.tooltipStyles.left === e.tooltipStyles.left && n.tooltipStyles.top === e.tooltipStyles.top && n.tooltipStyles.border === e.tooltipStyles.border && n.tooltipArrowStyles.left === e.tooltipArrowStyles.left && n.tooltipArrowStyles.top === e.tooltipArrowStyles.top && n.tooltipArrowStyles.right === e.tooltipArrowStyles.right && n.tooltipArrowStyles.bottom === e.tooltipArrowStyles.bottom && n.tooltipArrowStyles.borderBottom === e.tooltipArrowStyles.borderBottom && n.tooltipArrowStyles.borderRight === e.tooltipArrowStyles.borderRight ? n : e);
242
+ }, []), wt = p(N);
243
+ wt.current = N;
244
+ const Fe = _e((e = k) => {
245
+ j.current && clearTimeout(j.current), wt.current ? z(!0) : j.current = setTimeout(() => {
246
+ z(!0);
247
+ }, e);
248
+ }, [k, z]), bt = _e((e = L) => {
249
+ X.current && clearTimeout(X.current), X.current = setTimeout(() => {
250
+ yt.current || z(!1);
251
+ }, e);
252
+ }, [L, z]), Ve = _e(({ x: e, y: n }) => {
253
+ var f;
254
+ ht.current.getBoundingClientRect = () => ({ x: e, y: n, width: 0, height: 0, top: n, left: e, right: e, bottom: n }), co({ place: (f = y == null ? void 0 : y.place) !== null && f !== void 0 ? f : a, offset: S, elementReference: ht.current, tooltipReference: pe.current, tooltipArrowReference: ke.current, strategy: b, middlewares: T, border: Ke, arrowSize: de }).then((v) => {
255
+ qe(v);
256
+ });
257
+ }, [y == null ? void 0 : y.place, a, S, b, T, Ke, de, qe]), Ce = _e(() => {
258
+ var e, n;
259
+ const f = (e = y == null ? void 0 : y.position) !== null && e !== void 0 ? e : ft;
260
+ f ? Ve(f) : G ? Re.current && Ve(Re.current) : _ != null && _.isConnected && co({ place: (n = y == null ? void 0 : y.place) !== null && n !== void 0 ? n : a, offset: S, elementReference: _, tooltipReference: pe.current, tooltipArrowReference: ke.current, strategy: b, middlewares: T, border: Ke, arrowSize: de }).then((v) => {
261
+ J.current && qe(v);
262
+ });
263
+ }, [y == null ? void 0 : y.position, y == null ? void 0 : y.place, ft, G, _, a, S, b, T, Ke, Ve, qe, de]), Lt = _e(() => {
264
+ Oe(!1), z(!1), ue(null), O(j), O(X), O(Z);
265
+ }, [z, ue]), lt = N || ae || !!K || !!_ || !!(y != null && y.anchorSelect), { anchorElements: xe, selector: Bt } = (({ id: e, anchorSelect: n, imperativeAnchorSelect: f, activeAnchor: v, disableTooltip: W, onActiveAnchorRemoved: ze, trackAnchors: Xe }) => {
266
+ const [te, nt] = ge([]), [Ge, st] = ge(null), me = p(null), q = ce(() => (({ id: $, anchorSelect: it, imperativeAnchorSelect: P }) => {
267
+ var oe;
268
+ let at = (oe = P ?? it) !== null && oe !== void 0 ? oe : "";
269
+ return !at && $ && (at = `[data-tooltip-id='${$.replace(/'/g, "\\'")}']`), at;
270
+ })({ id: e, anchorSelect: n, imperativeAnchorSelect: f }), [e, n, f]), Le = ce(() => te.filter(($) => !(W != null && W($))), [te, W]), ct = ce(() => {
271
+ if (!v || !q) return !1;
272
+ try {
273
+ return v.matches(q);
274
+ } catch {
275
+ return !1;
276
+ }
277
+ }, [v, q, Le]);
278
+ return E(() => q && Xe ? Bo(q, ($, it) => {
279
+ nt($), st(it);
280
+ }) : (nt([]), void st(null)), [q, Xe]), E(() => {
281
+ Ge && me.current !== q && (me.current = q);
282
+ }, [q, Ge]), E(() => {
283
+ v && (v.isConnected && (Le.includes(v) || ct) || ze());
284
+ }, [v, Le, ct, ze]), { anchorElements: Le, selector: q };
285
+ })({ id: o, anchorSelect: i, imperativeAnchorSelect: y == null ? void 0 : y.anchorSelect, activeAnchor: _, disableTooltip: vt, onActiveAnchorRemoved: Lt, trackAnchors: lt });
286
+ (({ activeAnchor: e, anchorElements: n, anchorSelector: f, clickable: v, closeEvents: W, delayHide: ze, delayShow: Xe, disableTooltip: te, float: nt, globalCloseEvents: Ge, handleHideTooltipDelayed: st, handleShow: me, handleShowTooltipDelayed: q, handleTooltipPosition: Le, hoveringTooltip: ct, imperativeModeOnly: $, lastFloatPosition: it, openEvents: P, openOnClick: oe, rendered: at, setActiveAnchor: $t, show: qt, tooltipHideDelayTimerRef: Ft, tooltipRef: ut, tooltipShowDelayTimerRef: Be, updateTooltipPosition: Vt }) => {
287
+ const yo = p(io((u) => {
288
+ }, 50)), ho = p(io(() => {
289
+ }, 50)), Xt = p(null), Gt = p(null), Zt = p(null), Yt = p(null);
290
+ e !== Zt.current && (Zt.current = e, Xt.current = ao(e));
291
+ const Ht = ut.current;
292
+ Ht !== Yt.current && (Yt.current = Ht, Gt.current = ao(Ht));
293
+ const Ut = oe || (P == null ? void 0 : P.click) || (P == null ? void 0 : P.dblclick) || (P == null ? void 0 : P.mousedown), ye = ce(() => {
294
+ const u = P ? { ...P } : { mouseenter: !0, focus: !0, click: !1, dblclick: !1, mousedown: !1 };
295
+ return !P && oe && Object.assign(u, { mouseenter: !1, focus: !1, click: !0 }), $ && Object.assign(u, { mouseenter: !1, focus: !1, click: !1, dblclick: !1, mousedown: !1 }), u;
296
+ }, [P, oe, $]), Ne = ce(() => {
297
+ const u = W ? { ...W } : { mouseleave: !0, blur: !0, click: !1, dblclick: !1, mouseup: !1 };
298
+ return !W && oe && Object.assign(u, { mouseleave: !1, blur: !1 }), $ && Object.assign(u, { mouseleave: !1, blur: !1, click: !1, dblclick: !1, mouseup: !1 }), u;
299
+ }, [W, oe, $]), re = ce(() => {
300
+ const u = Ge ? { ...Ge } : { escape: !1, scroll: !1, resize: !1, clickOutsideAnchor: Ut || !1 };
301
+ return $ && Object.assign(u, { escape: !1, scroll: !1, resize: !1, clickOutsideAnchor: !1 }), u;
302
+ }, [Ge, Ut, $]), le = p(e);
303
+ le.current = e;
304
+ const St = p(qt);
305
+ St.current = qt;
306
+ const Mt = p(n);
307
+ Mt.current = n;
308
+ const At = p(me);
309
+ At.current = me;
310
+ const Qt = p(Le);
311
+ Qt.current = Le;
312
+ const Jt = p(Vt);
313
+ Jt.current = Vt;
314
+ const ne = p(() => null), jt = p(() => {
315
+ }), Et = p(() => {
316
+ }), eo = f ? (function(u) {
317
+ const A = u.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);
318
+ return A ? A[2].replace(/\\(['"])/g, "$1") : null;
319
+ })(f) : null;
320
+ ne.current = (u) => {
321
+ var A, F;
322
+ if (!(u instanceof Element && u.isConnected)) return null;
323
+ const H = u;
324
+ if (eo) {
325
+ const C = (function($e, he) {
326
+ let V = $e;
327
+ for (; V; ) {
328
+ const se = V.dataset;
329
+ if ((se == null ? void 0 : se.tooltipId) === he) return V;
330
+ V = V.parentElement;
331
+ }
332
+ return null;
333
+ })(H, eo);
334
+ if (C && !(te != null && te(C))) return C;
335
+ } else if (f) try {
336
+ const C = (A = H.matches(f) ? H : H.closest(f)) !== null && A !== void 0 ? A : null;
337
+ if (C && !(te != null && te(C))) return C;
338
+ } catch {
339
+ return null;
340
+ }
341
+ return (F = Mt.current.find((C) => C === H || C.contains(H))) !== null && F !== void 0 ? F : null;
342
+ }, jt.current = (u) => {
343
+ u && (u.isConnected ? te != null && te(u) || (Xe && le.current && u !== le.current ? (Be.current && clearTimeout(Be.current), Be.current = setTimeout(() => {
344
+ $t(u), me(!0);
345
+ }, Xe)) : ($t(u), Xe ? q() : me(!0)), Ft.current && clearTimeout(Ft.current)) : $t(null));
346
+ }, Et.current = () => {
347
+ v ? st(ze || 100) : ze ? st() : me(!1), Be.current && clearTimeout(Be.current);
348
+ };
349
+ const Tt = yo.current, kt = ho.current;
350
+ Tt.setCallback((u) => jt.current(u)), kt.setCallback(() => Et.current()), E(() => {
351
+ const u = [], A = (c, m, M) => {
352
+ u.push(No(c, m, M));
353
+ }, F = (c) => {
354
+ var m;
355
+ return !!((c == null ? void 0 : c.target) instanceof Node && (!((m = le.current) === null || m === void 0) && m.contains(c.target)));
356
+ }, H = (c) => {
357
+ kt.cancel(), Tt(c);
358
+ }, C = () => {
359
+ Tt.cancel(), kt();
360
+ }, $e = () => {
361
+ A("mouseover", (c) => {
362
+ const m = ne.current(c.target);
363
+ m && ne.current(c.relatedTarget) !== m && H(m);
364
+ });
365
+ }, he = () => {
366
+ A("mouseout", (c) => {
367
+ const m = ne.current(c.target);
368
+ if (!m && !F(c)) return;
369
+ const M = c.relatedTarget, be = m || le.current;
370
+ M instanceof Node && (be != null && be.contains(M)) || C();
371
+ });
372
+ };
373
+ ye.mouseenter && $e(), Ne.mouseleave && he(), ye.mouseover && $e(), Ne.mouseout && he(), ye.focus && A("focusin", (c) => {
374
+ H(ne.current(c.target));
375
+ }), (ye.mouseenter || ye.mouseover || ye.focus) && A("touchstart", (c) => {
376
+ H(ne.current(c.target));
377
+ }), Ne.blur && A("focusout", (c) => {
378
+ const m = ne.current(c.target);
379
+ if (!m && !F(c)) return;
380
+ const M = c.relatedTarget, be = m || le.current;
381
+ M instanceof Node && (be != null && be.contains(M)) || C();
382
+ });
383
+ const V = ["mouseover", "mouseout", "mouseenter", "mouseleave", "focus", "blur"], se = ["click", "dblclick", "mousedown", "mouseup"], He = (c) => {
384
+ var m;
385
+ const M = ne.current((m = c == null ? void 0 : c.target) !== null && m !== void 0 ? m : null);
386
+ M && (St.current && le.current === M || jt.current(M));
387
+ }, Ot = (c) => {
388
+ St.current && F(c) && Et.current();
389
+ };
390
+ Object.entries(ye).forEach(([c, m]) => {
391
+ m && !V.includes(c) && se.includes(c) && A(c, He, { capture: !0 });
392
+ }), Object.entries(Ne).forEach(([c, m]) => {
393
+ m && !V.includes(c) && se.includes(c) && A(c, Ot, { capture: !0 });
394
+ }), nt && A("pointermove", (c) => {
395
+ const m = le.current;
396
+ if (!m || ne.current(c.target) !== m) return;
397
+ const M = c, be = { x: M.clientX, y: M.clientY };
398
+ Qt.current(be), it.current = be;
399
+ });
400
+ const we = ut.current, to = () => {
401
+ ct.current = !0;
402
+ }, oo = () => {
403
+ ct.current = !1, Et.current();
404
+ }, ro = v && (Ne.mouseout || Ne.mouseleave);
405
+ return ro && (we == null || we.addEventListener("mouseover", to), we == null || we.addEventListener("mouseout", oo)), () => {
406
+ u.forEach((c) => c()), ro && (we == null || we.removeEventListener("mouseover", to), we == null || we.removeEventListener("mouseout", oo)), Tt.cancel(), kt.cancel();
407
+ };
408
+ }, [ye, Ne, nt, v, at]), E(() => {
409
+ const u = () => {
410
+ At.current(!1), O(Be);
411
+ }, A = Gt.current, F = Xt.current;
412
+ re.scroll && (window.addEventListener("scroll", u), F == null || F.addEventListener("scroll", u), A == null || A.addEventListener("scroll", u));
413
+ let H = null;
414
+ re.resize ? window.addEventListener("resize", u) : e && ut.current && (H = go(e, ut.current, () => Jt.current(), { ancestorResize: !0, elementResize: !0, layoutShift: !0 }));
415
+ const C = (he) => {
416
+ he.key === "Escape" && At.current(!1);
417
+ };
418
+ re.escape && window.addEventListener("keydown", C);
419
+ const $e = (he) => {
420
+ var V, se;
421
+ if (!St.current) return;
422
+ const He = he.target;
423
+ He instanceof Node && He.isConnected && (!((V = ut.current) === null || V === void 0) && V.contains(He) || !((se = le.current) === null || se === void 0) && se.contains(He) || Mt.current.some((Ot) => Ot == null ? void 0 : Ot.contains(He)) || (At.current(!1), O(Be)));
424
+ };
425
+ return re.clickOutsideAnchor && window.addEventListener("click", $e), () => {
426
+ re.scroll && (window.removeEventListener("scroll", u), F == null || F.removeEventListener("scroll", u), A == null || A.removeEventListener("scroll", u)), re.resize && window.removeEventListener("resize", u), H && H(), re.escape && window.removeEventListener("keydown", C), re.clickOutsideAnchor && window.removeEventListener("click", $e);
427
+ };
428
+ }, [re, e]);
429
+ })({ activeAnchor: _, anchorElements: xe, anchorSelector: Bt, clickable: De, closeEvents: Pe, delayHide: L, delayShow: k, disableTooltip: vt, float: G, globalCloseEvents: Ae, handleHideTooltipDelayed: bt, handleShow: z, handleShowTooltipDelayed: Fe, handleTooltipPosition: Ve, hoveringTooltip: yt, imperativeModeOnly: xt, lastFloatPosition: Re, openEvents: Ue, openOnClick: w, rendered: N, setActiveAnchor: ue, show: I, tooltipHideDelayTimerRef: X, tooltipRef: pe, tooltipShowDelayTimerRef: j, updateTooltipPosition: Ce });
430
+ const R = p(Ce);
431
+ R.current = Ce, E(() => {
432
+ N && Ce();
433
+ }, [N, Ce]), E(() => {
434
+ if (!N || !(U != null && U.current)) return () => null;
435
+ let e = null;
436
+ const n = new ResizeObserver(() => {
437
+ e && clearTimeout(e), e = setTimeout(() => {
438
+ J.current && R.current(), e = null;
439
+ }, 0);
440
+ });
441
+ return n.observe(U.current), () => {
442
+ n.disconnect(), e && clearTimeout(e);
443
+ };
444
+ }, [mt, U, N]), E(() => {
445
+ var e;
446
+ if (!(ae || K)) return;
447
+ const n = (() => {
448
+ if (!_ || !(y != null && y.anchorSelect)) return !1;
449
+ try {
450
+ return _.matches(y.anchorSelect);
451
+ } catch {
452
+ return !1;
453
+ }
454
+ })();
455
+ if (!_ || !xe.includes(_)) {
456
+ if (n) return;
457
+ ue((e = xe[0]) !== null && e !== void 0 ? e : null);
458
+ }
459
+ }, [_, xe, ae, y == null ? void 0 : y.anchorSelect, K, N, ue]), E(() => (ae && z(!0), () => {
460
+ O(j), O(X), O(Z), O(Q);
461
+ }), [ae, z]), E(() => {
462
+ j.current && (O(j), Fe(k));
463
+ }, [k, Fe]);
464
+ const fe = (Te = y == null ? void 0 : y.content) !== null && Te !== void 0 ? Te : mt, ee = fe != null, D = I && x.tooltipStyles.left !== void 0, ve = ce(() => ({ ...pt, ...x.tooltipStyles, opacity: et !== void 0 && D ? et : void 0 }), [pt, x.tooltipStyles, et, D]), _t = ce(() => tt ? `linear-gradient(to right bottom, transparent 50%, ${tt} 50%)` : void 0, [tt]), gt = ce(() => ({ ...x.tooltipArrowStyles, background: _t, "--rt-arrow-size": `${de}px` }), [x.tooltipArrowStyles, _t, de]);
465
+ bo(t, () => ({ open: (e) => {
466
+ let n = null;
467
+ if (e != null && e.anchorSelect) {
468
+ try {
469
+ n = document.querySelector(e.anchorSelect);
470
+ } catch {
471
+ return;
472
+ }
473
+ if (!n) return;
474
+ }
475
+ n && ue(n), We(e ?? null), e != null && e.delay ? Fe(e.delay) : z(!0);
476
+ }, close: (e) => {
477
+ e != null && e.delay ? bt(e.delay) : z(!1);
478
+ }, activeAnchor: _, place: x.place, isOpen: !!(N && !Se && ee && D) })), E(() => () => {
479
+ O(j), O(X), O(Z), O(Q);
480
+ }, []);
481
+ const Nt = N && !Se && ee ? Ze.createElement(h, { id: o, role: ot, className: Ct("react-tooltip", Me.tooltip, Rt.tooltip, Rt[d], l, `react-tooltip__place-${x.place}`, Me[D ? "show" : "closing"], D ? "react-tooltip__show" : "react-tooltip__closing", b === "fixed" && Me.fixed, De && Me.clickable), onTransitionEnd: (e) => {
482
+ O(Q), I || e.propertyName !== "opacity" || (Oe(!1), We(null), Ee == null || Ee());
483
+ }, style: ve, ref: pe }, Ze.createElement(h, { className: Ct("react-tooltip-content-wrapper", Me.content, Rt.content) }, fe), Ze.createElement(h, { className: Ct("react-tooltip-arrow", Me.arrow, Rt.arrow, r, Ie && Me.noArrow), style: gt, ref: ke })) : null;
484
+ return Nt ? s ? _o(Nt, s) : Nt : null;
485
+ });
486
+ const je = /* @__PURE__ */ new Map();
487
+ let Wt = null;
488
+ const fo = { attributes: !0, childList: !1, subtree: !1 };
489
+ function Ho(t, o) {
490
+ const l = (Wt || (Wt = new MutationObserver((d) => {
491
+ var s;
492
+ for (const i of d) {
493
+ if (i.type !== "attributes" || !(!((s = i.attributeName) === null || s === void 0) && s.startsWith("data-tooltip-"))) continue;
494
+ const a = i.target, S = je.get(a);
495
+ S && S.forEach((w) => w(a));
496
+ }
497
+ })), Wt);
498
+ let r = je.get(t);
499
+ return r || (r = /* @__PURE__ */ new Set(), je.set(t, r), l.observe(t, fo)), r.add(o), () => {
500
+ const d = je.get(t);
501
+ d && (d.delete(o), d.size === 0 && (je.delete(t), je.size === 0 ? l.disconnect() : (l.disconnect(), je.forEach((s, i) => {
502
+ l.observe(i, fo);
503
+ }))));
504
+ };
505
+ }
506
+ const Mo = Ze.forwardRef(({ id: t, anchorSelect: o, content: l, render: r, className: d, classNameArrow: s, variant: i = "dark", portalRoot: a, place: S = "top", offset: w = 10, wrapper: b = "div", children: T = null, openOnClick: h = !1, positionStrategy: k = "absolute", middlewares: L, delayShow: B = 0, delayHide: G = 0, autoClose: Se, float: Ie = !1, hidden: De = !1, noArrow: Ue = !1, clickable: Pe = !1, openEvents: Ae, closeEvents: xt, globalCloseEvents: pt, imperativeModeOnly: ft = !1, style: Y, position: Ee, isOpen: vt, defaultIsOpen: mt = !1, disableStyleInjection: U = !1, border: K, opacity: ae, arrowColor: Qe, arrowSize: Je, setIsOpen: _, afterShow: ue, afterHide: Ke, disableTooltip: et, role: tt = "tooltip" }, de) => {
507
+ var ot, Te, pe, ke, j, X, Z, Q;
508
+ const [x, zt] = ge(null), [I, rt] = ge({}), N = p(null), Oe = p(U), y = _e((R) => {
509
+ zt((fe) => (R != null && R.isSameNode(fe) || (N.current = fe), R));
510
+ }, []), We = (R) => R == null ? void 0 : R.getAttributeNames().reduce((ee, D) => {
511
+ var ve;
512
+ return D.startsWith("data-tooltip-") && (ee[D.replace(/^data-tooltip-/, "")] = (ve = R == null ? void 0 : R.getAttribute(D)) !== null && ve !== void 0 ? ve : null), ee;
513
+ }, {});
514
+ E(() => {
515
+ Oe.current;
516
+ }, [U]), E(() => {
517
+ typeof window < "u" && window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles", { detail: { disableCore: U === "core", disableBase: U } }));
518
+ }, []), E(() => {
519
+ if (!x) return rt({}), () => {
520
+ };
521
+ const R = (fe) => {
522
+ const ee = We(fe);
523
+ rt((D) => {
524
+ const ve = Object.keys(ee), _t = Object.keys(D);
525
+ return ve.length === _t.length && ve.every((gt) => ee[gt] === D[gt]) ? D : ee;
526
+ });
527
+ };
528
+ return R(x), Ho(x, R);
529
+ }, [x, o]), E(() => {
530
+ }, [K, ae, Y == null ? void 0 : Y.border, Y == null ? void 0 : Y.opacity]);
531
+ const g = x ? We(x) : I, Re = (ot = g.content) !== null && ot !== void 0 ? ot : l, yt = (Te = g.place) !== null && Te !== void 0 ? Te : S, J = (pe = g.variant) !== null && pe !== void 0 ? pe : i, ht = g.offset == null ? w : Number(g.offset), z = (ke = g.wrapper) !== null && ke !== void 0 ? ke : b, qe = (j = g["position-strategy"]) !== null && j !== void 0 ? j : k, wt = g["delay-show"] == null ? B : Number(g["delay-show"]), Fe = g["delay-hide"] == null ? G : Number(g["delay-hide"]), bt = g["auto-close"] == null ? Se : Number(g["auto-close"]), Ve = g.float == null ? Ie : g.float === "true", Ce = g.hidden == null ? De : g.hidden === "true", Lt = (X = g["class-name"]) !== null && X !== void 0 ? X : null;
532
+ let lt = T;
533
+ const xe = p(null);
534
+ if (r) {
535
+ const R = r({ content: (Q = (Z = g.content) !== null && Z !== void 0 ? Z : Re) !== null && Q !== void 0 ? Q : null, activeAnchor: x });
536
+ lt = R ? Ze.createElement("div", { ref: xe, className: "react-tooltip-content-wrapper" }, R) : null;
537
+ } else Re != null && (lt = Re);
538
+ const Bt = { forwardRef: de, id: t, anchorSelect: o, className: Ct(d, Lt), classNameArrow: s, content: lt, contentWrapperRef: xe, portalRoot: a, place: yt, variant: J, offset: ht, wrapper: z, openOnClick: h, positionStrategy: qe, middlewares: L, delayShow: wt, delayHide: Fe, autoClose: bt, float: Ve, hidden: Ce, noArrow: Ue, clickable: Pe, openEvents: Ae, closeEvents: xt, globalCloseEvents: pt, imperativeModeOnly: ft, style: Y, position: Ee, isOpen: vt, defaultIsOpen: mt, border: K, opacity: ae, arrowColor: Qe, arrowSize: Je, setIsOpen: _, afterShow: ue, afterHide: Ke, disableTooltip: et, activeAnchor: x, previousActiveAnchor: N.current, setActiveAnchor: y, role: tt };
539
+ return Ze.createElement($o, { ...Bt });
540
+ });
541
+ var Ko = vo(Mo);
542
+ typeof window < "u" && window.addEventListener("react-tooltip-inject-styles", (t) => {
543
+ t.detail.disableCore || so({ css: ":root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in;will-change:opacity}", type: "core" }), t.detail.disableBase || so({ css: `
544
+ .styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`, type: "base" });
545
+ });
546
+ export {
547
+ Ko as Tooltip
548
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "qaema-ui",
3
3
  "private": false,
4
- "version": "0.0.72",
4
+ "version": "0.0.74",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -93,7 +93,8 @@
93
93
  "date-fns": "^4.1.0",
94
94
  "react-bootstrap": "^2.10.9",
95
95
  "react-helmet-async": "^2.0.5",
96
- "react-phone-input-2": "^2.15.1"
96
+ "react-phone-input-2": "^2.15.1",
97
+ "react-tooltip": "^6.0.8"
97
98
  },
98
99
  "description": "qaema generic components",
99
100
  "main": "eslint.config.js",