@drjoshcsimmons/scl 0.1.12 → 0.1.13

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 (97) hide show
  1. package/dist/index100.js +29 -47
  2. package/dist/index101.js +10 -52
  3. package/dist/index102.js +54 -10
  4. package/dist/index103.js +1 -1
  5. package/dist/index104.js +3 -12
  6. package/dist/index105.js +219 -30
  7. package/dist/index106.js +44 -51
  8. package/dist/index107.js +30 -30
  9. package/dist/index108.js +30 -650
  10. package/dist/index11.js +2 -2
  11. package/dist/index110.js +9 -30
  12. package/dist/index111.js +180 -8
  13. package/dist/index112.js +30 -9
  14. package/dist/index115.js +12 -21
  15. package/dist/index116.js +48 -9
  16. package/dist/index117.js +6 -38
  17. package/dist/index118.js +206 -18
  18. package/dist/index119.js +22 -12
  19. package/dist/index12.js +1 -1
  20. package/dist/index120.js +388 -194
  21. package/dist/index121.js +20 -21
  22. package/dist/index122.js +9 -400
  23. package/dist/index123.js +38 -6
  24. package/dist/index124.js +18 -48
  25. package/dist/index13.js +2 -2
  26. package/dist/index14.js +2 -2
  27. package/dist/index15.js +2 -2
  28. package/dist/index17.js +4 -4
  29. package/dist/index18.js +2 -2
  30. package/dist/index20.js +2 -2
  31. package/dist/index21.js +1 -1
  32. package/dist/index22.js +1 -1
  33. package/dist/index23.js +2 -2
  34. package/dist/index24.js +1 -1
  35. package/dist/index25.js +3 -3
  36. package/dist/index26.js +1 -1
  37. package/dist/index27.js +3 -3
  38. package/dist/index29.js +1 -1
  39. package/dist/index31.js +1 -1
  40. package/dist/index33.js +1 -1
  41. package/dist/index36.js +2 -2
  42. package/dist/index37.js +1 -1
  43. package/dist/index45.js +1 -1
  44. package/dist/index46.js +1 -1
  45. package/dist/index47.js +33 -236
  46. package/dist/index48.js +260 -11
  47. package/dist/index49.js +12 -118
  48. package/dist/index5.js +1 -1
  49. package/dist/index50.js +308 -31
  50. package/dist/index51.js +12 -130
  51. package/dist/index52.js +216 -402
  52. package/dist/index53.js +9 -60
  53. package/dist/index54.js +219 -248
  54. package/dist/index55.js +11 -18
  55. package/dist/index56.js +11 -31
  56. package/dist/index57.js +118 -303
  57. package/dist/index58.js +73 -12
  58. package/dist/index59.js +71 -249
  59. package/dist/index6.js +1 -1
  60. package/dist/index60.js +860 -12
  61. package/dist/index61.js +9 -161
  62. package/dist/index62.js +103 -234
  63. package/dist/index63.js +18 -9
  64. package/dist/index64.js +57 -238
  65. package/dist/index65.js +228 -60
  66. package/dist/index66.js +433 -20
  67. package/dist/index67.js +320 -66
  68. package/dist/index68.js +148 -212
  69. package/dist/index69.js +31 -11
  70. package/dist/index7.js +1 -1
  71. package/dist/index70.js +236 -12
  72. package/dist/index71.js +105 -835
  73. package/dist/index72.js +6 -3
  74. package/dist/index73.js +242 -518
  75. package/dist/index74.js +517 -112
  76. package/dist/index75.js +18 -332
  77. package/dist/index8.js +1 -1
  78. package/dist/index80.js +1 -1
  79. package/dist/index82.js +1 -1
  80. package/dist/index84.js +114 -170
  81. package/dist/index85.js +134 -24
  82. package/dist/index86.js +14 -6
  83. package/dist/index87.js +1 -1
  84. package/dist/index88.js +15 -4
  85. package/dist/index89.js +9 -4
  86. package/dist/index9.js +2 -2
  87. package/dist/index90.js +49 -29
  88. package/dist/index91.js +45 -12
  89. package/dist/index92.js +5 -124
  90. package/dist/index93.js +24 -134
  91. package/dist/index94.js +15 -14
  92. package/dist/index95.js +646 -11
  93. package/dist/index96.js +9 -9
  94. package/dist/index97.js +53 -48
  95. package/dist/index98.js +10 -47
  96. package/dist/index99.js +3 -218
  97. package/package.json +1 -1
package/dist/index97.js CHANGED
@@ -1,52 +1,57 @@
1
- var S = function(r) {
2
- if (typeof document > "u")
3
- return null;
4
- var u = Array.isArray(r) ? r[0] : r;
5
- return u.ownerDocument.body;
6
- }, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
7
- return r && (r.host || W(r.parentNode));
8
- }, D = function(r, u) {
9
- return u.map(function(e) {
10
- if (r.contains(e))
11
- return e;
12
- var n = W(e);
13
- return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
14
- }).filter(function(e) {
15
- return !!e;
16
- });
17
- }, E = function(r, u, e, n) {
18
- var i = D(u, Array.isArray(r) ? r : [r]);
19
- p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
20
- var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
21
- !t || o.has(t) || (o.add(t), y(t.parentNode));
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}\``);
22
+ }
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
+ };
22
34
  };
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
- });
35
+ return u.scopeName = e, [f, h(u, ...x)];
36
+ }
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
+ };
36
52
  };
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
- };
53
+ return o.scopeName = x.scopeName, o;
54
+ }
50
55
  export {
51
- C as hideOthers
56
+ $ as createContextScope
52
57
  };
package/dist/index98.js CHANGED
@@ -1,50 +1,13 @@
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;
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);
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
+ }, []);
47
10
  }
48
11
  export {
49
- b as createSlot
12
+ o as useCallbackRef
50
13
  };
package/dist/index99.js CHANGED
@@ -1,221 +1,6 @@
1
- import * as p from "react";
2
- import { useFloating as xe, offset as Pe, shift as ye, flip as Ae, size as ve, arrow as Ce, hide as be, limitShift as Se } from "./index120.js";
3
- import { Root as Oe } from "./index121.js";
4
- import { useComposedRefs as j } from "./index78.js";
5
- import { createContextScope as Re } from "./index76.js";
6
- import { Primitive as z } from "./index81.js";
7
- import { useCallbackRef as Ee } from "./index102.js";
8
- import { useLayoutEffect as T } from "./index88.js";
9
- import { useSize as Ne } from "./index85.js";
10
- import { jsx as f } from "react/jsx-runtime";
11
- import { autoUpdate as _e } from "./index122.js";
12
- var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
13
- const { __scopePopper: s, children: a } = e, [t, i] = p.useState(null);
14
- return /* @__PURE__ */ f($e, { scope: s, anchor: t, onAnchorChange: i, children: a });
1
+ import * as t from "react";
2
+ var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
15
3
  };
16
- U.displayName = N;
17
- var q = "PopperAnchor", G = p.forwardRef(
18
- (e, s) => {
19
- const { __scopePopper: a, virtualRef: t, ...i } = e, r = Z(q, a), o = p.useRef(null), w = j(s, o), n = p.useRef(null);
20
- return p.useEffect(() => {
21
- const c = n.current;
22
- n.current = (t == null ? void 0 : t.current) || o.current, c !== n.current && r.onAnchorChange(n.current);
23
- }), t ? null : /* @__PURE__ */ f(z.div, { ...i, ref: w });
24
- }
25
- );
26
- G.displayName = q;
27
- var _ = "PopperContent", [He, We] = L(_), J = p.forwardRef(
28
- (e, s) => {
29
- var Y, M, X, D, F, k;
30
- const {
31
- __scopePopper: a,
32
- side: t = "bottom",
33
- sideOffset: i = 0,
34
- align: r = "center",
35
- alignOffset: o = 0,
36
- arrowPadding: w = 0,
37
- avoidCollisions: n = !0,
38
- collisionBoundary: c = [],
39
- collisionPadding: x = 0,
40
- sticky: m = "partial",
41
- hideWhenDetached: y = !1,
42
- updatePositionStrategy: A = "optimized",
43
- onPlaced: l,
44
- ...d
45
- } = e, v = Z(_, a), [h, C] = p.useState(null), ee = j(s, (P) => C(P)), [E, te] = p.useState(null), u = Ne(E), re = (u == null ? void 0 : u.width) ?? 0, $ = (u == null ? void 0 : u.height) ?? 0, oe = t + (r !== "center" ? "-" + r : ""), ne = typeof x == "number" ? x : { top: 0, right: 0, bottom: 0, left: 0, ...x }, H = Array.isArray(c) ? c : [c], ae = H.length > 0, b = {
46
- padding: ne,
47
- boundary: H.filter(Ye),
48
- // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
49
- altBoundary: ae
50
- }, { refs: ie, floatingStyles: W, placement: se, isPositioned: S, middlewareData: g } = xe({
51
- // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
52
- strategy: "fixed",
53
- placement: oe,
54
- whileElementsMounted: (...P) => _e(...P, {
55
- animationFrame: A === "always"
56
- }),
57
- elements: {
58
- reference: v.anchor
59
- },
60
- middleware: [
61
- Pe({ mainAxis: i + $, alignmentAxis: o }),
62
- n && ye({
63
- mainAxis: !0,
64
- crossAxis: !1,
65
- limiter: m === "partial" ? Se() : void 0,
66
- ...b
67
- }),
68
- n && Ae({ ...b }),
69
- ve({
70
- ...b,
71
- apply: ({ elements: P, rects: B, availableWidth: he, availableHeight: ue }) => {
72
- const { width: ge, height: we } = B.reference, R = P.floating.style;
73
- R.setProperty("--radix-popper-available-width", `${he}px`), R.setProperty("--radix-popper-available-height", `${ue}px`), R.setProperty("--radix-popper-anchor-width", `${ge}px`), R.setProperty("--radix-popper-anchor-height", `${we}px`);
74
- }
75
- }),
76
- E && Ce({ element: E, padding: w }),
77
- Me({ arrowWidth: re, arrowHeight: $ }),
78
- y && be({ strategy: "referenceHidden", ...b })
79
- ]
80
- }), [I, ce] = V(se), O = Ee(l);
81
- T(() => {
82
- S && (O == null || O());
83
- }, [S, O]);
84
- const pe = (Y = g.arrow) == null ? void 0 : Y.x, de = (M = g.arrow) == null ? void 0 : M.y, le = ((X = g.arrow) == null ? void 0 : X.centerOffset) !== 0, [fe, me] = p.useState();
85
- return T(() => {
86
- h && me(window.getComputedStyle(h).zIndex);
87
- }, [h]), /* @__PURE__ */ f(
88
- "div",
89
- {
90
- ref: ie.setFloating,
91
- "data-radix-popper-content-wrapper": "",
92
- style: {
93
- ...W,
94
- transform: S ? W.transform : "translate(0, -200%)",
95
- // keep off the page when measuring
96
- minWidth: "max-content",
97
- zIndex: fe,
98
- "--radix-popper-transform-origin": [
99
- (D = g.transformOrigin) == null ? void 0 : D.x,
100
- (F = g.transformOrigin) == null ? void 0 : F.y
101
- ].join(" "),
102
- // hide the content if using the hide middleware and should be hidden
103
- // set visibility to hidden and disable pointer events so the UI behaves
104
- // as if the PopperContent isn't there at all
105
- ...((k = g.hide) == null ? void 0 : k.referenceHidden) && {
106
- visibility: "hidden",
107
- pointerEvents: "none"
108
- }
109
- },
110
- dir: e.dir,
111
- children: /* @__PURE__ */ f(
112
- He,
113
- {
114
- scope: a,
115
- placedSide: I,
116
- onArrowChange: te,
117
- arrowX: pe,
118
- arrowY: de,
119
- shouldHideArrow: le,
120
- children: /* @__PURE__ */ f(
121
- z.div,
122
- {
123
- "data-side": I,
124
- "data-align": ce,
125
- ...d,
126
- ref: ee,
127
- style: {
128
- ...d.style,
129
- // if the PopperContent hasn't been placed yet (not all measurements done)
130
- // we prevent animations so that users's animation don't kick in too early referring wrong sides
131
- animation: S ? void 0 : "none"
132
- }
133
- }
134
- )
135
- }
136
- )
137
- }
138
- );
139
- }
140
- );
141
- J.displayName = _;
142
- var K = "PopperArrow", Ie = {
143
- top: "bottom",
144
- right: "left",
145
- bottom: "top",
146
- left: "right"
147
- }, Q = p.forwardRef(function(s, a) {
148
- const { __scopePopper: t, ...i } = s, r = We(K, t), o = Ie[r.placedSide];
149
- return (
150
- // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
151
- // doesn't report size as we'd expect on SVG elements.
152
- // it reports their bounding box which is effectively the largest path inside the SVG.
153
- /* @__PURE__ */ f(
154
- "span",
155
- {
156
- ref: r.onArrowChange,
157
- style: {
158
- position: "absolute",
159
- left: r.arrowX,
160
- top: r.arrowY,
161
- [o]: 0,
162
- transformOrigin: {
163
- top: "",
164
- right: "0 0",
165
- bottom: "center 0",
166
- left: "100% 0"
167
- }[r.placedSide],
168
- transform: {
169
- top: "translateY(100%)",
170
- right: "translateY(50%) rotate(90deg) translateX(-50%)",
171
- bottom: "rotate(180deg)",
172
- left: "translateY(50%) rotate(-90deg) translateX(50%)"
173
- }[r.placedSide],
174
- visibility: r.shouldHideArrow ? "hidden" : void 0
175
- },
176
- children: /* @__PURE__ */ f(
177
- Oe,
178
- {
179
- ...i,
180
- ref: a,
181
- style: {
182
- ...i.style,
183
- // ensures the element can be measured correctly (mostly for if SVG)
184
- display: "block"
185
- }
186
- }
187
- )
188
- }
189
- )
190
- );
191
- });
192
- Q.displayName = K;
193
- function Ye(e) {
194
- return e !== null;
195
- }
196
- var Me = (e) => ({
197
- name: "transformOrigin",
198
- options: e,
199
- fn(s) {
200
- var v, h, C;
201
- const { placement: a, rects: t, middlewareData: i } = s, o = ((v = i.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, n = o ? 0 : e.arrowHeight, [c, x] = V(a), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = i.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = i.arrow) == null ? void 0 : C.y) ?? 0) + n / 2;
202
- let l = "", d = "";
203
- return c === "bottom" ? (l = o ? m : `${y}px`, d = `${-n}px`) : c === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + n}px`) : c === "right" ? (l = `${-n}px`, d = o ? m : `${A}px`) : c === "left" && (l = `${t.floating.width + n}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
204
- }
205
- });
206
- function V(e) {
207
- const [s, a = "center"] = e.split("-");
208
- return [s, a];
209
- }
210
- var qe = U, Ge = G, Je = J, Ke = Q;
211
4
  export {
212
- Ge as Anchor,
213
- Ke as Arrow,
214
- Je as Content,
215
- U as Popper,
216
- G as PopperAnchor,
217
- Q as PopperArrow,
218
- J as PopperContent,
219
- qe as Root,
220
- Ue as createPopperScope
5
+ e as useLayoutEffect
221
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drjoshcsimmons/scl",
3
- "version": "0.1.12",
3
+ "version": "0.1.13",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",