@datawire-ai/busyfile-design-library 1.30.10 → 1.31.0

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.
Files changed (55) hide show
  1. package/dist/index100.js +5 -125
  2. package/dist/index101.js +60 -126
  3. package/dist/index102.js +124 -13
  4. package/dist/index103.js +10 -69
  5. package/dist/index104.js +217 -13
  6. package/dist/index105.js +13 -7
  7. package/dist/index106.js +30 -50
  8. package/dist/index107.js +3 -219
  9. package/dist/index108.js +46 -29
  10. package/dist/index109.js +13 -179
  11. package/dist/index110.js +135 -7
  12. package/dist/index111.js +50 -14
  13. package/dist/index112.js +9 -227
  14. package/dist/index113.js +14 -3
  15. package/dist/index114.js +13 -46
  16. package/dist/index115.js +221 -645
  17. package/dist/index116.js +648 -12
  18. package/dist/index122.js +1 -1
  19. package/dist/index124.js +1 -1
  20. package/dist/index125.js +3 -3
  21. package/dist/index130.js +3 -3
  22. package/dist/index131.js +3 -3
  23. package/dist/index202.js +525 -5
  24. package/dist/index203.js +128 -3
  25. package/dist/index204.js +132 -22
  26. package/dist/index205.js +5 -110
  27. package/dist/index206.js +3 -16
  28. package/dist/index207.js +21 -522
  29. package/dist/index208.js +109 -127
  30. package/dist/index209.js +15 -133
  31. package/dist/index269.js +1 -1
  32. package/dist/index42.js +5 -5
  33. package/dist/index44.js +8 -8
  34. package/dist/index46.js +6 -6
  35. package/dist/index49.js +11 -11
  36. package/dist/index52.js +9 -9
  37. package/dist/index59.js +4 -4
  38. package/dist/index63.js +1 -1
  39. package/dist/index75.js +7 -7
  40. package/dist/index80.js +2 -2
  41. package/dist/index82.js +18 -18
  42. package/dist/index85.js +12 -12
  43. package/dist/index86.js +3 -3
  44. package/dist/index87.js +5 -5
  45. package/dist/index90.js +33 -67
  46. package/dist/index91.js +67 -10
  47. package/dist/index92.js +11 -4
  48. package/dist/index93.js +4 -34
  49. package/dist/index96.js +178 -48
  50. package/dist/index97.js +51 -5
  51. package/dist/index98.js +7 -24
  52. package/dist/index99.js +24 -10
  53. package/dist/style.css +1 -1
  54. package/dist/theme.css +1 -1
  55. package/package.json +1 -1
package/dist/index100.js CHANGED
@@ -1,128 +1,8 @@
1
- "use client";
2
- import * as n from "react";
3
- import { composeEventHandlers as m } from "./index95.js";
4
- import { Primitive as g, dispatchDiscreteCustomEvent as k } from "./index93.js";
5
- import { useComposedRefs as R } from "./index89.js";
6
- import { useCallbackRef as w } from "./index91.js";
7
- import { useEscapeKeydown as U } from "./index122.js";
8
- import { jsx as T } from "react/jsx-runtime";
9
- var z = "DismissableLayer", y = "dismissableLayer.update", H = "dismissableLayer.pointerDownOutside", M = "dismissableLayer.focusOutside", L, B = n.createContext({
10
- layers: /* @__PURE__ */ new Set(),
11
- layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
12
- branches: /* @__PURE__ */ new Set()
13
- }), j = n.forwardRef(
14
- (r, e) => {
15
- const {
16
- disableOutsidePointerEvents: i = !1,
17
- onEscapeKeyDown: o,
18
- onPointerDownOutside: t,
19
- onFocusOutside: a,
20
- onInteractOutside: l,
21
- onDismiss: d,
22
- ...v
23
- } = r, c = n.useContext(B), [u, S] = n.useState(null), f = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = n.useState({}), W = R(e, (s) => S(s)), p = Array.from(c.layers), [A] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), N = p.indexOf(A), b = u ? p.indexOf(u) : -1, I = c.layersWithOutsidePointerEventsDisabled.size > 0, P = b >= N, _ = q((s) => {
24
- const E = s.target, C = [...c.branches].some((h) => h.contains(E));
25
- !P || C || (t == null || t(s), l == null || l(s), s.defaultPrevented || d == null || d());
26
- }, f), D = G((s) => {
27
- const E = s.target;
28
- [...c.branches].some((h) => h.contains(E)) || (a == null || a(s), l == null || l(s), s.defaultPrevented || d == null || d());
29
- }, f);
30
- return U((s) => {
31
- b === c.layers.size - 1 && (o == null || o(s), !s.defaultPrevented && d && (s.preventDefault(), d()));
32
- }, f), n.useEffect(() => {
33
- if (u)
34
- return i && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (L = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), O(), () => {
35
- i && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = L);
36
- };
37
- }, [u, f, i, c]), n.useEffect(() => () => {
38
- u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), O());
39
- }, [u, c]), n.useEffect(() => {
40
- const s = () => F({});
41
- return document.addEventListener(y, s), () => document.removeEventListener(y, s);
42
- }, []), /* @__PURE__ */ T(
43
- g.div,
44
- {
45
- ...v,
46
- ref: W,
47
- style: {
48
- pointerEvents: I ? P ? "auto" : "none" : void 0,
49
- ...r.style
50
- },
51
- onFocusCapture: m(r.onFocusCapture, D.onFocusCapture),
52
- onBlurCapture: m(r.onBlurCapture, D.onBlurCapture),
53
- onPointerDownCapture: m(
54
- r.onPointerDownCapture,
55
- _.onPointerDownCapture
56
- )
57
- }
58
- );
59
- }
60
- );
61
- j.displayName = z;
62
- var X = "DismissableLayerBranch", Y = n.forwardRef((r, e) => {
63
- const i = n.useContext(B), o = n.useRef(null), t = R(e, o);
64
- return n.useEffect(() => {
65
- const a = o.current;
66
- if (a)
67
- return i.branches.add(a), () => {
68
- i.branches.delete(a);
69
- };
70
- }, [i.branches]), /* @__PURE__ */ T(g.div, { ...r, ref: t });
71
- });
72
- Y.displayName = X;
73
- function q(r, e = globalThis == null ? void 0 : globalThis.document) {
74
- const i = w(r), o = n.useRef(!1), t = n.useRef(() => {
75
- });
76
- return n.useEffect(() => {
77
- const a = (d) => {
78
- if (d.target && !o.current) {
79
- let v = function() {
80
- x(
81
- H,
82
- i,
83
- c,
84
- { discrete: !0 }
85
- );
86
- };
87
- const c = { originalEvent: d };
88
- d.pointerType === "touch" ? (e.removeEventListener("click", t.current), t.current = v, e.addEventListener("click", t.current, { once: !0 })) : v();
89
- } else
90
- e.removeEventListener("click", t.current);
91
- o.current = !1;
92
- }, l = window.setTimeout(() => {
93
- e.addEventListener("pointerdown", a);
94
- }, 0);
95
- return () => {
96
- window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
97
- };
98
- }, [e, i]), {
99
- // ensures we check React component tree (not just DOM tree)
100
- onPointerDownCapture: () => o.current = !0
101
- };
102
- }
103
- function G(r, e = globalThis == null ? void 0 : globalThis.document) {
104
- const i = w(r), o = n.useRef(!1);
105
- return n.useEffect(() => {
106
- const t = (a) => {
107
- a.target && !o.current && x(M, i, { originalEvent: a }, {
108
- discrete: !1
109
- });
110
- };
111
- return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
112
- }, [e, i]), {
113
- onFocusCapture: () => o.current = !0,
114
- onBlurCapture: () => o.current = !1
115
- };
116
- }
117
- function O() {
118
- const r = new CustomEvent(y);
119
- document.dispatchEvent(r);
120
- }
121
- function x(r, e, i, { discrete: o }) {
122
- const t = i.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: i });
123
- e && t.addEventListener(r, e, { once: !0 }), o ? k(t, a) : t.dispatchEvent(a);
1
+ import * as u from "react";
2
+ function t(r) {
3
+ const e = u.useRef({ value: r, previous: r });
4
+ return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
124
5
  }
125
6
  export {
126
- j as DismissableLayer,
127
- Y as DismissableLayerBranch
7
+ t as usePrevious
128
8
  };
package/dist/index101.js CHANGED
@@ -1,138 +1,72 @@
1
1
  "use client";
2
- import * as d from "react";
3
- import { useComposedRefs as R } from "./index89.js";
4
- import { Primitive as M } from "./index93.js";
5
- import { useCallbackRef as y } from "./index91.js";
6
- import { jsx as _ } from "react/jsx-runtime";
7
- var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, n) => {
8
- const {
9
- loop: t = !1,
10
- trapped: u = !1,
11
- onMountAutoFocus: p,
12
- onUnmountAutoFocus: L,
13
- ...g
14
- } = e, [o, U] = d.useState(null), E = y(p), v = y(L), b = d.useRef(null), A = R(n, (s) => U(s)), a = d.useRef({
15
- paused: !1,
16
- pause() {
17
- this.paused = !0;
2
+ import * as a from "react";
3
+ import { useComposedRefs as E } from "./index89.js";
4
+ import { useLayoutEffect as A } from "./index93.js";
5
+ function T(n, e) {
6
+ return a.useReducer((r, t) => e[r][t] ?? r, n);
7
+ }
8
+ var R = (n) => {
9
+ const { present: e, children: r } = n, t = v(e), i = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = E(t.ref, P(i));
10
+ return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
11
+ };
12
+ R.displayName = "Presence";
13
+ function v(n) {
14
+ const [e, r] = a.useState(), t = a.useRef(null), i = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
15
+ mounted: {
16
+ UNMOUNT: "unmounted",
17
+ ANIMATION_OUT: "unmountSuspended"
18
18
  },
19
- resume() {
20
- this.paused = !1;
21
- }
22
- }).current;
23
- d.useEffect(() => {
24
- if (u) {
25
- let s = function(i) {
26
- if (a.paused || !o) return;
27
- const c = i.target;
28
- o.contains(c) ? b.current = c : f(b.current, { select: !0 });
29
- }, l = function(i) {
30
- if (a.paused || !o) return;
31
- const c = i.relatedTarget;
32
- c !== null && (o.contains(c) || f(b.current, { select: !0 }));
33
- }, r = function(i) {
34
- if (document.activeElement === document.body)
35
- for (const h of i)
36
- h.removedNodes.length > 0 && f(o);
37
- };
38
- document.addEventListener("focusin", s), document.addEventListener("focusout", l);
39
- const m = new MutationObserver(r);
40
- return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
41
- document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), m.disconnect();
42
- };
43
- }
44
- }, [u, o, a.paused]), d.useEffect(() => {
45
- if (o) {
46
- S.add(a);
47
- const s = document.activeElement;
48
- if (!o.contains(s)) {
49
- const r = new CustomEvent(F, N);
50
- o.addEventListener(F, E), o.dispatchEvent(r), r.defaultPrevented || (w(W(I(o)), { select: !0 }), document.activeElement === s && f(o));
51
- }
52
- return () => {
53
- o.removeEventListener(F, E), setTimeout(() => {
54
- const r = new CustomEvent(T, N);
55
- o.addEventListener(T, v), o.dispatchEvent(r), r.defaultPrevented || f(s ?? document.body, { select: !0 }), o.removeEventListener(T, v), S.remove(a);
56
- }, 0);
57
- };
58
- }
59
- }, [o, E, v, a]);
60
- const P = d.useCallback(
61
- (s) => {
62
- if (!t && !u || a.paused) return;
63
- const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, r = document.activeElement;
64
- if (l && r) {
65
- const m = s.currentTarget, [i, c] = x(m);
66
- i && c ? !s.shiftKey && r === c ? (s.preventDefault(), t && f(i, { select: !0 })) : s.shiftKey && r === i && (s.preventDefault(), t && f(c, { select: !0 })) : r === m && s.preventDefault();
67
- }
19
+ unmountSuspended: {
20
+ MOUNT: "mounted",
21
+ ANIMATION_END: "unmounted"
68
22
  },
69
- [t, u, a.paused]
70
- );
71
- return /* @__PURE__ */ _(M.div, { tabIndex: -1, ...g, ref: A, onKeyDown: P });
72
- });
73
- k.displayName = K;
74
- function w(e, { select: n = !1 } = {}) {
75
- const t = document.activeElement;
76
- for (const u of e)
77
- if (f(u, { select: n }), document.activeElement !== t) return;
78
- }
79
- function x(e) {
80
- const n = I(e), t = O(n, e), u = O(n.reverse(), e);
81
- return [t, u];
82
- }
83
- function I(e) {
84
- const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
85
- acceptNode: (u) => {
86
- const p = u.tagName === "INPUT" && u.type === "hidden";
87
- return u.disabled || u.hidden || p ? NodeFilter.FILTER_SKIP : u.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
23
+ unmounted: {
24
+ MOUNT: "mounted"
88
25
  }
89
26
  });
90
- for (; t.nextNode(); ) n.push(t.currentNode);
91
- return n;
92
- }
93
- function O(e, n) {
94
- for (const t of e)
95
- if (!D(t, { upTo: n })) return t;
96
- }
97
- function D(e, { upTo: n }) {
98
- if (getComputedStyle(e).visibility === "hidden") return !0;
99
- for (; e; ) {
100
- if (n !== void 0 && e === n) return !1;
101
- if (getComputedStyle(e).display === "none") return !0;
102
- e = e.parentElement;
103
- }
104
- return !1;
105
- }
106
- function H(e) {
107
- return e instanceof HTMLInputElement && "select" in e;
108
- }
109
- function f(e, { select: n = !1 } = {}) {
110
- if (e && e.focus) {
111
- const t = document.activeElement;
112
- e.focus({ preventScroll: !0 }), e !== t && H(e) && n && e.select();
113
- }
114
- }
115
- var S = V();
116
- function V() {
117
- let e = [];
118
- return {
119
- add(n) {
120
- const t = e[0];
121
- n !== t && (t == null || t.pause()), e = C(e, n), e.unshift(n);
122
- },
123
- remove(n) {
124
- var t;
125
- e = C(e, n), (t = e[0]) == null || t.resume();
27
+ return a.useEffect(() => {
28
+ const o = l(t.current);
29
+ c.current = N === "mounted" ? o : "none";
30
+ }, [N]), A(() => {
31
+ const o = t.current, m = i.current;
32
+ if (m !== n) {
33
+ const f = c.current, u = l(o);
34
+ n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
126
35
  }
36
+ }, [n, s]), A(() => {
37
+ if (e) {
38
+ let o;
39
+ const m = e.ownerDocument.defaultView ?? window, d = (u) => {
40
+ const g = l(t.current).includes(CSS.escape(u.animationName));
41
+ if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
42
+ const O = e.style.animationFillMode;
43
+ e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
44
+ e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
45
+ });
46
+ }
47
+ }, f = (u) => {
48
+ u.target === e && (c.current = l(t.current));
49
+ };
50
+ return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
51
+ m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
52
+ };
53
+ } else
54
+ s("ANIMATION_END");
55
+ }, [e, s]), {
56
+ isPresent: ["mounted", "unmountSuspended"].includes(N),
57
+ ref: a.useCallback((o) => {
58
+ t.current = o ? getComputedStyle(o) : null, r(o);
59
+ }, [])
127
60
  };
128
61
  }
129
- function C(e, n) {
130
- const t = [...e], u = t.indexOf(n);
131
- return u !== -1 && t.splice(u, 1), t;
62
+ function l(n) {
63
+ return (n == null ? void 0 : n.animationName) || "none";
132
64
  }
133
- function W(e) {
134
- return e.filter((n) => n.tagName !== "A");
65
+ function P(n) {
66
+ var t, i;
67
+ let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
68
+ return r ? n.ref : (e = (i = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
135
69
  }
136
70
  export {
137
- k as FocusScope
71
+ R as Presence
138
72
  };
package/dist/index102.js CHANGED
@@ -1,17 +1,128 @@
1
1
  "use client";
2
- import * as r from "react";
3
- import s from "react-dom";
4
- import { Primitive as c } from "./index93.js";
5
- import { useLayoutEffect as u } from "./index92.js";
6
- import { jsx as l } from "react/jsx-runtime";
7
- var p = "Portal", d = r.forwardRef((e, a) => {
8
- var o;
9
- const { container: f, ...i } = e, [m, n] = r.useState(!1);
10
- u(() => n(!0), []);
11
- const t = f || m && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
12
- return t ? s.createPortal(/* @__PURE__ */ l(c.div, { ...i, ref: a }), t) : null;
2
+ import * as n from "react";
3
+ import { composeEventHandlers as m } from "./index95.js";
4
+ import { Primitive as g, dispatchDiscreteCustomEvent as k } from "./index90.js";
5
+ import { useComposedRefs as R } from "./index89.js";
6
+ import { useCallbackRef as w } from "./index92.js";
7
+ import { useEscapeKeydown as U } from "./index122.js";
8
+ import { jsx as T } from "react/jsx-runtime";
9
+ var z = "DismissableLayer", y = "dismissableLayer.update", H = "dismissableLayer.pointerDownOutside", M = "dismissableLayer.focusOutside", L, B = n.createContext({
10
+ layers: /* @__PURE__ */ new Set(),
11
+ layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
12
+ branches: /* @__PURE__ */ new Set()
13
+ }), j = n.forwardRef(
14
+ (r, e) => {
15
+ const {
16
+ disableOutsidePointerEvents: i = !1,
17
+ onEscapeKeyDown: o,
18
+ onPointerDownOutside: t,
19
+ onFocusOutside: a,
20
+ onInteractOutside: l,
21
+ onDismiss: d,
22
+ ...v
23
+ } = r, c = n.useContext(B), [u, S] = n.useState(null), f = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = n.useState({}), W = R(e, (s) => S(s)), p = Array.from(c.layers), [A] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), N = p.indexOf(A), b = u ? p.indexOf(u) : -1, I = c.layersWithOutsidePointerEventsDisabled.size > 0, P = b >= N, _ = q((s) => {
24
+ const E = s.target, C = [...c.branches].some((h) => h.contains(E));
25
+ !P || C || (t == null || t(s), l == null || l(s), s.defaultPrevented || d == null || d());
26
+ }, f), D = G((s) => {
27
+ const E = s.target;
28
+ [...c.branches].some((h) => h.contains(E)) || (a == null || a(s), l == null || l(s), s.defaultPrevented || d == null || d());
29
+ }, f);
30
+ return U((s) => {
31
+ b === c.layers.size - 1 && (o == null || o(s), !s.defaultPrevented && d && (s.preventDefault(), d()));
32
+ }, f), n.useEffect(() => {
33
+ if (u)
34
+ return i && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (L = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), O(), () => {
35
+ i && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = L);
36
+ };
37
+ }, [u, f, i, c]), n.useEffect(() => () => {
38
+ u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), O());
39
+ }, [u, c]), n.useEffect(() => {
40
+ const s = () => F({});
41
+ return document.addEventListener(y, s), () => document.removeEventListener(y, s);
42
+ }, []), /* @__PURE__ */ T(
43
+ g.div,
44
+ {
45
+ ...v,
46
+ ref: W,
47
+ style: {
48
+ pointerEvents: I ? P ? "auto" : "none" : void 0,
49
+ ...r.style
50
+ },
51
+ onFocusCapture: m(r.onFocusCapture, D.onFocusCapture),
52
+ onBlurCapture: m(r.onBlurCapture, D.onBlurCapture),
53
+ onPointerDownCapture: m(
54
+ r.onPointerDownCapture,
55
+ _.onPointerDownCapture
56
+ )
57
+ }
58
+ );
59
+ }
60
+ );
61
+ j.displayName = z;
62
+ var X = "DismissableLayerBranch", Y = n.forwardRef((r, e) => {
63
+ const i = n.useContext(B), o = n.useRef(null), t = R(e, o);
64
+ return n.useEffect(() => {
65
+ const a = o.current;
66
+ if (a)
67
+ return i.branches.add(a), () => {
68
+ i.branches.delete(a);
69
+ };
70
+ }, [i.branches]), /* @__PURE__ */ T(g.div, { ...r, ref: t });
13
71
  });
14
- d.displayName = p;
72
+ Y.displayName = X;
73
+ function q(r, e = globalThis == null ? void 0 : globalThis.document) {
74
+ const i = w(r), o = n.useRef(!1), t = n.useRef(() => {
75
+ });
76
+ return n.useEffect(() => {
77
+ const a = (d) => {
78
+ if (d.target && !o.current) {
79
+ let v = function() {
80
+ x(
81
+ H,
82
+ i,
83
+ c,
84
+ { discrete: !0 }
85
+ );
86
+ };
87
+ const c = { originalEvent: d };
88
+ d.pointerType === "touch" ? (e.removeEventListener("click", t.current), t.current = v, e.addEventListener("click", t.current, { once: !0 })) : v();
89
+ } else
90
+ e.removeEventListener("click", t.current);
91
+ o.current = !1;
92
+ }, l = window.setTimeout(() => {
93
+ e.addEventListener("pointerdown", a);
94
+ }, 0);
95
+ return () => {
96
+ window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
97
+ };
98
+ }, [e, i]), {
99
+ // ensures we check React component tree (not just DOM tree)
100
+ onPointerDownCapture: () => o.current = !0
101
+ };
102
+ }
103
+ function G(r, e = globalThis == null ? void 0 : globalThis.document) {
104
+ const i = w(r), o = n.useRef(!1);
105
+ return n.useEffect(() => {
106
+ const t = (a) => {
107
+ a.target && !o.current && x(M, i, { originalEvent: a }, {
108
+ discrete: !1
109
+ });
110
+ };
111
+ return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
112
+ }, [e, i]), {
113
+ onFocusCapture: () => o.current = !0,
114
+ onBlurCapture: () => o.current = !1
115
+ };
116
+ }
117
+ function O() {
118
+ const r = new CustomEvent(y);
119
+ document.dispatchEvent(r);
120
+ }
121
+ function x(r, e, i, { discrete: o }) {
122
+ const t = i.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: i });
123
+ e && t.addEventListener(r, e, { once: !0 }), o ? k(t, a) : t.dispatchEvent(a);
124
+ }
15
125
  export {
16
- d as Portal
126
+ j as DismissableLayer,
127
+ Y as DismissableLayerBranch
17
128
  };
package/dist/index103.js CHANGED
@@ -1,72 +1,13 @@
1
- "use client";
2
- import * as a from "react";
3
- import { useComposedRefs as E } from "./index89.js";
4
- import { useLayoutEffect as A } from "./index92.js";
5
- function T(n, e) {
6
- return a.useReducer((r, t) => e[r][t] ?? r, n);
7
- }
8
- var R = (n) => {
9
- const { present: e, children: r } = n, t = v(e), i = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = E(t.ref, P(i));
10
- return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
11
- };
12
- R.displayName = "Presence";
13
- function v(n) {
14
- const [e, r] = a.useState(), t = a.useRef(null), i = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
15
- mounted: {
16
- UNMOUNT: "unmounted",
17
- ANIMATION_OUT: "unmountSuspended"
18
- },
19
- unmountSuspended: {
20
- MOUNT: "mounted",
21
- ANIMATION_END: "unmounted"
22
- },
23
- unmounted: {
24
- MOUNT: "mounted"
25
- }
26
- });
27
- return a.useEffect(() => {
28
- const o = l(t.current);
29
- c.current = N === "mounted" ? o : "none";
30
- }, [N]), A(() => {
31
- const o = t.current, m = i.current;
32
- if (m !== n) {
33
- const f = c.current, u = l(o);
34
- n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
35
- }
36
- }, [n, s]), A(() => {
37
- if (e) {
38
- let o;
39
- const m = e.ownerDocument.defaultView ?? window, d = (u) => {
40
- const g = l(t.current).includes(CSS.escape(u.animationName));
41
- if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
42
- const O = e.style.animationFillMode;
43
- e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
44
- e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
45
- });
46
- }
47
- }, f = (u) => {
48
- u.target === e && (c.current = l(t.current));
49
- };
50
- return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
51
- m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
52
- };
53
- } else
54
- s("ANIMATION_END");
55
- }, [e, s]), {
56
- isPresent: ["mounted", "unmountSuspended"].includes(N),
57
- ref: a.useCallback((o) => {
58
- t.current = o ? getComputedStyle(o) : null, r(o);
59
- }, [])
60
- };
61
- }
62
- function l(n) {
63
- return (n == null ? void 0 : n.animationName) || "none";
64
- }
65
- function P(n) {
66
- var t, i;
67
- let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
68
- return r ? n.ref : (e = (i = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
1
+ import * as e from "react";
2
+ import { useLayoutEffect as a } from "./index93.js";
3
+ var s = e[" useId ".trim().toString()] || (() => {
4
+ }), i = 0;
5
+ function d(r) {
6
+ const [t, o] = e.useState(s());
7
+ return a(() => {
8
+ o((u) => u ?? String(i++));
9
+ }, [r]), t ? `radix-${t}` : "";
69
10
  }
70
11
  export {
71
- R as Presence
12
+ d as useId
72
13
  };