@datawire-ai/busyfile-design-library 1.30.5 → 1.30.7

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 (101) hide show
  1. package/dist/index10.js +28 -25
  2. package/dist/index100.js +124 -13
  3. package/dist/index101.js +134 -14
  4. package/dist/index102.js +13 -7
  5. package/dist/index103.js +16 -50
  6. package/dist/index104.js +8 -650
  7. package/dist/index105.js +50 -14
  8. package/dist/index106.js +215 -222
  9. package/dist/index107.js +29 -219
  10. package/dist/index108.js +11 -30
  11. package/dist/index109.js +4 -11
  12. package/dist/index110.js +13 -4
  13. package/dist/index111.js +13 -12
  14. package/dist/index112.js +226 -3
  15. package/dist/index113.js +3 -46
  16. package/dist/index114.js +46 -7
  17. package/dist/index115.js +648 -12
  18. package/dist/index116.js +12 -179
  19. package/dist/index121.js +1 -1
  20. package/dist/index123.js +1 -1
  21. package/dist/index217.js +2 -2
  22. package/dist/index218.js +2 -2
  23. package/dist/index221.js +3 -3
  24. package/dist/index222.js +1 -1
  25. package/dist/index223.js +2 -2
  26. package/dist/index225.js +1 -1
  27. package/dist/index226.js +2 -2
  28. package/dist/index227.js +1 -1
  29. package/dist/index228.js +6 -6
  30. package/dist/index229.js +3 -3
  31. package/dist/index23.js +38 -32
  32. package/dist/index230.js +1 -1
  33. package/dist/index231.js +1 -1
  34. package/dist/index232.js +3 -3
  35. package/dist/index233.js +1 -1
  36. package/dist/index234.js +1 -1
  37. package/dist/index236.js +1 -1
  38. package/dist/index237.js +1 -1
  39. package/dist/index238.js +1 -1
  40. package/dist/index239.js +2 -2
  41. package/dist/index240.js +2 -2
  42. package/dist/index241.js +3 -3
  43. package/dist/index242.js +2 -2
  44. package/dist/index243.js +1 -1
  45. package/dist/index245.js +1 -1
  46. package/dist/index246.js +2 -2
  47. package/dist/index247.js +1 -1
  48. package/dist/index274.js +1 -1
  49. package/dist/index276.js +1 -1
  50. package/dist/index277.js +2 -2
  51. package/dist/index282.js +5 -6
  52. package/dist/index283.js +5 -15
  53. package/dist/index284.js +4 -29
  54. package/dist/index285.js +15 -12
  55. package/dist/index286.js +8 -5
  56. package/dist/index287.js +5 -5
  57. package/dist/index288.js +5 -4
  58. package/dist/index289.js +512 -15
  59. package/dist/index290.js +50 -9
  60. package/dist/index291.js +17 -5
  61. package/dist/index292.js +6 -4
  62. package/dist/index293.js +8 -512
  63. package/dist/index294.js +8 -50
  64. package/dist/index295.js +8 -17
  65. package/dist/index296.js +12 -6
  66. package/dist/index297.js +10 -8
  67. package/dist/index298.js +14 -7
  68. package/dist/index299.js +6 -8
  69. package/dist/index300.js +15 -12
  70. package/dist/index301.js +28 -10
  71. package/dist/index302.js +12 -14
  72. package/dist/index40.js +1 -1
  73. package/dist/index41.js +1 -1
  74. package/dist/index42.js +4 -4
  75. package/dist/index44.js +7 -7
  76. package/dist/index46.js +5 -5
  77. package/dist/index49.js +12 -12
  78. package/dist/index52.js +10 -10
  79. package/dist/index59.js +5 -5
  80. package/dist/index63.js +1 -1
  81. package/dist/index72.js +6 -3
  82. package/dist/index74.js +1 -1
  83. package/dist/index75.js +7 -7
  84. package/dist/index80.js +2 -2
  85. package/dist/index82.js +18 -18
  86. package/dist/index83.js +1 -1
  87. package/dist/index85.js +13 -13
  88. package/dist/index86.js +4 -4
  89. package/dist/index87.js +6 -6
  90. package/dist/index89.js +5 -25
  91. package/dist/index90.js +23 -64
  92. package/dist/index91.js +66 -5
  93. package/dist/index92.js +1 -1
  94. package/dist/index94.js +1 -1
  95. package/dist/index95.js +32 -68
  96. package/dist/index96.js +68 -32
  97. package/dist/index97.js +181 -10
  98. package/dist/index98.js +7 -125
  99. package/dist/index99.js +10 -135
  100. package/dist/style.css +1 -1
  101. package/package.json +1 -1
package/dist/index91.js CHANGED
@@ -1,9 +1,70 @@
1
- function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
2
- return function(s) {
3
- if (f == null || f(s), p === !1 || !s.defaultPrevented)
4
- return c == null ? void 0 : c(s);
1
+ import * as u from "react";
2
+ import { jsx as h } from "react/jsx-runtime";
3
+ function w(e, c) {
4
+ const o = u.createContext(c), a = (r) => {
5
+ const { children: t, ...n } = r, s = u.useMemo(() => n, Object.values(n));
6
+ return /* @__PURE__ */ h(o.Provider, { value: s, children: t });
5
7
  };
8
+ a.displayName = e + "Provider";
9
+ function i(r) {
10
+ const t = u.useContext(o);
11
+ if (t) return t;
12
+ if (c !== void 0) return c;
13
+ throw new Error(`\`${r}\` must be used within \`${e}\``);
14
+ }
15
+ return [a, i];
16
+ }
17
+ function _(e, c = []) {
18
+ let o = [];
19
+ function a(r, t) {
20
+ const n = u.createContext(t), s = o.length;
21
+ o = [...o, t];
22
+ const p = (d) => {
23
+ var S;
24
+ const { scope: x, children: C, ...m } = d, v = ((S = x == null ? void 0 : x[e]) == null ? void 0 : S[s]) || n, P = u.useMemo(() => m, Object.values(m));
25
+ return /* @__PURE__ */ h(v.Provider, { value: P, children: C });
26
+ };
27
+ p.displayName = r + "Provider";
28
+ function f(d, x) {
29
+ var v;
30
+ const C = ((v = x == null ? void 0 : x[e]) == null ? void 0 : v[s]) || n, m = u.useContext(C);
31
+ if (m) return m;
32
+ if (t !== void 0) return t;
33
+ throw new Error(`\`${d}\` must be used within \`${r}\``);
34
+ }
35
+ return [p, f];
36
+ }
37
+ const i = () => {
38
+ const r = o.map((t) => u.createContext(t));
39
+ return function(n) {
40
+ const s = (n == null ? void 0 : n[e]) || r;
41
+ return u.useMemo(
42
+ () => ({ [`__scope${e}`]: { ...n, [e]: s } }),
43
+ [n, s]
44
+ );
45
+ };
46
+ };
47
+ return i.scopeName = e, [a, l(i, ...c)];
48
+ }
49
+ function l(...e) {
50
+ const c = e[0];
51
+ if (e.length === 1) return c;
52
+ const o = () => {
53
+ const a = e.map((i) => ({
54
+ useScope: i(),
55
+ scopeName: i.scopeName
56
+ }));
57
+ return function(r) {
58
+ const t = a.reduce((n, { useScope: s, scopeName: p }) => {
59
+ const d = s(r)[`__scope${p}`];
60
+ return { ...n, ...d };
61
+ }, {});
62
+ return u.useMemo(() => ({ [`__scope${c.scopeName}`]: t }), [t]);
63
+ };
64
+ };
65
+ return o.scopeName = c.scopeName, o;
6
66
  }
7
67
  export {
8
- h as composeEventHandlers
68
+ w as createContext,
69
+ _ as createContextScope
9
70
  };
package/dist/index92.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as n from "react";
2
- import { useLayoutEffect as v } from "./index110.js";
2
+ import { useLayoutEffect as v } from "./index109.js";
3
3
  var E = n[" useInsertionEffect ".trim().toString()] || v;
4
4
  function y({
5
5
  prop: t,
package/dist/index94.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as h from "react";
2
- import { useLayoutEffect as z } from "./index110.js";
2
+ import { useLayoutEffect as z } from "./index109.js";
3
3
  function c(r) {
4
4
  const [d, e] = h.useState(void 0);
5
5
  return z(() => {
package/dist/index95.js CHANGED
@@ -1,72 +1,36 @@
1
- "use client";
2
- import * as a from "react";
3
- import { useComposedRefs as E } from "./index89.js";
4
- import { useLayoutEffect as A } from "./index110.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
- }
1
+ import * as f from "react";
2
+ import * as p from "react-dom";
3
+ import { createSlot as c } from "./index40.js";
4
+ import { jsx as l } from "react/jsx-runtime";
5
+ var u = [
6
+ "a",
7
+ "button",
8
+ "div",
9
+ "form",
10
+ "h2",
11
+ "h3",
12
+ "img",
13
+ "input",
14
+ "label",
15
+ "li",
16
+ "nav",
17
+ "ol",
18
+ "p",
19
+ "select",
20
+ "span",
21
+ "svg",
22
+ "ul"
23
+ ], h = u.reduce((t, i) => {
24
+ const o = c(`Primitive.${i}`), r = f.forwardRef((e, m) => {
25
+ const { asChild: s, ...a } = e, n = s ? o : i;
26
+ return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(n, { ...a, ref: m });
26
27
  });
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);
28
+ return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
+ }, {});
30
+ function w(t, i) {
31
+ t && p.flushSync(() => t.dispatchEvent(i));
69
32
  }
70
33
  export {
71
- R as Presence
34
+ h as Primitive,
35
+ w as dispatchDiscreteCustomEvent
72
36
  };
package/dist/index96.js CHANGED
@@ -1,36 +1,72 @@
1
- import * as f from "react";
2
- import * as p from "react-dom";
3
- import { createSlot as c } from "./index40.js";
4
- import { jsx as l } from "react/jsx-runtime";
5
- var u = [
6
- "a",
7
- "button",
8
- "div",
9
- "form",
10
- "h2",
11
- "h3",
12
- "img",
13
- "input",
14
- "label",
15
- "li",
16
- "nav",
17
- "ol",
18
- "p",
19
- "select",
20
- "span",
21
- "svg",
22
- "ul"
23
- ], h = u.reduce((t, i) => {
24
- const o = c(`Primitive.${i}`), r = f.forwardRef((e, m) => {
25
- const { asChild: s, ...a } = e, n = s ? o : i;
26
- return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(n, { ...a, ref: m });
1
+ "use client";
2
+ import * as a from "react";
3
+ import { useComposedRefs as E } from "./index90.js";
4
+ import { useLayoutEffect as A } from "./index109.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
+ }
27
26
  });
28
- return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
- }, {});
30
- function w(t, i) {
31
- t && p.flushSync(() => t.dispatchEvent(i));
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);
32
69
  }
33
70
  export {
34
- h as Primitive,
35
- w as dispatchDiscreteCustomEvent
71
+ R as Presence
36
72
  };
package/dist/index97.js CHANGED
@@ -1,13 +1,184 @@
1
- import * as e from "react";
2
- import { useLayoutEffect as a } from "./index110.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}` : "";
1
+ "use client";
2
+ import * as c from "react";
3
+ import { composeEventHandlers as p } from "./index89.js";
4
+ import { createCollection as V } from "./index114.js";
5
+ import { useComposedRefs as j } from "./index90.js";
6
+ import { createContextScope as z } from "./index91.js";
7
+ import { useId as q } from "./index99.js";
8
+ import { Primitive as G } from "./index95.js";
9
+ import { useCallbackRef as J } from "./index108.js";
10
+ import { useControllableState as Q } from "./index92.js";
11
+ import { useDirection as W } from "./index98.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]);
10
176
  }
177
+ var ge = O, Re = M;
11
178
  export {
12
- d as useId
179
+ Re as Item,
180
+ ge as Root,
181
+ O as RovingFocusGroup,
182
+ M as RovingFocusGroupItem,
183
+ Fe as createRovingFocusGroupScope
13
184
  };
package/dist/index98.js CHANGED
@@ -1,128 +1,10 @@
1
- "use client";
2
- import * as n from "react";
3
- import { composeEventHandlers as m } from "./index91.js";
4
- import { Primitive as g, dispatchDiscreteCustomEvent as k } from "./index96.js";
5
- import { useComposedRefs as R } from "./index89.js";
6
- import { useCallbackRef as w } from "./index109.js";
7
- import { useEscapeKeydown as U } from "./index121.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 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";
124
7
  }
125
8
  export {
126
- j as DismissableLayer,
127
- Y as DismissableLayerBranch
9
+ n as useDirection
128
10
  };