@drjoshcsimmons/scl 0.1.10 → 0.1.11
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.
- package/dist/index100.js +47 -49
- package/dist/index101.js +51 -44
- package/dist/index102.js +30 -9
- package/dist/index103.js +3 -14
- package/dist/index104.js +3 -3
- package/dist/index105.js +46 -7
- package/dist/index107.js +7 -46
- package/dist/index108.js +176 -43
- package/dist/index109.js +47 -29
- package/dist/index11.js +2 -2
- package/dist/index110.js +30 -55
- package/dist/index111.js +650 -30
- package/dist/index112.js +30 -13
- package/dist/index115.js +6 -48
- package/dist/index116.js +1 -1
- package/dist/index12.js +1 -1
- package/dist/index124.js +48 -6
- package/dist/index125.js +2 -25
- package/dist/index126.js +53 -29
- package/dist/index127.js +65 -5
- package/dist/index128.js +25 -2
- package/dist/index129.js +29 -53
- package/dist/index13.js +2 -2
- package/dist/index130.js +5 -65
- package/dist/index131.js +2 -5
- package/dist/index132.js +2 -3
- package/dist/index133.js +5 -24
- package/dist/index134.js +3 -113
- package/dist/index135.js +23 -15
- package/dist/index136.js +113 -2
- package/dist/index137.js +16 -2
- package/dist/index14.js +2 -2
- package/dist/index141.js +1 -1
- package/dist/index142.js +1 -1
- package/dist/index15.js +2 -2
- package/dist/index17.js +4 -4
- package/dist/index18.js +2 -2
- package/dist/index20.js +1 -1
- package/dist/index21.js +1 -1
- package/dist/index22.js +1 -1
- package/dist/index23.js +2 -2
- package/dist/index24.js +1 -1
- package/dist/index25.js +3 -3
- package/dist/index26.js +1 -1
- package/dist/index27.js +2 -2
- package/dist/index29.js +1 -1
- package/dist/index31.js +1 -1
- package/dist/index33.js +1 -1
- package/dist/index36.js +1 -1
- package/dist/index37.js +1 -1
- package/dist/index45.js +1 -1
- package/dist/index48.js +310 -12
- package/dist/index49.js +5 -2
- package/dist/index50.js +124 -59
- package/dist/index51.js +62 -107
- package/dist/index52.js +55 -244
- package/dist/index53.js +256 -18
- package/dist/index54.js +12 -236
- package/dist/index55.js +249 -11
- package/dist/index56.js +9 -530
- package/dist/index57.js +102 -209
- package/dist/index58.js +5 -4
- package/dist/index59.js +31 -82
- package/dist/index6.js +1 -1
- package/dist/index60.js +71 -249
- package/dist/index61.js +860 -12
- package/dist/index62.js +9 -435
- package/dist/index63.js +147 -111
- package/dist/index64.js +333 -28
- package/dist/index65.js +410 -285
- package/dist/index66.js +241 -12
- package/dist/index67.js +18 -332
- package/dist/index68.js +219 -248
- package/dist/index69.js +11 -241
- package/dist/index7.js +1 -1
- package/dist/index70.js +11 -860
- package/dist/index71.js +130 -9
- package/dist/index72.js +234 -16
- package/dist/index73.js +509 -109
- package/dist/index74.js +16 -159
- package/dist/index75.js +247 -66
- package/dist/index80.js +1 -1
- package/dist/index82.js +1 -1
- package/dist/index84.js +15 -4
- package/dist/index85.js +51 -65
- package/dist/index86.js +11 -30
- package/dist/index87.js +4 -6
- package/dist/index88.js +30 -25
- package/dist/index89.js +10 -178
- package/dist/index9.js +1 -1
- package/dist/index90.js +8 -10
- package/dist/index91.js +5 -3
- package/dist/index92.js +24 -649
- package/dist/index93.js +65 -51
- package/dist/index94.js +124 -29
- package/dist/index95.js +125 -115
- package/dist/index96.js +13 -134
- package/dist/index97.js +14 -13
- package/dist/index98.js +8 -14
- package/dist/index99.js +50 -9
- package/package.json +1 -1
package/dist/index100.js
CHANGED
|
@@ -1,52 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
|
|
14
|
-
}).filter(function(e) {
|
|
15
|
-
return !!e;
|
|
1
|
+
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 });
|
|
16
13
|
});
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
14
|
+
return o.displayName = `${e}.Slot`, o;
|
|
15
|
+
}
|
|
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);
|
|
47
|
+
}
|
|
50
48
|
export {
|
|
51
|
-
|
|
49
|
+
b as createSlot
|
|
52
50
|
};
|
package/dist/index101.js
CHANGED
|
@@ -1,50 +1,57 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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}\``);
|
|
11
22
|
}
|
|
12
|
-
return
|
|
13
|
-
});
|
|
14
|
-
return o.displayName = `${e}.Slot`, o;
|
|
15
|
-
}
|
|
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(" "));
|
|
23
|
+
return [m, S];
|
|
40
24
|
}
|
|
41
|
-
|
|
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
|
+
};
|
|
34
|
+
};
|
|
35
|
+
return u.scopeName = e, [f, h(u, ...x)];
|
|
42
36
|
}
|
|
43
|
-
function
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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;
|
|
47
54
|
}
|
|
48
55
|
export {
|
|
49
|
-
|
|
56
|
+
$ as createContextScope
|
|
50
57
|
};
|
package/dist/index102.js
CHANGED
|
@@ -1,11 +1,32 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
+
}, {});
|
|
9
30
|
export {
|
|
10
|
-
|
|
31
|
+
w as Primitive
|
|
11
32
|
};
|
package/dist/index103.js
CHANGED
|
@@ -1,17 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
if (h === o.length) return n === t.length ? m : G;
|
|
4
|
-
var s = `${n},${h}`;
|
|
5
|
-
if (u[s] !== void 0) return u[s];
|
|
6
|
-
for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
|
|
7
|
-
return u[s] = l, l;
|
|
8
|
-
}
|
|
9
|
-
function x(t) {
|
|
10
|
-
return t.toLowerCase().replace(A, " ");
|
|
11
|
-
}
|
|
12
|
-
function M(t, o, e) {
|
|
13
|
-
return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
|
|
1
|
+
function m(t, [a, n]) {
|
|
2
|
+
return Math.min(n, Math.max(a, t));
|
|
14
3
|
}
|
|
15
4
|
export {
|
|
16
|
-
|
|
5
|
+
m as clamp
|
|
17
6
|
};
|
package/dist/index104.js
CHANGED
|
@@ -4,9 +4,9 @@ import { Root as Oe } from "./index122.js";
|
|
|
4
4
|
import { useComposedRefs as j } from "./index78.js";
|
|
5
5
|
import { createContextScope as Re } from "./index76.js";
|
|
6
6
|
import { Primitive as z } from "./index81.js";
|
|
7
|
-
import { useCallbackRef as Ee } from "./
|
|
8
|
-
import { useLayoutEffect as T } from "./
|
|
9
|
-
import { useSize as Ne } from "./
|
|
7
|
+
import { useCallbackRef as Ee } from "./index86.js";
|
|
8
|
+
import { useLayoutEffect as T } from "./index87.js";
|
|
9
|
+
import { useSize as Ne } from "./index92.js";
|
|
10
10
|
import { jsx as f } from "react/jsx-runtime";
|
|
11
11
|
import { autoUpdate as _e } from "./index123.js";
|
|
12
12
|
var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
|
package/dist/index105.js
CHANGED
|
@@ -1,11 +1,50 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import * as l from "react";
|
|
2
|
+
import { composeRefs as m } from "./index78.js";
|
|
3
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
4
4
|
// @__NO_SIDE_EFFECTS__
|
|
5
|
-
function
|
|
6
|
-
const
|
|
7
|
-
|
|
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;
|
|
15
|
+
}
|
|
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);
|
|
8
47
|
}
|
|
9
48
|
export {
|
|
10
|
-
|
|
49
|
+
b as createSlot
|
|
11
50
|
};
|
package/dist/index107.js
CHANGED
|
@@ -1,50 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import "react";
|
|
2
|
+
import { jsx as e, Fragment as o } from "react/jsx-runtime";
|
|
3
|
+
var l = Symbol("radix.slottable");
|
|
4
4
|
// @__NO_SIDE_EFFECTS__
|
|
5
|
-
function
|
|
6
|
-
const
|
|
7
|
-
|
|
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;
|
|
15
|
-
}
|
|
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);
|
|
5
|
+
function n(r) {
|
|
6
|
+
const t = ({ children: a }) => /* @__PURE__ */ e(o, { children: a });
|
|
7
|
+
return t.displayName = `${r}.Slottable`, t.__radixId = l, t;
|
|
47
8
|
}
|
|
48
9
|
export {
|
|
49
|
-
|
|
10
|
+
n as createSlottable
|
|
50
11
|
};
|
package/dist/index108.js
CHANGED
|
@@ -1,50 +1,183 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import * as c from "react";
|
|
2
|
+
import { composeEventHandlers as p } from "./index79.js";
|
|
3
|
+
import { createCollection as V } from "./index77.js";
|
|
4
|
+
import { useComposedRefs as j } from "./index78.js";
|
|
5
|
+
import { createContextScope as z } from "./index76.js";
|
|
6
|
+
import { useId as q } from "./index82.js";
|
|
7
|
+
import { Primitive as G } from "./index81.js";
|
|
8
|
+
import { useCallbackRef as J } from "./index86.js";
|
|
9
|
+
import { useControllableState as Q } from "./index80.js";
|
|
10
|
+
import { useDirection as W } from "./index83.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
|
+
)
|
|
11
89
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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;
|
|
27
162
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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];
|
|
31
167
|
}
|
|
32
|
-
function
|
|
33
|
-
const
|
|
34
|
-
for (const
|
|
35
|
-
|
|
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 };
|
|
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;
|
|
42
172
|
}
|
|
43
|
-
function
|
|
44
|
-
|
|
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);
|
|
173
|
+
function se(e, r) {
|
|
174
|
+
return e.map((s, o) => e[(r + o) % e.length]);
|
|
47
175
|
}
|
|
176
|
+
var ge = O, Re = M;
|
|
48
177
|
export {
|
|
49
|
-
|
|
178
|
+
Re as Item,
|
|
179
|
+
ge as Root,
|
|
180
|
+
O as RovingFocusGroup,
|
|
181
|
+
M as RovingFocusGroupItem,
|
|
182
|
+
Fe as createRovingFocusGroupScope
|
|
50
183
|
};
|