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

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 +182 -9
  2. package/dist/index101.js +8 -50
  3. package/dist/index102.js +24 -181
  4. package/dist/index103.js +5 -7
  5. package/dist/index104.js +135 -24
  6. package/dist/index105.js +15 -5
  7. package/dist/index106.js +8 -10
  8. package/dist/index107.js +49 -3
  9. package/dist/index108.js +10 -12
  10. package/dist/index109.js +3 -219
  11. package/dist/index110.js +13 -30
  12. package/dist/index111.js +3 -650
  13. package/dist/index112.js +46 -3
  14. package/dist/index113.js +644 -40
  15. package/dist/index114.js +13 -14
  16. package/dist/index115.js +226 -13
  17. package/dist/index116.js +14 -226
  18. package/dist/index121.js +1 -1
  19. package/dist/index122.js +206 -6
  20. package/dist/index123.js +20 -204
  21. package/dist/index124.js +399 -21
  22. package/dist/index125.js +6 -400
  23. package/dist/index127.js +3 -3
  24. package/dist/index128.js +3 -3
  25. package/dist/index130.js +1 -1
  26. package/dist/index131.js +1 -1
  27. package/dist/index159.js +1 -1
  28. package/dist/index160.js +1 -1
  29. package/dist/index161.js +33 -33
  30. package/dist/index180.js +5 -5
  31. package/dist/index200.js +525 -2
  32. package/dist/index201.js +128 -2
  33. package/dist/index202.js +133 -8
  34. package/dist/index203.js +5 -20
  35. package/dist/index204.js +3 -525
  36. package/dist/index205.js +23 -127
  37. package/dist/index206.js +105 -129
  38. package/dist/index207.js +15 -16
  39. package/dist/index208.js +2 -6
  40. package/dist/index209.js +2 -6
  41. package/dist/index210.js +8 -6
  42. package/dist/index211.js +19 -4
  43. package/dist/index212.js +16 -7
  44. package/dist/index213.js +5 -17
  45. package/dist/index214.js +5 -5
  46. package/dist/index215.js +6 -5
  47. package/dist/index216.js +4 -13
  48. package/dist/index217.js +7 -10
  49. package/dist/index218.js +17 -14
  50. package/dist/index219.js +5 -5
  51. package/dist/index220.js +5 -6
  52. package/dist/index221.js +13 -8
  53. package/dist/index222.js +10 -6
  54. package/dist/index223.js +14 -56
  55. package/dist/index224.js +5 -9
  56. package/dist/index225.js +6 -5
  57. package/dist/index226.js +8 -5
  58. package/dist/index227.js +6 -9
  59. package/dist/index228.js +56 -5
  60. package/dist/index229.js +9 -5
  61. package/dist/index230.js +5 -4
  62. package/dist/index231.js +5 -11
  63. package/dist/index232.js +9 -10
  64. package/dist/index233.js +4 -9
  65. package/dist/index234.js +5 -11
  66. package/dist/index235.js +4 -11
  67. package/dist/index236.js +11 -10
  68. package/dist/index237.js +10 -7
  69. package/dist/index238.js +10 -6
  70. package/dist/index239.js +11 -5
  71. package/dist/index240.js +11 -6
  72. package/dist/index241.js +10 -8
  73. package/dist/index242.js +7 -6
  74. package/dist/index243.js +7 -5
  75. package/dist/index244.js +6 -3
  76. package/dist/index245.js +6 -23
  77. package/dist/index246.js +8 -109
  78. package/dist/index247.js +6 -15
  79. package/dist/index253.js +3 -3
  80. package/dist/index260.js +1 -1
  81. package/dist/index268.js +65 -68
  82. package/dist/index269.js +68 -30
  83. package/dist/index270.js +9 -9
  84. package/dist/index271.js +13 -152
  85. package/dist/index272.js +65 -107
  86. package/dist/index273.js +68 -5
  87. package/dist/index274.js +31 -65
  88. package/dist/index275.js +9 -69
  89. package/dist/index276.js +152 -8
  90. package/dist/index277.js +107 -13
  91. package/dist/index278.js +5 -66
  92. package/dist/index280.js +3 -5
  93. package/dist/index281.js +22 -5
  94. package/dist/index282.js +6 -4
  95. package/dist/index283.js +5 -15
  96. package/dist/index284.js +4 -9
  97. package/dist/index285.js +15 -5
  98. package/dist/index286.js +8 -4
  99. package/dist/index287.js +5 -512
  100. package/dist/index288.js +5 -50
  101. package/dist/index289.js +510 -15
  102. package/dist/index290.js +50 -7
  103. package/dist/index291.js +17 -8
  104. package/dist/index292.js +6 -7
  105. package/dist/index293.js +8 -8
  106. package/dist/index294.js +7 -12
  107. package/dist/index295.js +8 -10
  108. package/dist/index296.js +12 -14
  109. package/dist/index297.js +10 -6
  110. package/dist/index298.js +14 -15
  111. package/dist/index299.js +5 -27
  112. package/dist/index300.js +14 -11
  113. package/dist/index301.js +28 -3
  114. package/dist/index302.js +12 -22
  115. package/dist/index303.js +23 -5
  116. package/dist/index304.js +12 -56
  117. package/dist/index305.js +26 -11
  118. package/dist/index306.js +4 -27
  119. package/dist/index307.js +5 -5
  120. package/dist/index308.js +56 -22
  121. package/dist/index40.js +1 -1
  122. package/dist/index41.js +1 -1
  123. package/dist/index42.js +6 -6
  124. package/dist/index44.js +9 -9
  125. package/dist/index46.js +7 -7
  126. package/dist/index49.js +12 -12
  127. package/dist/index52.js +10 -10
  128. package/dist/index59.js +4 -4
  129. package/dist/index63.js +1 -1
  130. package/dist/index75.js +7 -7
  131. package/dist/index80.js +2 -2
  132. package/dist/index82.js +19 -19
  133. package/dist/index85.js +13 -13
  134. package/dist/index86.js +4 -4
  135. package/dist/index87.js +6 -6
  136. package/dist/index89.js +5 -25
  137. package/dist/index90.js +25 -5
  138. package/dist/index92.js +125 -10
  139. package/dist/index93.js +10 -51
  140. package/dist/index94.js +207 -113
  141. package/dist/index95.js +13 -134
  142. package/dist/index96.js +69 -14
  143. package/dist/index97.js +32 -68
  144. package/dist/index98.js +51 -33
  145. package/dist/index99.js +30 -16
  146. package/package.json +1 -1
package/dist/index100.js CHANGED
@@ -1,11 +1,184 @@
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 }));
7
- });
8
- s.classNames = e.classNames;
1
+ "use client";
2
+ import * as c from "react";
3
+ import { composeEventHandlers as p } from "./index89.js";
4
+ import { createCollection as V } from "./index112.js";
5
+ import { useComposedRefs as j } from "./index90.js";
6
+ import { createContextScope as z } from "./index91.js";
7
+ import { useId as q } from "./index93.js";
8
+ import { Primitive as G } from "./index97.js";
9
+ import { useCallbackRef as J } from "./index108.js";
10
+ import { useControllableState as Q } from "./index98.js";
11
+ import { useDirection as W } from "./index101.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;
9
178
  export {
10
- s as default
179
+ Re as Item,
180
+ ge as Root,
181
+ O as RovingFocusGroup,
182
+ M as RovingFocusGroupItem,
183
+ Fe as createRovingFocusGroupScope
11
184
  };
package/dist/index101.js CHANGED
@@ -1,52 +1,10 @@
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;
16
- });
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));
22
- };
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
- };
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";
7
+ }
50
8
  export {
51
- C as hideOthers
9
+ n as useDirection
52
10
  };
package/dist/index102.js CHANGED
@@ -1,184 +1,27 @@
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]);
1
+ import * as h from "react";
2
+ import { useLayoutEffect as z } from "./index109.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;
176
24
  }
177
- var ge = O, Re = M;
178
25
  export {
179
- Re as Item,
180
- ge as Root,
181
- O as RovingFocusGroup,
182
- M as RovingFocusGroupItem,
183
- Fe as createRovingFocusGroupScope
26
+ c as useSize
184
27
  };
package/dist/index103.js CHANGED
@@ -1,10 +1,8 @@
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
+ 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]);
7
5
  }
8
6
  export {
9
- n as useDirection
7
+ t as usePrevious
10
8
  };
package/dist/index104.js CHANGED
@@ -1,27 +1,138 @@
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 d from "react";
3
+ import { useComposedRefs as R } from "./index90.js";
4
+ import { Primitive as M } from "./index97.js";
5
+ import { useCallbackRef as y } from "./index108.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
+ }
89
+ });
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
+ }
127
+ };
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");
24
135
  }
25
136
  export {
26
- c as useSize
137
+ k as FocusScope
27
138
  };
package/dist/index105.js CHANGED
@@ -1,8 +1,18 @@
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]);
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;
5
15
  }
6
16
  export {
7
- t as usePrevious
17
+ a as useFocusGuards
8
18
  };