@drjoshcsimmons/scl 0.2.5 → 0.2.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 (113) hide show
  1. package/dist/index100.js +13 -217
  2. package/dist/index101.js +6 -14
  3. package/dist/index102.js +24 -47
  4. package/dist/index103.js +53 -48
  5. package/dist/index104.js +30 -9
  6. package/dist/index105.js +216 -45
  7. package/dist/index106.js +8 -649
  8. package/dist/index107.js +30 -15
  9. package/dist/index108.js +180 -3
  10. package/dist/index109.js +649 -8
  11. package/dist/index11.js +2 -2
  12. package/dist/index110.js +30 -30
  13. package/dist/index111.js +1 -1
  14. package/dist/index112.js +47 -29
  15. package/dist/index113.js +6 -48
  16. package/dist/index114.js +48 -6
  17. package/dist/index115.js +1 -1
  18. package/dist/index116.js +1 -1
  19. package/dist/index117.js +21 -206
  20. package/dist/index118.js +9 -22
  21. package/dist/index119.js +38 -400
  22. package/dist/index12.js +1 -1
  23. package/dist/index120.js +11 -14
  24. package/dist/index121.js +206 -9
  25. package/dist/index122.js +21 -37
  26. package/dist/index123.js +399 -17
  27. package/dist/index124.js +1 -1
  28. package/dist/index13.js +2 -2
  29. package/dist/index134.js +1 -1
  30. package/dist/index136.js +4 -4
  31. package/dist/index14.js +2 -2
  32. package/dist/index141.js +69 -65
  33. package/dist/index142.js +8 -68
  34. package/dist/index143.js +14 -9
  35. package/dist/index144.js +66 -14
  36. package/dist/index145.js +64 -65
  37. package/dist/index15.js +2 -2
  38. package/dist/index17.js +3 -3
  39. package/dist/index18.js +2 -2
  40. package/dist/index20.js +1 -1
  41. package/dist/index21.js +1 -1
  42. package/dist/index22.js +1 -1
  43. package/dist/index23.js +2 -2
  44. package/dist/index24.js +1 -1
  45. package/dist/index25.js +4 -4
  46. package/dist/index26.js +1 -1
  47. package/dist/index27.js +3 -3
  48. package/dist/index29.js +1 -1
  49. package/dist/index33.js +1 -1
  50. package/dist/index36.js +2 -2
  51. package/dist/index37.js +1 -1
  52. package/dist/index4.js +2 -2
  53. package/dist/index45.js +220 -108
  54. package/dist/index46.js +11 -33
  55. package/dist/index47.js +33 -249
  56. package/dist/index48.js +73 -9
  57. package/dist/index49.js +116 -64
  58. package/dist/index5.js +1 -1
  59. package/dist/index50.js +507 -214
  60. package/dist/index51.js +260 -11
  61. package/dist/index52.js +12 -60
  62. package/dist/index53.js +60 -12
  63. package/dist/index54.js +1 -1
  64. package/dist/index55.js +12 -118
  65. package/dist/index56.js +9 -82
  66. package/dist/index57.js +298 -229
  67. package/dist/index58.js +12 -236
  68. package/dist/index59.js +82 -11
  69. package/dist/index6.js +1 -1
  70. package/dist/index60.js +7 -7
  71. package/dist/index61.js +425 -244
  72. package/dist/index62.js +221 -232
  73. package/dist/index63.js +225 -12
  74. package/dist/index64.js +11 -225
  75. package/dist/index65.js +1 -1
  76. package/dist/index66.js +333 -28
  77. package/dist/index67.js +153 -302
  78. package/dist/index68.js +22 -12
  79. package/dist/index69.js +811 -481
  80. package/dist/index7.js +1 -1
  81. package/dist/index70.js +9 -860
  82. package/dist/index71.js +31 -9
  83. package/dist/index72.js +241 -323
  84. package/dist/index73.js +210 -409
  85. package/dist/index74.js +98 -141
  86. package/dist/index75.js +238 -19
  87. package/dist/index76.js +64 -23
  88. package/dist/index77.js +42 -64
  89. package/dist/index78.js +25 -5
  90. package/dist/index79.js +6 -51
  91. package/dist/index8.js +1 -1
  92. package/dist/index80.js +51 -5
  93. package/dist/index81.js +33 -24
  94. package/dist/index82.js +10 -68
  95. package/dist/index83.js +7 -33
  96. package/dist/index84.js +54 -8
  97. package/dist/index85.js +10 -54
  98. package/dist/index86.js +4 -11
  99. package/dist/index87.js +30 -4
  100. package/dist/index88.js +13 -30
  101. package/dist/index89.js +8 -12
  102. package/dist/index9.js +2 -2
  103. package/dist/index90.js +66 -43
  104. package/dist/index91.js +3 -10
  105. package/dist/index92.js +124 -7
  106. package/dist/index93.js +134 -29
  107. package/dist/index94.js +14 -55
  108. package/dist/index95.js +15 -30
  109. package/dist/index96.js +9 -181
  110. package/dist/index97.js +47 -122
  111. package/dist/index98.js +46 -13
  112. package/dist/index99.js +29 -134
  113. package/package.json +5 -3
package/dist/index96.js CHANGED
@@ -1,183 +1,11 @@
1
- import * as c from "react";
2
- import { composeEventHandlers as p } from "./index78.js";
3
- import { createCollection as V } from "./index90.js";
4
- import { useComposedRefs as j } from "./index76.js";
5
- import { createContextScope as z } from "./index77.js";
6
- import { useId as q } from "./index91.js";
7
- import { Primitive as G } from "./index83.js";
8
- import { useCallbackRef as J } from "./index86.js";
9
- import { useControllableState as Q } from "./index79.js";
10
- import { useDirection as W } from "./index92.js";
11
- import { jsx as d } from "react/jsx-runtime";
12
- var y = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [D, N, Z] = V(I), [$, Fe] = z(
13
- I,
14
- [Z]
15
- ), [ee, oe] = $(I), O = c.forwardRef(
16
- (e, r) => /* @__PURE__ */ d(D.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(D.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
17
- );
18
- O.displayName = I;
19
- var te = c.forwardRef((e, r) => {
20
- const {
21
- __scopeRovingFocusGroup: s,
22
- orientation: o,
23
- loop: T = !1,
24
- dir: w,
25
- currentTabStopId: v,
26
- defaultCurrentTabStopId: C,
27
- onCurrentTabStopIdChange: S,
28
- onEntryFocus: m,
29
- preventScrollOnEntryFocus: u = !1,
30
- ...b
31
- } = e, F = c.useRef(null), g = j(r, F), R = W(w), [E, t] = Q({
32
- prop: v,
33
- defaultProp: C ?? null,
34
- onChange: S,
35
- caller: I
36
- }), [i, h] = c.useState(!1), a = J(m), l = N(s), A = c.useRef(!1), [L, P] = c.useState(0);
37
- return c.useEffect(() => {
38
- const n = F.current;
39
- if (n)
40
- return n.addEventListener(y, a), () => n.removeEventListener(y, a);
41
- }, [a]), /* @__PURE__ */ d(
42
- ee,
43
- {
44
- scope: s,
45
- orientation: o,
46
- dir: R,
47
- loop: T,
48
- currentTabStopId: E,
49
- onItemFocus: c.useCallback(
50
- (n) => t(n),
51
- [t]
52
- ),
53
- onItemShiftTab: c.useCallback(() => h(!0), []),
54
- onFocusableItemAdd: c.useCallback(
55
- () => P((n) => n + 1),
56
- []
57
- ),
58
- onFocusableItemRemove: c.useCallback(
59
- () => P((n) => n - 1),
60
- []
61
- ),
62
- children: /* @__PURE__ */ d(
63
- G.div,
64
- {
65
- tabIndex: i || L === 0 ? -1 : 0,
66
- "data-orientation": o,
67
- ...b,
68
- ref: g,
69
- style: { outline: "none", ...e.style },
70
- onMouseDown: p(e.onMouseDown, () => {
71
- A.current = !0;
72
- }),
73
- onFocus: p(e.onFocus, (n) => {
74
- const U = !A.current;
75
- if (n.target === n.currentTarget && U && !i) {
76
- const x = new CustomEvent(y, X);
77
- if (n.currentTarget.dispatchEvent(x), !x.defaultPrevented) {
78
- const _ = l().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === E), H = [B, Y, ..._].filter(
79
- Boolean
80
- ).map((f) => f.ref.current);
81
- k(H, u);
82
- }
83
- }
84
- A.current = !1;
85
- }),
86
- onBlur: p(e.onBlur, () => h(!1))
87
- }
88
- )
89
- }
90
- );
91
- }), K = "RovingFocusGroupItem", M = c.forwardRef(
92
- (e, r) => {
93
- const {
94
- __scopeRovingFocusGroup: s,
95
- focusable: o = !0,
96
- active: T = !1,
97
- tabStopId: w,
98
- children: v,
99
- ...C
100
- } = e, S = q(), m = w || S, u = oe(K, s), b = u.currentTabStopId === m, F = N(s), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
101
- return c.useEffect(() => {
102
- if (o)
103
- return g(), () => R();
104
- }, [o, g, R]), /* @__PURE__ */ d(
105
- D.ItemSlot,
106
- {
107
- scope: s,
108
- id: m,
109
- focusable: o,
110
- active: T,
111
- children: /* @__PURE__ */ d(
112
- G.span,
113
- {
114
- tabIndex: b ? 0 : -1,
115
- "data-orientation": u.orientation,
116
- ...C,
117
- ref: r,
118
- onMouseDown: p(e.onMouseDown, (t) => {
119
- o ? u.onItemFocus(m) : t.preventDefault();
120
- }),
121
- onFocus: p(e.onFocus, () => u.onItemFocus(m)),
122
- onKeyDown: p(e.onKeyDown, (t) => {
123
- if (t.key === "Tab" && t.shiftKey) {
124
- u.onItemShiftTab();
125
- return;
126
- }
127
- if (t.target !== t.currentTarget) return;
128
- const i = ce(t, u.orientation, u.dir);
129
- if (i !== void 0) {
130
- if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
131
- t.preventDefault();
132
- let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
133
- if (i === "last") a.reverse();
134
- else if (i === "prev" || i === "next") {
135
- i === "prev" && a.reverse();
136
- const l = a.indexOf(t.currentTarget);
137
- a = u.loop ? se(a, l + 1) : a.slice(l + 1);
138
- }
139
- setTimeout(() => k(a));
140
- }
141
- }),
142
- children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
143
- }
144
- )
145
- }
146
- );
147
- }
148
- );
149
- M.displayName = K;
150
- var re = {
151
- ArrowLeft: "prev",
152
- ArrowUp: "prev",
153
- ArrowRight: "next",
154
- ArrowDown: "next",
155
- PageUp: "first",
156
- Home: "first",
157
- PageDown: "last",
158
- End: "last"
159
- };
160
- function ne(e, r) {
161
- return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
162
- }
163
- function ce(e, r, s) {
164
- const o = ne(e.key, s);
165
- if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
166
- return re[o];
167
- }
168
- function k(e, r = !1) {
169
- const s = document.activeElement;
170
- for (const o of e)
171
- if (o === s || (o.focus({ preventScroll: r }), document.activeElement !== s)) return;
172
- }
173
- function se(e, r) {
174
- return e.map((s, o) => e[(r + o) % e.length]);
175
- }
176
- var ge = O, Re = M;
1
+ import { __assign as m } from "./index128.js";
2
+ import * as r from "react";
3
+ import { RemoveScroll as e } from "./index129.js";
4
+ import t from "./index130.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;
177
9
  export {
178
- Re as Item,
179
- ge as Root,
180
- O as RovingFocusGroup,
181
- M as RovingFocusGroupItem,
182
- Fe as createRovingFocusGroupScope
10
+ s as default
183
11
  };
package/dist/index97.js CHANGED
@@ -1,127 +1,52 @@
1
- import * as n from "react";
2
- import { composeEventHandlers as m } from "./index78.js";
3
- import { Primitive as g, dispatchDiscreteCustomEvent as k } from "./index83.js";
4
- import { useComposedRefs as R } from "./index76.js";
5
- import { useCallbackRef as w } from "./index86.js";
6
- import { useEscapeKeydown as U } from "./index116.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(() => {
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;
74
16
  });
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
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));
100
22
  };
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
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
+ });
114
36
  };
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);
123
- }
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
+ };
124
50
  export {
125
- j as DismissableLayer,
126
- Y as DismissableLayerBranch
51
+ C as hideOthers
127
52
  };
package/dist/index98.js CHANGED
@@ -1,17 +1,50 @@
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
- }, []);
1
+ import * as l from "react";
2
+ import { composeRefs as m } from "./index78.js";
3
+ import { jsx as u } from "react/jsx-runtime";
4
+ // @__NO_SIDE_EFFECTS__
5
+ function b(e) {
6
+ const n = /* @__PURE__ */ y(e), o = l.forwardRef((t, r) => {
7
+ const { children: i, ...c } = t, s = l.Children.toArray(i), a = s.find(E);
8
+ if (a) {
9
+ const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
10
+ return /* @__PURE__ */ u(n, { ...c, ref: r, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
11
+ }
12
+ return /* @__PURE__ */ u(n, { ...c, ref: r, children: i });
13
+ });
14
+ return o.displayName = `${e}.Slot`, o;
10
15
  }
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;
16
+ // @__NO_SIDE_EFFECTS__
17
+ function y(e) {
18
+ const n = l.forwardRef((o, t) => {
19
+ const { children: r, ...i } = o;
20
+ if (l.isValidElement(r)) {
21
+ const c = S(r), s = C(i, r.props);
22
+ return r.type !== l.Fragment && (s.ref = t ? m(t, c) : c), l.cloneElement(r, s);
23
+ }
24
+ return l.Children.count(r) > 1 ? l.Children.only(null) : null;
25
+ });
26
+ return n.displayName = `${e}.SlotClone`, n;
27
+ }
28
+ var g = Symbol("radix.slottable");
29
+ function E(e) {
30
+ return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
31
+ }
32
+ function C(e, n) {
33
+ const o = { ...n };
34
+ for (const t in n) {
35
+ const r = e[t], i = n[t];
36
+ /^on[A-Z]/.test(t) ? r && i ? o[t] = (...s) => {
37
+ const a = i(...s);
38
+ return r(...s), a;
39
+ } : r && (o[t] = r) : t === "style" ? o[t] = { ...r, ...i } : t === "className" && (o[t] = [r, i].filter(Boolean).join(" "));
40
+ }
41
+ return { ...e, ...o };
42
+ }
43
+ function S(e) {
44
+ var t, r;
45
+ let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, o = n && "isReactWarning" in n && n.isReactWarning;
46
+ return o ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
14
47
  }
15
48
  export {
16
- a as useFocusGuards
49
+ b as createSlot
17
50
  };
package/dist/index99.js CHANGED
@@ -1,137 +1,32 @@
1
- import * as d from "react";
2
- import { useComposedRefs as R } from "./index76.js";
3
- import { Primitive as M } from "./index83.js";
4
- import { useCallbackRef as y } from "./index86.js";
5
- import { jsx as _ } from "react/jsx-runtime";
6
- var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, n) => {
7
- const {
8
- loop: t = !1,
9
- trapped: u = !1,
10
- onMountAutoFocus: p,
11
- onUnmountAutoFocus: L,
12
- ...g
13
- } = 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({
14
- paused: !1,
15
- pause() {
16
- this.paused = !0;
17
- },
18
- resume() {
19
- this.paused = !1;
20
- }
21
- }).current;
22
- d.useEffect(() => {
23
- if (u) {
24
- let s = function(i) {
25
- if (a.paused || !o) return;
26
- const c = i.target;
27
- o.contains(c) ? b.current = c : f(b.current, { select: !0 });
28
- }, l = function(i) {
29
- if (a.paused || !o) return;
30
- const c = i.relatedTarget;
31
- c !== null && (o.contains(c) || f(b.current, { select: !0 }));
32
- }, r = function(i) {
33
- if (document.activeElement === document.body)
34
- for (const h of i)
35
- h.removedNodes.length > 0 && f(o);
36
- };
37
- document.addEventListener("focusin", s), document.addEventListener("focusout", l);
38
- const m = new MutationObserver(r);
39
- return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
40
- document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), m.disconnect();
41
- };
42
- }
43
- }, [u, o, a.paused]), d.useEffect(() => {
44
- if (o) {
45
- S.add(a);
46
- const s = document.activeElement;
47
- if (!o.contains(s)) {
48
- const r = new CustomEvent(F, N);
49
- o.addEventListener(F, E), o.dispatchEvent(r), r.defaultPrevented || (w(W(I(o)), { select: !0 }), document.activeElement === s && f(o));
50
- }
51
- return () => {
52
- o.removeEventListener(F, E), setTimeout(() => {
53
- const r = new CustomEvent(T, N);
54
- o.addEventListener(T, v), o.dispatchEvent(r), r.defaultPrevented || f(s ?? document.body, { select: !0 }), o.removeEventListener(T, v), S.remove(a);
55
- }, 0);
56
- };
57
- }
58
- }, [o, E, v, a]);
59
- const P = d.useCallback(
60
- (s) => {
61
- if (!t && !u || a.paused) return;
62
- const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, r = document.activeElement;
63
- if (l && r) {
64
- const m = s.currentTarget, [i, c] = x(m);
65
- 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();
66
- }
67
- },
68
- [t, u, a.paused]
69
- );
70
- return /* @__PURE__ */ _(M.div, { tabIndex: -1, ...g, ref: A, onKeyDown: P });
71
- });
72
- k.displayName = K;
73
- function w(e, { select: n = !1 } = {}) {
74
- const t = document.activeElement;
75
- for (const u of e)
76
- if (f(u, { select: n }), document.activeElement !== t) return;
77
- }
78
- function x(e) {
79
- const n = I(e), t = O(n, e), u = O(n.reverse(), e);
80
- return [t, u];
81
- }
82
- function I(e) {
83
- const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
84
- acceptNode: (u) => {
85
- const p = u.tagName === "INPUT" && u.type === "hidden";
86
- return u.disabled || u.hidden || p ? NodeFilter.FILTER_SKIP : u.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
87
- }
1
+ import * as f from "react";
2
+ import "react-dom";
3
+ import { createSlot as l } from "./index53.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 });
88
27
  });
89
- for (; t.nextNode(); ) n.push(t.currentNode);
90
- return n;
91
- }
92
- function O(e, n) {
93
- for (const t of e)
94
- if (!D(t, { upTo: n })) return t;
95
- }
96
- function D(e, { upTo: n }) {
97
- if (getComputedStyle(e).visibility === "hidden") return !0;
98
- for (; e; ) {
99
- if (n !== void 0 && e === n) return !1;
100
- if (getComputedStyle(e).display === "none") return !0;
101
- e = e.parentElement;
102
- }
103
- return !1;
104
- }
105
- function H(e) {
106
- return e instanceof HTMLInputElement && "select" in e;
107
- }
108
- function f(e, { select: n = !1 } = {}) {
109
- if (e && e.focus) {
110
- const t = document.activeElement;
111
- e.focus({ preventScroll: !0 }), e !== t && H(e) && n && e.select();
112
- }
113
- }
114
- var S = V();
115
- function V() {
116
- let e = [];
117
- return {
118
- add(n) {
119
- const t = e[0];
120
- n !== t && (t == null || t.pause()), e = C(e, n), e.unshift(n);
121
- },
122
- remove(n) {
123
- var t;
124
- e = C(e, n), (t = e[0]) == null || t.resume();
125
- }
126
- };
127
- }
128
- function C(e, n) {
129
- const t = [...e], u = t.indexOf(n);
130
- return u !== -1 && t.splice(u, 1), t;
131
- }
132
- function W(e) {
133
- return e.filter((n) => n.tagName !== "A");
134
- }
28
+ return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
+ }, {});
135
30
  export {
136
- k as FocusScope
31
+ w as Primitive
137
32
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drjoshcsimmons/scl",
3
- "version": "0.2.5",
3
+ "version": "0.2.7",
4
4
  "description": "A retro terminal-themed React component library built on Radix and Tailwind",
5
5
  "keywords": [
6
6
  "react",
@@ -28,10 +28,12 @@
28
28
  "import": "./dist/index.js",
29
29
  "types": "./dist/index.d.ts"
30
30
  },
31
- "./globals.css": "./dist/globals.css"
31
+ "./globals.css": "./dist/globals.css",
32
+ "./package.json": "./package.json"
32
33
  },
33
34
  "files": [
34
- "dist"
35
+ "dist",
36
+ "package.json"
35
37
  ],
36
38
  "sideEffects": [
37
39
  "**/*.css"