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

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 (146) hide show
  1. package/dist/index100.js +125 -8
  2. package/dist/index101.js +134 -48
  3. package/dist/index102.js +14 -181
  4. package/dist/index103.js +69 -7
  5. package/dist/index104.js +15 -24
  6. package/dist/index105.js +9 -6
  7. package/dist/index106.js +50 -11
  8. package/dist/index107.js +219 -3
  9. package/dist/index108.js +30 -13
  10. package/dist/index109.js +166 -204
  11. package/dist/index110.js +8 -30
  12. package/dist/index111.js +13 -650
  13. package/dist/index112.js +226 -3
  14. package/dist/index113.js +3 -46
  15. package/dist/index114.js +46 -14
  16. package/dist/index115.js +650 -13
  17. package/dist/index116.js +14 -226
  18. package/dist/index121.js +6 -12
  19. package/dist/index122.js +12 -6
  20. package/dist/index124.js +1 -1
  21. package/dist/index125.js +3 -3
  22. package/dist/index126.js +2 -25
  23. package/dist/index127.js +53 -29
  24. package/dist/index128.js +65 -5
  25. package/dist/index129.js +25 -2
  26. package/dist/index130.js +29 -53
  27. package/dist/index131.js +5 -65
  28. package/dist/index159.js +1 -1
  29. package/dist/index160.js +1 -1
  30. package/dist/index161.js +33 -33
  31. package/dist/index180.js +5 -5
  32. package/dist/index202.js +5 -9
  33. package/dist/index203.js +3 -20
  34. package/dist/index204.js +21 -522
  35. package/dist/index205.js +109 -127
  36. package/dist/index206.js +15 -133
  37. package/dist/index207.js +522 -14
  38. package/dist/index208.js +126 -4
  39. package/dist/index209.js +132 -4
  40. package/dist/index210.js +8 -6
  41. package/dist/index211.js +19 -4
  42. package/dist/index212.js +16 -7
  43. package/dist/index213.js +5 -17
  44. package/dist/index214.js +5 -5
  45. package/dist/index215.js +6 -5
  46. package/dist/index216.js +4 -13
  47. package/dist/index217.js +7 -10
  48. package/dist/index218.js +17 -14
  49. package/dist/index219.js +5 -5
  50. package/dist/index220.js +5 -6
  51. package/dist/index221.js +13 -8
  52. package/dist/index222.js +10 -6
  53. package/dist/index223.js +14 -56
  54. package/dist/index224.js +5 -9
  55. package/dist/index225.js +6 -5
  56. package/dist/index226.js +8 -5
  57. package/dist/index227.js +6 -9
  58. package/dist/index228.js +56 -5
  59. package/dist/index229.js +9 -5
  60. package/dist/index230.js +5 -4
  61. package/dist/index231.js +5 -11
  62. package/dist/index232.js +9 -10
  63. package/dist/index233.js +4 -9
  64. package/dist/index234.js +5 -11
  65. package/dist/index235.js +4 -11
  66. package/dist/index236.js +11 -10
  67. package/dist/index237.js +10 -7
  68. package/dist/index238.js +10 -6
  69. package/dist/index239.js +11 -5
  70. package/dist/index240.js +11 -6
  71. package/dist/index241.js +10 -8
  72. package/dist/index242.js +7 -6
  73. package/dist/index243.js +7 -5
  74. package/dist/index244.js +6 -3
  75. package/dist/index245.js +6 -23
  76. package/dist/index246.js +8 -109
  77. package/dist/index247.js +6 -15
  78. package/dist/index253.js +3 -3
  79. package/dist/index260.js +1 -1
  80. package/dist/index268.js +65 -68
  81. package/dist/index269.js +68 -30
  82. package/dist/index270.js +9 -9
  83. package/dist/index271.js +13 -152
  84. package/dist/index272.js +65 -107
  85. package/dist/index273.js +68 -5
  86. package/dist/index274.js +31 -65
  87. package/dist/index275.js +9 -69
  88. package/dist/index276.js +152 -8
  89. package/dist/index277.js +107 -13
  90. package/dist/index278.js +5 -66
  91. package/dist/index280.js +3 -5
  92. package/dist/index281.js +22 -5
  93. package/dist/index282.js +6 -4
  94. package/dist/index283.js +5 -15
  95. package/dist/index284.js +4 -9
  96. package/dist/index285.js +15 -5
  97. package/dist/index286.js +8 -4
  98. package/dist/index287.js +5 -512
  99. package/dist/index288.js +5 -50
  100. package/dist/index289.js +510 -15
  101. package/dist/index290.js +50 -7
  102. package/dist/index291.js +17 -8
  103. package/dist/index292.js +6 -7
  104. package/dist/index293.js +8 -8
  105. package/dist/index294.js +7 -12
  106. package/dist/index295.js +8 -10
  107. package/dist/index296.js +12 -14
  108. package/dist/index297.js +10 -6
  109. package/dist/index298.js +14 -15
  110. package/dist/index299.js +5 -27
  111. package/dist/index300.js +14 -11
  112. package/dist/index301.js +28 -3
  113. package/dist/index302.js +12 -22
  114. package/dist/index303.js +23 -5
  115. package/dist/index304.js +12 -56
  116. package/dist/index305.js +26 -11
  117. package/dist/index306.js +4 -27
  118. package/dist/index307.js +5 -5
  119. package/dist/index308.js +56 -22
  120. package/dist/index41.js +1 -1
  121. package/dist/index42.js +6 -6
  122. package/dist/index44.js +9 -9
  123. package/dist/index46.js +7 -7
  124. package/dist/index49.js +12 -12
  125. package/dist/index52.js +10 -10
  126. package/dist/index59.js +5 -5
  127. package/dist/index63.js +1 -1
  128. package/dist/index75.js +8 -8
  129. package/dist/index80.js +2 -2
  130. package/dist/index82.js +19 -19
  131. package/dist/index85.js +13 -13
  132. package/dist/index86.js +3 -3
  133. package/dist/index87.js +6 -6
  134. package/dist/index90.js +66 -5
  135. package/dist/index91.js +10 -67
  136. package/dist/index92.js +4 -11
  137. package/dist/index93.js +33 -51
  138. package/dist/index94.js +11 -124
  139. package/dist/index95.js +5 -134
  140. package/dist/index96.js +52 -15
  141. package/dist/index97.js +5 -69
  142. package/dist/index98.js +24 -33
  143. package/dist/index99.js +10 -15
  144. package/dist/style.css +1 -1
  145. package/dist/theme.css +4 -4
  146. package/package.json +1 -1
package/dist/index100.js CHANGED
@@ -1,11 +1,128 @@
1
- import { __assign as m } from "./index126.js";
2
- import * as r from "react";
3
- import { RemoveScroll as e } from "./index127.js";
4
- import t from "./index128.js";
5
- var s = r.forwardRef(function(a, o) {
6
- return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
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 });
7
71
  });
8
- s.classNames = e.classNames;
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
+ }
9
125
  export {
10
- s as default
126
+ j as DismissableLayer,
127
+ Y as DismissableLayerBranch
11
128
  };
package/dist/index101.js CHANGED
@@ -1,52 +1,138 @@
1
- var S = function(r) {
2
- if (typeof document > "u")
3
- return null;
4
- var u = Array.isArray(r) ? r[0] : r;
5
- return u.ownerDocument.body;
6
- }, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
7
- return r && (r.host || W(r.parentNode));
8
- }, D = function(r, u) {
9
- return u.map(function(e) {
10
- if (r.contains(e))
11
- return e;
12
- var n = W(e);
13
- return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
14
- }).filter(function(e) {
15
- return !!e;
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;
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
+ }
68
+ },
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;
88
+ }
16
89
  });
17
- }, E = function(r, u, e, n) {
18
- var i = D(u, Array.isArray(r) ? r : [r]);
19
- p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
20
- var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
21
- !t || o.has(t) || (o.add(t), y(t.parentNode));
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();
126
+ }
22
127
  };
23
- i.forEach(y);
24
- var A = function(t) {
25
- !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
26
- if (o.has(a))
27
- A(a);
28
- else
29
- try {
30
- var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
31
- f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
32
- } catch (k) {
33
- console.error("aria-hidden: cannot operate on ", a, k);
34
- }
35
- });
36
- };
37
- return A(u), o.clear(), h++, function() {
38
- l.forEach(function(t) {
39
- var a = f.get(t) - 1, c = s.get(t) - 1;
40
- f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
41
- }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
42
- };
43
- }, C = function(r, u, e) {
44
- e === void 0 && (e = "data-aria-hidden");
45
- var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
46
- return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
47
- return null;
48
- };
49
- };
128
+ }
129
+ function C(e, n) {
130
+ const t = [...e], u = t.indexOf(n);
131
+ return u !== -1 && t.splice(u, 1), t;
132
+ }
133
+ function W(e) {
134
+ return e.filter((n) => n.tagName !== "A");
135
+ }
50
136
  export {
51
- C as hideOthers
137
+ k as FocusScope
52
138
  };
package/dist/index102.js CHANGED
@@ -1,184 +1,17 @@
1
1
  "use client";
2
- import * as c from "react";
3
- import { composeEventHandlers as p } from "./index90.js";
4
- import { createCollection as V } from "./index113.js";
5
- import { useComposedRefs as j } from "./index89.js";
6
- import { createContextScope as z } from "./index91.js";
7
- import { useId as q } from "./index92.js";
8
- import { Primitive as G } from "./index98.js";
9
- import { useCallbackRef as J } from "./index106.js";
10
- import { useControllableState as Q } from "./index93.js";
11
- import { useDirection as W } from "./index103.js";
12
- import { jsx as d } from "react/jsx-runtime";
13
- var y = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [D, N, Z] = V(I), [$, Fe] = z(
14
- I,
15
- [Z]
16
- ), [ee, oe] = $(I), O = c.forwardRef(
17
- (e, r) => /* @__PURE__ */ d(D.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(D.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
18
- );
19
- O.displayName = I;
20
- var te = c.forwardRef((e, r) => {
21
- const {
22
- __scopeRovingFocusGroup: s,
23
- orientation: o,
24
- loop: T = !1,
25
- dir: w,
26
- currentTabStopId: v,
27
- defaultCurrentTabStopId: C,
28
- onCurrentTabStopIdChange: S,
29
- onEntryFocus: m,
30
- preventScrollOnEntryFocus: u = !1,
31
- ...b
32
- } = e, F = c.useRef(null), g = j(r, F), R = W(w), [E, t] = Q({
33
- prop: v,
34
- defaultProp: C ?? null,
35
- onChange: S,
36
- caller: I
37
- }), [i, h] = c.useState(!1), a = J(m), l = N(s), A = c.useRef(!1), [L, P] = c.useState(0);
38
- return c.useEffect(() => {
39
- const n = F.current;
40
- if (n)
41
- return n.addEventListener(y, a), () => n.removeEventListener(y, a);
42
- }, [a]), /* @__PURE__ */ d(
43
- ee,
44
- {
45
- scope: s,
46
- orientation: o,
47
- dir: R,
48
- loop: T,
49
- currentTabStopId: E,
50
- onItemFocus: c.useCallback(
51
- (n) => t(n),
52
- [t]
53
- ),
54
- onItemShiftTab: c.useCallback(() => h(!0), []),
55
- onFocusableItemAdd: c.useCallback(
56
- () => P((n) => n + 1),
57
- []
58
- ),
59
- onFocusableItemRemove: c.useCallback(
60
- () => P((n) => n - 1),
61
- []
62
- ),
63
- children: /* @__PURE__ */ d(
64
- G.div,
65
- {
66
- tabIndex: i || L === 0 ? -1 : 0,
67
- "data-orientation": o,
68
- ...b,
69
- ref: g,
70
- style: { outline: "none", ...e.style },
71
- onMouseDown: p(e.onMouseDown, () => {
72
- A.current = !0;
73
- }),
74
- onFocus: p(e.onFocus, (n) => {
75
- const U = !A.current;
76
- if (n.target === n.currentTarget && U && !i) {
77
- const x = new CustomEvent(y, X);
78
- if (n.currentTarget.dispatchEvent(x), !x.defaultPrevented) {
79
- const _ = l().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === E), H = [B, Y, ..._].filter(
80
- Boolean
81
- ).map((f) => f.ref.current);
82
- k(H, u);
83
- }
84
- }
85
- A.current = !1;
86
- }),
87
- onBlur: p(e.onBlur, () => h(!1))
88
- }
89
- )
90
- }
91
- );
92
- }), K = "RovingFocusGroupItem", M = c.forwardRef(
93
- (e, r) => {
94
- const {
95
- __scopeRovingFocusGroup: s,
96
- focusable: o = !0,
97
- active: T = !1,
98
- tabStopId: w,
99
- children: v,
100
- ...C
101
- } = e, S = q(), m = w || S, u = oe(K, s), b = u.currentTabStopId === m, F = N(s), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
102
- return c.useEffect(() => {
103
- if (o)
104
- return g(), () => R();
105
- }, [o, g, R]), /* @__PURE__ */ d(
106
- D.ItemSlot,
107
- {
108
- scope: s,
109
- id: m,
110
- focusable: o,
111
- active: T,
112
- children: /* @__PURE__ */ d(
113
- G.span,
114
- {
115
- tabIndex: b ? 0 : -1,
116
- "data-orientation": u.orientation,
117
- ...C,
118
- ref: r,
119
- onMouseDown: p(e.onMouseDown, (t) => {
120
- o ? u.onItemFocus(m) : t.preventDefault();
121
- }),
122
- onFocus: p(e.onFocus, () => u.onItemFocus(m)),
123
- onKeyDown: p(e.onKeyDown, (t) => {
124
- if (t.key === "Tab" && t.shiftKey) {
125
- u.onItemShiftTab();
126
- return;
127
- }
128
- if (t.target !== t.currentTarget) return;
129
- const i = ce(t, u.orientation, u.dir);
130
- if (i !== void 0) {
131
- if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
132
- t.preventDefault();
133
- let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
134
- if (i === "last") a.reverse();
135
- else if (i === "prev" || i === "next") {
136
- i === "prev" && a.reverse();
137
- const l = a.indexOf(t.currentTarget);
138
- a = u.loop ? se(a, l + 1) : a.slice(l + 1);
139
- }
140
- setTimeout(() => k(a));
141
- }
142
- }),
143
- children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
144
- }
145
- )
146
- }
147
- );
148
- }
149
- );
150
- M.displayName = K;
151
- var re = {
152
- ArrowLeft: "prev",
153
- ArrowUp: "prev",
154
- ArrowRight: "next",
155
- ArrowDown: "next",
156
- PageUp: "first",
157
- Home: "first",
158
- PageDown: "last",
159
- End: "last"
160
- };
161
- function ne(e, r) {
162
- return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
163
- }
164
- function ce(e, r, s) {
165
- const o = ne(e.key, s);
166
- if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
167
- return re[o];
168
- }
169
- function k(e, r = !1) {
170
- const s = document.activeElement;
171
- for (const o of e)
172
- if (o === s || (o.focus({ preventScroll: r }), document.activeElement !== s)) return;
173
- }
174
- function se(e, r) {
175
- return e.map((s, o) => e[(r + o) % e.length]);
176
- }
177
- var ge = O, Re = M;
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;
13
+ });
14
+ d.displayName = p;
178
15
  export {
179
- Re as Item,
180
- ge as Root,
181
- O as RovingFocusGroup,
182
- M as RovingFocusGroupItem,
183
- Fe as createRovingFocusGroupScope
16
+ d as Portal
184
17
  };
package/dist/index103.js CHANGED
@@ -1,10 +1,72 @@
1
- import * as t from "react";
2
- import "react/jsx-runtime";
3
- var r = t.createContext(void 0);
4
- function n(o) {
5
- const e = t.useContext(r);
6
- return o || e || "ltr";
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);
7
69
  }
8
70
  export {
9
- n as useDirection
71
+ R as Presence
10
72
  };
package/dist/index104.js CHANGED
@@ -1,27 +1,18 @@
1
- import * as h from "react";
2
- import { useLayoutEffect as z } from "./index107.js";
3
- function c(r) {
4
- const [d, e] = h.useState(void 0);
5
- return z(() => {
6
- if (r) {
7
- e({ width: r.offsetWidth, height: r.offsetHeight });
8
- const f = new ResizeObserver((i) => {
9
- if (!Array.isArray(i) || !i.length)
10
- return;
11
- const b = i[0];
12
- let o, t;
13
- if ("borderBoxSize" in b) {
14
- const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
15
- o = u.inlineSize, t = u.blockSize;
16
- } else
17
- o = r.offsetWidth, t = r.offsetHeight;
18
- e({ width: o, height: t });
19
- });
20
- return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
21
- } else
22
- e(void 0);
23
- }, [r]), d;
1
+ "use client";
2
+ import * as r from "react";
3
+ var t = 0;
4
+ function a() {
5
+ r.useEffect(() => {
6
+ const e = document.querySelectorAll("[data-radix-focus-guard]");
7
+ return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
8
+ t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
9
+ };
10
+ }, []);
11
+ }
12
+ function n() {
13
+ const e = document.createElement("span");
14
+ return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
24
15
  }
25
16
  export {
26
- c as useSize
17
+ a as useFocusGuards
27
18
  };
package/dist/index105.js CHANGED
@@ -1,8 +1,11 @@
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]);
5
- }
1
+ import { __assign as m } from "./index129.js";
2
+ import * as r from "react";
3
+ import { RemoveScroll as e } from "./index130.js";
4
+ import t from "./index131.js";
5
+ var s = r.forwardRef(function(a, o) {
6
+ return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
7
+ });
8
+ s.classNames = e.classNames;
6
9
  export {
7
- t as usePrevious
10
+ s as default
8
11
  };