@drjoshcsimmons/scl 0.2.4 → 0.2.5

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 (128) hide show
  1. package/dist/index100.js +205 -167
  2. package/dist/index101.js +14 -55
  3. package/dist/index102.js +47 -29
  4. package/dist/index103.js +49 -29
  5. package/dist/index104.js +9 -15
  6. package/dist/index105.js +47 -29
  7. package/dist/index106.js +646 -44
  8. package/dist/index107.js +12 -45
  9. package/dist/index108.js +3 -54
  10. package/dist/index109.js +9 -30
  11. package/dist/index11.js +2 -2
  12. package/dist/index110.js +30 -13
  13. package/dist/index111.js +44 -646
  14. package/dist/index112.js +30 -9
  15. package/dist/index113.js +1 -1
  16. package/dist/index114.js +6 -48
  17. package/dist/index115.js +47 -11
  18. package/dist/index116.js +10 -204
  19. package/dist/index117.js +204 -20
  20. package/dist/index118.js +21 -399
  21. package/dist/index119.js +399 -20
  22. package/dist/index12.js +1 -1
  23. package/dist/index120.js +15 -3
  24. package/dist/index121.js +3 -32
  25. package/dist/index122.js +32 -12
  26. package/dist/index123.js +18 -6
  27. package/dist/index124.js +1 -1
  28. package/dist/index125.js +2 -25
  29. package/dist/index126.js +53 -29
  30. package/dist/index127.js +65 -5
  31. package/dist/index128.js +25 -2
  32. package/dist/index129.js +29 -53
  33. package/dist/index13.js +2 -2
  34. package/dist/index130.js +5 -65
  35. package/dist/index131.js +2 -5
  36. package/dist/index132.js +2 -3
  37. package/dist/index133.js +5 -24
  38. package/dist/index134.js +3 -113
  39. package/dist/index135.js +23 -15
  40. package/dist/index136.js +107 -519
  41. package/dist/index137.js +14 -126
  42. package/dist/index138.js +516 -125
  43. package/dist/index139.js +128 -2
  44. package/dist/index14.js +2 -2
  45. package/dist/index140.js +134 -2
  46. package/dist/index141.js +65 -69
  47. package/dist/index142.js +68 -8
  48. package/dist/index143.js +9 -14
  49. package/dist/index144.js +14 -66
  50. package/dist/index145.js +65 -64
  51. package/dist/index15.js +2 -2
  52. package/dist/index17.js +4 -4
  53. package/dist/index18.js +2 -2
  54. package/dist/index20.js +2 -2
  55. package/dist/index21.js +1 -1
  56. package/dist/index22.js +1 -1
  57. package/dist/index23.js +2 -2
  58. package/dist/index24.js +1 -1
  59. package/dist/index25.js +4 -4
  60. package/dist/index26.js +1 -1
  61. package/dist/index27.js +3 -3
  62. package/dist/index29.js +1 -1
  63. package/dist/index31.js +1 -1
  64. package/dist/index33.js +1 -1
  65. package/dist/index36.js +2 -2
  66. package/dist/index37.js +1 -1
  67. package/dist/index4.js +2 -2
  68. package/dist/index45.js +108 -220
  69. package/dist/index46.js +33 -11
  70. package/dist/index47.js +249 -33
  71. package/dist/index48.js +9 -60
  72. package/dist/index49.js +62 -107
  73. package/dist/index5.js +1 -1
  74. package/dist/index50.js +220 -108
  75. package/dist/index51.js +11 -435
  76. package/dist/index52.js +56 -856
  77. package/dist/index53.js +5 -2
  78. package/dist/index54.js +18 -9
  79. package/dist/index55.js +105 -117
  80. package/dist/index56.js +64 -512
  81. package/dist/index57.js +217 -137
  82. package/dist/index58.js +224 -70
  83. package/dist/index59.js +11 -18
  84. package/dist/index6.js +1 -1
  85. package/dist/index60.js +91 -197
  86. package/dist/index61.js +254 -11
  87. package/dist/index62.js +256 -27
  88. package/dist/index63.js +12 -310
  89. package/dist/index64.js +225 -12
  90. package/dist/index65.js +11 -260
  91. package/dist/index66.js +31 -12
  92. package/dist/index67.js +308 -20
  93. package/dist/index68.js +12 -225
  94. package/dist/index69.js +530 -11
  95. package/dist/index7.js +1 -1
  96. package/dist/index70.js +823 -204
  97. package/dist/index71.js +9 -73
  98. package/dist/index72.js +336 -12
  99. package/dist/index73.js +402 -216
  100. package/dist/index74.js +143 -318
  101. package/dist/index75.js +20 -252
  102. package/dist/index76.js +23 -64
  103. package/dist/index77.js +64 -42
  104. package/dist/index78.js +5 -25
  105. package/dist/index79.js +51 -6
  106. package/dist/index8.js +1 -1
  107. package/dist/index80.js +5 -51
  108. package/dist/index81.js +24 -33
  109. package/dist/index82.js +68 -10
  110. package/dist/index83.js +33 -7
  111. package/dist/index84.js +9 -4
  112. package/dist/index85.js +51 -65
  113. package/dist/index86.js +10 -8
  114. package/dist/index87.js +4 -4
  115. package/dist/index88.js +30 -6
  116. package/dist/index89.js +12 -24
  117. package/dist/index9.js +2 -2
  118. package/dist/index90.js +44 -123
  119. package/dist/index91.js +10 -14
  120. package/dist/index92.js +7 -134
  121. package/dist/index93.js +30 -219
  122. package/dist/index94.js +55 -14
  123. package/dist/index95.js +29 -47
  124. package/dist/index96.js +180 -10
  125. package/dist/index97.js +124 -29
  126. package/dist/index98.js +15 -50
  127. package/dist/index99.js +134 -8
  128. package/package.json +1 -1
package/dist/index81.js CHANGED
@@ -1,36 +1,27 @@
1
- import * as f from "react";
2
- import * as p from "react-dom";
3
- import { createSlot as c } from "./index114.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 });
27
- });
28
- return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
- }, {});
30
- function w(t, i) {
31
- t && p.flushSync(() => t.dispatchEvent(i));
1
+ import * as h from "react";
2
+ import { useLayoutEffect as z } from "./index87.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;
32
24
  }
33
25
  export {
34
- h as Primitive,
35
- w as dispatchDiscreteCustomEvent
26
+ c as useSize
36
27
  };
package/dist/index82.js CHANGED
@@ -1,13 +1,71 @@
1
- import * as o from "react";
2
- import { useLayoutEffect as a } from "./index84.js";
3
- var s = o[" useId ".trim().toString()] || (() => {
4
- }), f = 0;
5
- function i(t) {
6
- const [e, r] = o.useState(s());
7
- return a(() => {
8
- r((u) => u ?? String(f++));
9
- }, [t]), t || (e ? `radix-${e}` : "");
1
+ import * as a from "react";
2
+ import { useComposedRefs as E } from "./index76.js";
3
+ import { useLayoutEffect as A } from "./index87.js";
4
+ function T(n, e) {
5
+ return a.useReducer((r, t) => e[r][t] ?? r, n);
6
+ }
7
+ var R = (n) => {
8
+ 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));
9
+ return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
10
+ };
11
+ R.displayName = "Presence";
12
+ function v(n) {
13
+ 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, {
14
+ mounted: {
15
+ UNMOUNT: "unmounted",
16
+ ANIMATION_OUT: "unmountSuspended"
17
+ },
18
+ unmountSuspended: {
19
+ MOUNT: "mounted",
20
+ ANIMATION_END: "unmounted"
21
+ },
22
+ unmounted: {
23
+ MOUNT: "mounted"
24
+ }
25
+ });
26
+ return a.useEffect(() => {
27
+ const o = l(t.current);
28
+ c.current = N === "mounted" ? o : "none";
29
+ }, [N]), A(() => {
30
+ const o = t.current, m = i.current;
31
+ if (m !== n) {
32
+ const f = c.current, u = l(o);
33
+ n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
34
+ }
35
+ }, [n, s]), A(() => {
36
+ if (e) {
37
+ let o;
38
+ const m = e.ownerDocument.defaultView ?? window, d = (u) => {
39
+ const g = l(t.current).includes(CSS.escape(u.animationName));
40
+ if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
41
+ const O = e.style.animationFillMode;
42
+ e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
43
+ e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
44
+ });
45
+ }
46
+ }, f = (u) => {
47
+ u.target === e && (c.current = l(t.current));
48
+ };
49
+ return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
50
+ m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
51
+ };
52
+ } else
53
+ s("ANIMATION_END");
54
+ }, [e, s]), {
55
+ isPresent: ["mounted", "unmountSuspended"].includes(N),
56
+ ref: a.useCallback((o) => {
57
+ t.current = o ? getComputedStyle(o) : null, r(o);
58
+ }, [])
59
+ };
60
+ }
61
+ function l(n) {
62
+ return (n == null ? void 0 : n.animationName) || "none";
63
+ }
64
+ function P(n) {
65
+ var t, i;
66
+ let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
67
+ 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);
10
68
  }
11
69
  export {
12
- i as useId
70
+ R as Presence
13
71
  };
package/dist/index83.js CHANGED
@@ -1,10 +1,36 @@
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 f from "react";
2
+ import * as p from "react-dom";
3
+ import { createSlot as c } from "./index113.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 });
27
+ });
28
+ return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
+ }, {});
30
+ function w(t, i) {
31
+ t && p.flushSync(() => t.dispatchEvent(i));
7
32
  }
8
33
  export {
9
- n as useDirection
34
+ h as Primitive,
35
+ w as dispatchDiscreteCustomEvent
10
36
  };
package/dist/index84.js CHANGED
@@ -1,6 +1,11 @@
1
- import * as t from "react";
2
- var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
3
- };
1
+ import "react";
2
+ import { jsx as e, Fragment as o } from "react/jsx-runtime";
3
+ var l = Symbol("radix.slottable");
4
+ // @__NO_SIDE_EFFECTS__
5
+ function n(r) {
6
+ const t = ({ children: a }) => /* @__PURE__ */ e(o, { children: a });
7
+ return t.displayName = `${r}.Slottable`, t.__radixId = l, t;
8
+ }
4
9
  export {
5
- e as useLayoutEffect
10
+ n as createSlottable
6
11
  };
package/dist/index85.js CHANGED
@@ -1,71 +1,57 @@
1
- import * as a from "react";
2
- import { useComposedRefs as E } from "./index78.js";
3
- import { useLayoutEffect as A } from "./index84.js";
4
- function T(n, e) {
5
- return a.useReducer((r, t) => e[r][t] ?? r, n);
6
- }
7
- var R = (n) => {
8
- 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));
9
- return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
10
- };
11
- R.displayName = "Presence";
12
- function v(n) {
13
- 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, {
14
- mounted: {
15
- UNMOUNT: "unmounted",
16
- ANIMATION_OUT: "unmountSuspended"
17
- },
18
- unmountSuspended: {
19
- MOUNT: "mounted",
20
- ANIMATION_END: "unmounted"
21
- },
22
- unmounted: {
23
- MOUNT: "mounted"
24
- }
25
- });
26
- return a.useEffect(() => {
27
- const o = l(t.current);
28
- c.current = N === "mounted" ? o : "none";
29
- }, [N]), A(() => {
30
- const o = t.current, m = i.current;
31
- if (m !== n) {
32
- const f = c.current, u = l(o);
33
- n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
1
+ import * as i from "react";
2
+ import { jsx as _ } from "react/jsx-runtime";
3
+ function $(e, x = []) {
4
+ let o = [];
5
+ function f(r, n) {
6
+ const t = i.createContext(n);
7
+ t.displayName = r + "Context";
8
+ const c = o.length;
9
+ o = [...o, n];
10
+ const m = (a) => {
11
+ var l;
12
+ const { scope: s, children: C, ...p } = a, d = ((l = s == null ? void 0 : s[e]) == null ? void 0 : l[c]) || t, v = i.useMemo(() => p, Object.values(p));
13
+ return /* @__PURE__ */ _(d.Provider, { value: v, children: C });
14
+ };
15
+ m.displayName = r + "Provider";
16
+ function S(a, s) {
17
+ var d;
18
+ const C = ((d = s == null ? void 0 : s[e]) == null ? void 0 : d[c]) || t, p = i.useContext(C);
19
+ if (p) return p;
20
+ if (n !== void 0) return n;
21
+ throw new Error(`\`${a}\` must be used within \`${r}\``);
34
22
  }
35
- }, [n, s]), A(() => {
36
- if (e) {
37
- let o;
38
- const m = e.ownerDocument.defaultView ?? window, d = (u) => {
39
- const g = l(t.current).includes(CSS.escape(u.animationName));
40
- if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
41
- const O = e.style.animationFillMode;
42
- e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
43
- e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
44
- });
45
- }
46
- }, f = (u) => {
47
- u.target === e && (c.current = l(t.current));
48
- };
49
- return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
50
- m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
51
- };
52
- } else
53
- s("ANIMATION_END");
54
- }, [e, s]), {
55
- isPresent: ["mounted", "unmountSuspended"].includes(N),
56
- ref: a.useCallback((o) => {
57
- t.current = o ? getComputedStyle(o) : null, r(o);
58
- }, [])
23
+ return [m, S];
24
+ }
25
+ const u = () => {
26
+ const r = o.map((n) => i.createContext(n));
27
+ return function(t) {
28
+ const c = (t == null ? void 0 : t[e]) || r;
29
+ return i.useMemo(
30
+ () => ({ [`__scope${e}`]: { ...t, [e]: c } }),
31
+ [t, c]
32
+ );
33
+ };
59
34
  };
35
+ return u.scopeName = e, [f, h(u, ...x)];
60
36
  }
61
- function l(n) {
62
- return (n == null ? void 0 : n.animationName) || "none";
63
- }
64
- function P(n) {
65
- var t, i;
66
- let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
67
- 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);
37
+ function h(...e) {
38
+ const x = e[0];
39
+ if (e.length === 1) return x;
40
+ const o = () => {
41
+ const f = e.map((u) => ({
42
+ useScope: u(),
43
+ scopeName: u.scopeName
44
+ }));
45
+ return function(r) {
46
+ const n = f.reduce((t, { useScope: c, scopeName: m }) => {
47
+ const a = c(r)[`__scope${m}`];
48
+ return { ...t, ...a };
49
+ }, {});
50
+ return i.useMemo(() => ({ [`__scope${x.scopeName}`]: n }), [n]);
51
+ };
52
+ };
53
+ return o.scopeName = x.scopeName, o;
68
54
  }
69
55
  export {
70
- R as Presence
56
+ $ as createContextScope
71
57
  };
package/dist/index86.js CHANGED
@@ -1,11 +1,13 @@
1
- import "react";
2
- import { jsx as e, Fragment as o } from "react/jsx-runtime";
3
- var l = Symbol("radix.slottable");
4
- // @__NO_SIDE_EFFECTS__
5
- function n(r) {
6
- const t = ({ children: a }) => /* @__PURE__ */ e(o, { children: a });
7
- return t.displayName = `${r}.Slottable`, t.__radixId = l, t;
1
+ import * as r from "react";
2
+ function o(t) {
3
+ const e = r.useRef(t);
4
+ return r.useEffect(() => {
5
+ e.current = t;
6
+ }), r.useMemo(() => (...n) => {
7
+ var u;
8
+ return (u = e.current) == null ? void 0 : u.call(e, ...n);
9
+ }, []);
8
10
  }
9
11
  export {
10
- n as createSlottable
12
+ o as useCallbackRef
11
13
  };
package/dist/index87.js CHANGED
@@ -1,6 +1,6 @@
1
- function m(t, [a, n]) {
2
- return Math.min(n, Math.max(a, t));
3
- }
1
+ import * as t from "react";
2
+ var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
3
+ };
4
4
  export {
5
- m as clamp
5
+ e as useLayoutEffect
6
6
  };
package/dist/index88.js CHANGED
@@ -1,8 +1,32 @@
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 * as f from "react";
2
+ import "react-dom";
3
+ import { createSlot as l } from "./index52.js";
4
+ import { jsx as n } 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
+ ], w = u.reduce((t, i) => {
24
+ const o = l(`Primitive.${i}`), r = f.forwardRef((e, m) => {
25
+ const { asChild: a, ...p } = e, s = a ? o : i;
26
+ return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ n(s, { ...p, ref: m });
27
+ });
28
+ return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
+ }, {});
6
30
  export {
7
- t as usePrevious
31
+ w as Primitive
8
32
  };
package/dist/index89.js CHANGED
@@ -1,27 +1,15 @@
1
- import * as h from "react";
2
- import { useLayoutEffect as z } from "./index84.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
+ import { s as r } from "./index114.js";
2
+ function s() {
3
+ return r.useSyncExternalStore(
4
+ e,
5
+ () => !0,
6
+ () => !1
7
+ );
8
+ }
9
+ function e() {
10
+ return () => {
11
+ };
24
12
  }
25
13
  export {
26
- c as useSize
14
+ s as useIsHydrated
27
15
  };
package/dist/index9.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import { Root as s } from "./index48.js";
3
- import { cva as d } from "./index47.js";
2
+ import { Root as s } from "./index52.js";
3
+ import { cva as d } from "./index46.js";
4
4
  import * as c from "react";
5
5
  import { cn as v } from "./index2.js";
6
6
  const p = d(
package/dist/index90.js CHANGED
@@ -1,127 +1,48 @@
1
- import * as n from "react";
2
- import { composeEventHandlers as m } from "./index79.js";
3
- import { Primitive as g, dispatchDiscreteCustomEvent as k } from "./index81.js";
4
- import { useComposedRefs as R } from "./index78.js";
5
- import { useCallbackRef as w } from "./index96.js";
6
- import { useEscapeKeydown as U } from "./index115.js";
7
- import { jsx as T } from "react/jsx-runtime";
8
- var z = "DismissableLayer", y = "dismissableLayer.update", H = "dismissableLayer.pointerDownOutside", M = "dismissableLayer.focusOutside", L, B = n.createContext({
9
- layers: /* @__PURE__ */ new Set(),
10
- layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
11
- branches: /* @__PURE__ */ new Set()
12
- }), j = n.forwardRef(
13
- (r, e) => {
14
- const {
15
- disableOutsidePointerEvents: i = !1,
16
- onEscapeKeyDown: o,
17
- onPointerDownOutside: t,
18
- onFocusOutside: a,
19
- onInteractOutside: l,
20
- onDismiss: d,
21
- ...v
22
- } = 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) => {
23
- const E = s.target, C = [...c.branches].some((h) => h.contains(E));
24
- !P || C || (t == null || t(s), l == null || l(s), s.defaultPrevented || d == null || d());
25
- }, f), D = G((s) => {
26
- const E = s.target;
27
- [...c.branches].some((h) => h.contains(E)) || (a == null || a(s), l == null || l(s), s.defaultPrevented || d == null || d());
28
- }, f);
29
- return U((s) => {
30
- b === c.layers.size - 1 && (o == null || o(s), !s.defaultPrevented && d && (s.preventDefault(), d()));
31
- }, f), n.useEffect(() => {
32
- if (u)
33
- 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(), () => {
34
- i && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = L);
35
- };
36
- }, [u, f, i, c]), n.useEffect(() => () => {
37
- u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), O());
38
- }, [u, c]), n.useEffect(() => {
39
- const s = () => F({});
40
- return document.addEventListener(y, s), () => document.removeEventListener(y, s);
41
- }, []), /* @__PURE__ */ T(
42
- g.div,
43
- {
44
- ...v,
45
- ref: W,
46
- style: {
47
- pointerEvents: I ? P ? "auto" : "none" : void 0,
48
- ...r.style
49
- },
50
- onFocusCapture: m(r.onFocusCapture, D.onFocusCapture),
51
- onBlurCapture: m(r.onBlurCapture, D.onBlurCapture),
52
- onPointerDownCapture: m(
53
- r.onPointerDownCapture,
54
- _.onPointerDownCapture
55
- )
56
- }
57
- );
58
- }
59
- );
60
- j.displayName = z;
61
- var X = "DismissableLayerBranch", Y = n.forwardRef((r, e) => {
62
- const i = n.useContext(B), o = n.useRef(null), t = R(e, o);
63
- return n.useEffect(() => {
64
- const a = o.current;
65
- if (a)
66
- return i.branches.add(a), () => {
67
- i.branches.delete(a);
68
- };
69
- }, [i.branches]), /* @__PURE__ */ T(g.div, { ...r, ref: t });
70
- });
71
- Y.displayName = X;
72
- function q(r, e = globalThis == null ? void 0 : globalThis.document) {
73
- const i = w(r), o = n.useRef(!1), t = n.useRef(() => {
74
- });
75
- return n.useEffect(() => {
76
- const a = (d) => {
77
- if (d.target && !o.current) {
78
- let v = function() {
79
- x(
80
- H,
81
- i,
82
- c,
83
- { discrete: !0 }
84
- );
85
- };
86
- const c = { originalEvent: d };
87
- d.pointerType === "touch" ? (e.removeEventListener("click", t.current), t.current = v, e.addEventListener("click", t.current, { once: !0 })) : v();
88
- } else
89
- e.removeEventListener("click", t.current);
90
- o.current = !1;
91
- }, l = window.setTimeout(() => {
92
- e.addEventListener("pointerdown", a);
93
- }, 0);
94
- return () => {
95
- window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
96
- };
97
- }, [e, i]), {
98
- // ensures we check React component tree (not just DOM tree)
99
- onPointerDownCapture: () => o.current = !0
100
- };
101
- }
102
- function G(r, e = globalThis == null ? void 0 : globalThis.document) {
103
- const i = w(r), o = n.useRef(!1);
104
- return n.useEffect(() => {
105
- const t = (a) => {
106
- a.target && !o.current && x(M, i, { originalEvent: a }, {
107
- discrete: !1
108
- });
109
- };
110
- return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
111
- }, [e, i]), {
112
- onFocusCapture: () => o.current = !0,
113
- onBlurCapture: () => o.current = !1
1
+ import r from "react";
2
+ import { createContextScope as y } from "./index77.js";
3
+ import { useComposedRefs as M } from "./index76.js";
4
+ import { createSlot as x } from "./index115.js";
5
+ import { jsx as u } from "react/jsx-runtime";
6
+ function g(s) {
7
+ const m = s + "CollectionProvider", [A, N] = y(m), [_, f] = A(
8
+ m,
9
+ { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
10
+ ), p = (c) => {
11
+ const { scope: e, children: l } = c, o = r.useRef(null), t = r.useRef(/* @__PURE__ */ new Map()).current;
12
+ return /* @__PURE__ */ u(_, { scope: e, itemMap: t, collectionRef: o, children: l });
114
13
  };
115
- }
116
- function O() {
117
- const r = new CustomEvent(y);
118
- document.dispatchEvent(r);
119
- }
120
- function x(r, e, i, { discrete: o }) {
121
- const t = i.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: i });
122
- e && t.addEventListener(r, e, { once: !0 }), o ? k(t, a) : t.dispatchEvent(a);
14
+ p.displayName = m;
15
+ const a = s + "CollectionSlot", E = x(a), C = r.forwardRef(
16
+ (c, e) => {
17
+ const { scope: l, children: o } = c, t = f(a, l), n = M(e, t.collectionRef);
18
+ return /* @__PURE__ */ u(E, { ref: n, children: o });
19
+ }
20
+ );
21
+ C.displayName = a;
22
+ const d = s + "CollectionItemSlot", R = "data-radix-collection-item", T = x(d), I = r.forwardRef(
23
+ (c, e) => {
24
+ const { scope: l, children: o, ...t } = c, n = r.useRef(null), S = M(e, n), i = f(d, l);
25
+ return r.useEffect(() => (i.itemMap.set(n, { ref: n, ...t }), () => void i.itemMap.delete(n))), /* @__PURE__ */ u(T, { [R]: "", ref: S, children: o });
26
+ }
27
+ );
28
+ I.displayName = d;
29
+ function O(c) {
30
+ const e = f(s + "CollectionConsumer", c);
31
+ return r.useCallback(() => {
32
+ const o = e.collectionRef.current;
33
+ if (!o) return [];
34
+ const t = Array.from(o.querySelectorAll(`[${R}]`));
35
+ return Array.from(e.itemMap.values()).sort(
36
+ (i, v) => t.indexOf(i.ref.current) - t.indexOf(v.ref.current)
37
+ );
38
+ }, [e.collectionRef, e.itemMap]);
39
+ }
40
+ return [
41
+ { Provider: p, Slot: C, ItemSlot: I },
42
+ O,
43
+ N
44
+ ];
123
45
  }
124
46
  export {
125
- j as DismissableLayer,
126
- Y as DismissableLayerBranch
47
+ g as createCollection
127
48
  };
package/dist/index91.js CHANGED
@@ -1,17 +1,13 @@
1
- import * as r from "react";
2
- var t = 0;
3
- function a() {
4
- r.useEffect(() => {
5
- const e = document.querySelectorAll("[data-radix-focus-guard]");
6
- return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
7
- t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
8
- };
9
- }, []);
10
- }
11
- function n() {
12
- const e = document.createElement("span");
13
- 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;
1
+ import * as o from "react";
2
+ import { useLayoutEffect as a } from "./index87.js";
3
+ var s = o[" useId ".trim().toString()] || (() => {
4
+ }), f = 0;
5
+ function i(t) {
6
+ const [e, r] = o.useState(s());
7
+ return a(() => {
8
+ r((u) => u ?? String(f++));
9
+ }, [t]), t || (e ? `radix-${e}` : "");
14
10
  }
15
11
  export {
16
- a as useFocusGuards
12
+ i as useId
17
13
  };