@drjoshcsimmons/scl 0.1.1 → 0.1.3

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 (83) hide show
  1. package/README.md +202 -13
  2. package/dist/index100.js +50 -9
  3. package/dist/index101.js +9 -50
  4. package/dist/index102.js +627 -196
  5. package/dist/index103.js +180 -3
  6. package/dist/index104.js +15 -30
  7. package/dist/index11.js +2 -2
  8. package/dist/index110.js +1 -1
  9. package/dist/index12.js +1 -1
  10. package/dist/index13.js +2 -2
  11. package/dist/index14.js +2 -2
  12. package/dist/index15.js +2 -2
  13. package/dist/index17.js +3 -3
  14. package/dist/index18.js +2 -2
  15. package/dist/index20.js +2 -2
  16. package/dist/index21.js +1 -1
  17. package/dist/index22.js +1 -1
  18. package/dist/index23.js +2 -2
  19. package/dist/index24.js +1 -1
  20. package/dist/index25.js +4 -4
  21. package/dist/index26.js +1 -1
  22. package/dist/index27.js +3 -3
  23. package/dist/index29.js +1 -1
  24. package/dist/index31.js +1 -1
  25. package/dist/index33.js +1 -1
  26. package/dist/index36.js +2 -2
  27. package/dist/index37.js +1 -1
  28. package/dist/index4.js +2 -2
  29. package/dist/index45.js +124 -32
  30. package/dist/index46.js +32 -124
  31. package/dist/index47.js +100 -219
  32. package/dist/index48.js +73 -11
  33. package/dist/index49.js +244 -55
  34. package/dist/index5.js +1 -1
  35. package/dist/index50.js +9 -249
  36. package/dist/index51.js +237 -9
  37. package/dist/index52.js +11 -73
  38. package/dist/index53.js +16 -234
  39. package/dist/index54.js +860 -11
  40. package/dist/index55.js +9 -310
  41. package/dist/index56.js +225 -12
  42. package/dist/index57.js +11 -225
  43. package/dist/index59.js +58 -29
  44. package/dist/index6.js +1 -1
  45. package/dist/index60.js +248 -254
  46. package/dist/index61.js +530 -12
  47. package/dist/index62.js +224 -101
  48. package/dist/index63.js +260 -12
  49. package/dist/index64.js +12 -22
  50. package/dist/index65.js +12 -18
  51. package/dist/index66.js +407 -213
  52. package/dist/index67.js +143 -112
  53. package/dist/index68.js +317 -142
  54. package/dist/index69.js +76 -248
  55. package/dist/index7.js +1 -1
  56. package/dist/index70.js +299 -71
  57. package/dist/index71.js +12 -530
  58. package/dist/index72.js +20 -433
  59. package/dist/index73.js +216 -316
  60. package/dist/index74.js +105 -835
  61. package/dist/index75.js +31 -9
  62. package/dist/index8.js +1 -1
  63. package/dist/index80.js +50 -44
  64. package/dist/index81.js +4 -52
  65. package/dist/index83.js +68 -10
  66. package/dist/index84.js +10 -7
  67. package/dist/index85.js +54 -5
  68. package/dist/index86.js +10 -24
  69. package/dist/index87.js +29 -68
  70. package/dist/index88.js +10 -52
  71. package/dist/index89.js +5 -10
  72. package/dist/index9.js +2 -2
  73. package/dist/index90.js +25 -4
  74. package/dist/index91.js +46 -30
  75. package/dist/index92.js +7 -12
  76. package/dist/index93.js +3 -180
  77. package/dist/index94.js +122 -12
  78. package/dist/index95.js +11 -646
  79. package/dist/index96.js +125 -115
  80. package/dist/index97.js +212 -128
  81. package/dist/index98.js +1 -1
  82. package/dist/index99.js +30 -15
  83. package/package.json +3 -2
package/dist/index49.js CHANGED
@@ -1,62 +1,251 @@
1
- import * as o from "react";
2
- import { composeRefs as S } from "./index77.js";
3
- import { jsx as y } from "react/jsx-runtime";
4
- var E = Symbol.for("react.lazy"), p = o[" use ".trim().toString()];
5
- function g(t) {
6
- return typeof t == "object" && t !== null && "then" in t;
7
- }
8
- function d(t) {
9
- return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === E && "_payload" in t && g(t._payload);
10
- }
11
- // @__NO_SIDE_EFFECTS__
12
- function C(t) {
13
- const n = /* @__PURE__ */ R(t), i = o.forwardRef((e, r) => {
14
- let { children: l, ...a } = e;
15
- d(l) && typeof p == "function" && (l = p(l._payload));
16
- const s = o.Children.toArray(l), f = s.find(b);
17
- if (f) {
18
- const c = f.props.children, m = s.map((u) => u === f ? o.Children.count(c) > 1 ? o.Children.only(null) : o.isValidElement(c) ? c.props.children : null : u);
19
- return /* @__PURE__ */ y(n, { ...a, ref: r, children: o.isValidElement(c) ? o.cloneElement(c, void 0, m) : null });
1
+ import * as s from "react";
2
+ import { useComposedRefs as B } from "./index77.js";
3
+ import { createContextScope as L } from "./index76.js";
4
+ import { composeEventHandlers as S } from "./index78.js";
5
+ import { useControllableState as O } from "./index80.js";
6
+ import { usePrevious as j } from "./index89.js";
7
+ import { useSize as H } from "./index90.js";
8
+ import { Presence as z } from "./index83.js";
9
+ import { Primitive as P } from "./index82.js";
10
+ import { jsx as b, jsxs as G, Fragment as K } from "react/jsx-runtime";
11
+ var g = "Checkbox", [U] = L(g), [X, E] = U(g);
12
+ function J(t) {
13
+ const {
14
+ __scopeCheckbox: a,
15
+ checked: c,
16
+ children: u,
17
+ defaultChecked: r,
18
+ disabled: e,
19
+ form: p,
20
+ name: f,
21
+ onCheckedChange: i,
22
+ required: m,
23
+ value: C = "on",
24
+ // @ts-expect-error
25
+ internal_do_not_use_render: d
26
+ } = t, [l, v] = O({
27
+ prop: c,
28
+ defaultProp: r ?? !1,
29
+ onChange: i,
30
+ caller: g
31
+ }), [k, x] = s.useState(null), [_, o] = s.useState(null), n = s.useRef(!1), I = k ? !!p || !!k.closest("form") : (
32
+ // We set this to true by default so that events bubble to forms without JS (SSR)
33
+ !0
34
+ ), R = {
35
+ checked: l,
36
+ disabled: e,
37
+ setChecked: v,
38
+ control: k,
39
+ setControl: x,
40
+ name: f,
41
+ form: p,
42
+ value: C,
43
+ hasConsumerStoppedPropagationRef: n,
44
+ required: m,
45
+ defaultChecked: h(r) ? !1 : r,
46
+ isFormControl: I,
47
+ bubbleInput: _,
48
+ setBubbleInput: o
49
+ };
50
+ return /* @__PURE__ */ b(
51
+ X,
52
+ {
53
+ scope: a,
54
+ ...R,
55
+ children: W(d) ? d(R) : u
20
56
  }
21
- return /* @__PURE__ */ y(n, { ...a, ref: r, children: l });
22
- });
23
- return i.displayName = `${t}.Slot`, i;
24
- }
25
- var V = /* @__PURE__ */ C("Slot");
26
- // @__NO_SIDE_EFFECTS__
27
- function R(t) {
28
- const n = o.forwardRef((i, e) => {
29
- let { children: r, ...l } = i;
30
- if (d(r) && typeof p == "function" && (r = p(r._payload)), o.isValidElement(r)) {
31
- const a = P(r), s = h(l, r.props);
32
- return r.type !== o.Fragment && (s.ref = e ? S(e, a) : a), o.cloneElement(r, s);
33
- }
34
- return o.Children.count(r) > 1 ? o.Children.only(null) : null;
35
- });
36
- return n.displayName = `${t}.SlotClone`, n;
37
- }
38
- var _ = Symbol("radix.slottable");
39
- function b(t) {
40
- return o.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === _;
57
+ );
41
58
  }
42
- function h(t, n) {
43
- const i = { ...n };
44
- for (const e in n) {
45
- const r = t[e], l = n[e];
46
- /^on[A-Z]/.test(e) ? r && l ? i[e] = (...s) => {
47
- const f = l(...s);
48
- return r(...s), f;
49
- } : r && (i[e] = r) : e === "style" ? i[e] = { ...r, ...l } : e === "className" && (i[e] = [r, l].filter(Boolean).join(" "));
59
+ var N = "CheckboxTrigger", w = s.forwardRef(
60
+ ({ __scopeCheckbox: t, onKeyDown: a, onClick: c, ...u }, r) => {
61
+ const {
62
+ control: e,
63
+ value: p,
64
+ disabled: f,
65
+ checked: i,
66
+ required: m,
67
+ setControl: C,
68
+ setChecked: d,
69
+ hasConsumerStoppedPropagationRef: l,
70
+ isFormControl: v,
71
+ bubbleInput: k
72
+ } = E(N, t), x = B(r, C), _ = s.useRef(i);
73
+ return s.useEffect(() => {
74
+ const o = e == null ? void 0 : e.form;
75
+ if (o) {
76
+ const n = () => d(_.current);
77
+ return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
78
+ }
79
+ }, [e, d]), /* @__PURE__ */ b(
80
+ P.button,
81
+ {
82
+ type: "button",
83
+ role: "checkbox",
84
+ "aria-checked": h(i) ? "mixed" : i,
85
+ "aria-required": m,
86
+ "data-state": A(i),
87
+ "data-disabled": f ? "" : void 0,
88
+ disabled: f,
89
+ value: p,
90
+ ...u,
91
+ ref: x,
92
+ onKeyDown: S(a, (o) => {
93
+ o.key === "Enter" && o.preventDefault();
94
+ }),
95
+ onClick: S(c, (o) => {
96
+ d((n) => h(n) ? !0 : !n), k && v && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
97
+ })
98
+ }
99
+ );
50
100
  }
51
- return { ...t, ...i };
101
+ );
102
+ w.displayName = N;
103
+ var Q = s.forwardRef(
104
+ (t, a) => {
105
+ const {
106
+ __scopeCheckbox: c,
107
+ name: u,
108
+ checked: r,
109
+ defaultChecked: e,
110
+ required: p,
111
+ disabled: f,
112
+ value: i,
113
+ onCheckedChange: m,
114
+ form: C,
115
+ ...d
116
+ } = t;
117
+ return /* @__PURE__ */ b(
118
+ J,
119
+ {
120
+ __scopeCheckbox: c,
121
+ checked: r,
122
+ defaultChecked: e,
123
+ disabled: f,
124
+ required: p,
125
+ onCheckedChange: m,
126
+ name: u,
127
+ form: C,
128
+ value: i,
129
+ internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ G(K, { children: [
130
+ /* @__PURE__ */ b(
131
+ w,
132
+ {
133
+ ...d,
134
+ ref: a,
135
+ __scopeCheckbox: c
136
+ }
137
+ ),
138
+ l && /* @__PURE__ */ b(
139
+ q,
140
+ {
141
+ __scopeCheckbox: c
142
+ }
143
+ )
144
+ ] })
145
+ }
146
+ );
147
+ }
148
+ );
149
+ Q.displayName = g;
150
+ var T = "CheckboxIndicator", V = s.forwardRef(
151
+ (t, a) => {
152
+ const { __scopeCheckbox: c, forceMount: u, ...r } = t, e = E(T, c);
153
+ return /* @__PURE__ */ b(
154
+ z,
155
+ {
156
+ present: u || h(e.checked) || e.checked === !0,
157
+ children: /* @__PURE__ */ b(
158
+ P.span,
159
+ {
160
+ "data-state": A(e.checked),
161
+ "data-disabled": e.disabled ? "" : void 0,
162
+ ...r,
163
+ ref: a,
164
+ style: { pointerEvents: "none", ...t.style }
165
+ }
166
+ )
167
+ }
168
+ );
169
+ }
170
+ );
171
+ V.displayName = T;
172
+ var M = "CheckboxBubbleInput", q = s.forwardRef(
173
+ ({ __scopeCheckbox: t, ...a }, c) => {
174
+ const {
175
+ control: u,
176
+ hasConsumerStoppedPropagationRef: r,
177
+ checked: e,
178
+ defaultChecked: p,
179
+ required: f,
180
+ disabled: i,
181
+ name: m,
182
+ value: C,
183
+ form: d,
184
+ bubbleInput: l,
185
+ setBubbleInput: v
186
+ } = E(M, t), k = B(c, v), x = j(e), _ = H(u);
187
+ s.useEffect(() => {
188
+ const n = l;
189
+ if (!n) return;
190
+ const I = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
191
+ I,
192
+ "checked"
193
+ ).set, D = !r.current;
194
+ if (x !== e && y) {
195
+ const F = new Event("click", { bubbles: D });
196
+ n.indeterminate = h(e), y.call(n, h(e) ? !1 : e), n.dispatchEvent(F);
197
+ }
198
+ }, [l, x, e, r]);
199
+ const o = s.useRef(h(e) ? !1 : e);
200
+ return /* @__PURE__ */ b(
201
+ P.input,
202
+ {
203
+ type: "checkbox",
204
+ "aria-hidden": !0,
205
+ defaultChecked: p ?? o.current,
206
+ required: f,
207
+ disabled: i,
208
+ name: m,
209
+ value: C,
210
+ form: d,
211
+ ...a,
212
+ tabIndex: -1,
213
+ ref: k,
214
+ style: {
215
+ ...a.style,
216
+ ..._,
217
+ position: "absolute",
218
+ pointerEvents: "none",
219
+ opacity: 0,
220
+ margin: 0,
221
+ // We transform because the input is absolutely positioned but we have
222
+ // rendered it **after** the button. This pulls it back to sit on top
223
+ // of the button.
224
+ transform: "translateX(-100%)"
225
+ }
226
+ }
227
+ );
228
+ }
229
+ );
230
+ q.displayName = M;
231
+ function W(t) {
232
+ return typeof t == "function";
233
+ }
234
+ function h(t) {
235
+ return t === "indeterminate";
52
236
  }
53
- function P(t) {
54
- var e, r;
55
- let n = (e = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : e.get, i = n && "isReactWarning" in n && n.isReactWarning;
56
- return i ? t.ref : (n = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, i = n && "isReactWarning" in n && n.isReactWarning, i ? t.props.ref : t.props.ref || t.ref);
237
+ function A(t) {
238
+ return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
57
239
  }
58
240
  export {
59
- V as Root,
60
- V as Slot,
61
- C as createSlot
241
+ Q as Checkbox,
242
+ V as CheckboxIndicator,
243
+ V as Indicator,
244
+ Q as Root,
245
+ q as unstable_BubbleInput,
246
+ q as unstable_CheckboxBubbleInput,
247
+ J as unstable_CheckboxProvider,
248
+ w as unstable_CheckboxTrigger,
249
+ J as unstable_Provider,
250
+ w as unstable_Trigger
62
251
  };
package/dist/index5.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import * as o from "react";
3
- import { cva as i } from "./index45.js";
3
+ import { cva as i } from "./index46.js";
4
4
  import { cn as s } from "./index2.js";
5
5
  const n = i(
6
6
  "relative w-full px-4 py-3 text-sm font-medium [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7",
package/dist/index50.js CHANGED
@@ -1,251 +1,11 @@
1
- import * as s from "react";
2
- import { useComposedRefs as B } from "./index77.js";
3
- import { createContextScope as L } from "./index76.js";
4
- import { composeEventHandlers as S } from "./index78.js";
5
- import { useControllableState as O } from "./index81.js";
6
- import { usePrevious as j } from "./index85.js";
7
- import { useSize as H } from "./index86.js";
8
- import { Presence as z } from "./index87.js";
9
- import { Primitive as P } from "./index82.js";
10
- import { jsx as b, jsxs as G, Fragment as K } from "react/jsx-runtime";
11
- var g = "Checkbox", [U] = L(g), [X, E] = U(g);
12
- function J(t) {
13
- const {
14
- __scopeCheckbox: a,
15
- checked: c,
16
- children: u,
17
- defaultChecked: r,
18
- disabled: e,
19
- form: p,
20
- name: f,
21
- onCheckedChange: i,
22
- required: m,
23
- value: C = "on",
24
- // @ts-expect-error
25
- internal_do_not_use_render: d
26
- } = t, [l, v] = O({
27
- prop: c,
28
- defaultProp: r ?? !1,
29
- onChange: i,
30
- caller: g
31
- }), [k, x] = s.useState(null), [_, o] = s.useState(null), n = s.useRef(!1), I = k ? !!p || !!k.closest("form") : (
32
- // We set this to true by default so that events bubble to forms without JS (SSR)
33
- !0
34
- ), R = {
35
- checked: l,
36
- disabled: e,
37
- setChecked: v,
38
- control: k,
39
- setControl: x,
40
- name: f,
41
- form: p,
42
- value: C,
43
- hasConsumerStoppedPropagationRef: n,
44
- required: m,
45
- defaultChecked: h(r) ? !1 : r,
46
- isFormControl: I,
47
- bubbleInput: _,
48
- setBubbleInput: o
49
- };
50
- return /* @__PURE__ */ b(
51
- X,
52
- {
53
- scope: a,
54
- ...R,
55
- children: W(d) ? d(R) : u
56
- }
57
- );
58
- }
59
- var N = "CheckboxTrigger", w = s.forwardRef(
60
- ({ __scopeCheckbox: t, onKeyDown: a, onClick: c, ...u }, r) => {
61
- const {
62
- control: e,
63
- value: p,
64
- disabled: f,
65
- checked: i,
66
- required: m,
67
- setControl: C,
68
- setChecked: d,
69
- hasConsumerStoppedPropagationRef: l,
70
- isFormControl: v,
71
- bubbleInput: k
72
- } = E(N, t), x = B(r, C), _ = s.useRef(i);
73
- return s.useEffect(() => {
74
- const o = e == null ? void 0 : e.form;
75
- if (o) {
76
- const n = () => d(_.current);
77
- return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
78
- }
79
- }, [e, d]), /* @__PURE__ */ b(
80
- P.button,
81
- {
82
- type: "button",
83
- role: "checkbox",
84
- "aria-checked": h(i) ? "mixed" : i,
85
- "aria-required": m,
86
- "data-state": A(i),
87
- "data-disabled": f ? "" : void 0,
88
- disabled: f,
89
- value: p,
90
- ...u,
91
- ref: x,
92
- onKeyDown: S(a, (o) => {
93
- o.key === "Enter" && o.preventDefault();
94
- }),
95
- onClick: S(c, (o) => {
96
- d((n) => h(n) ? !0 : !n), k && v && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
97
- })
98
- }
99
- );
100
- }
101
- );
102
- w.displayName = N;
103
- var Q = s.forwardRef(
104
- (t, a) => {
105
- const {
106
- __scopeCheckbox: c,
107
- name: u,
108
- checked: r,
109
- defaultChecked: e,
110
- required: p,
111
- disabled: f,
112
- value: i,
113
- onCheckedChange: m,
114
- form: C,
115
- ...d
116
- } = t;
117
- return /* @__PURE__ */ b(
118
- J,
119
- {
120
- __scopeCheckbox: c,
121
- checked: r,
122
- defaultChecked: e,
123
- disabled: f,
124
- required: p,
125
- onCheckedChange: m,
126
- name: u,
127
- form: C,
128
- value: i,
129
- internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ G(K, { children: [
130
- /* @__PURE__ */ b(
131
- w,
132
- {
133
- ...d,
134
- ref: a,
135
- __scopeCheckbox: c
136
- }
137
- ),
138
- l && /* @__PURE__ */ b(
139
- q,
140
- {
141
- __scopeCheckbox: c
142
- }
143
- )
144
- ] })
145
- }
146
- );
147
- }
148
- );
149
- Q.displayName = g;
150
- var T = "CheckboxIndicator", V = s.forwardRef(
151
- (t, a) => {
152
- const { __scopeCheckbox: c, forceMount: u, ...r } = t, e = E(T, c);
153
- return /* @__PURE__ */ b(
154
- z,
155
- {
156
- present: u || h(e.checked) || e.checked === !0,
157
- children: /* @__PURE__ */ b(
158
- P.span,
159
- {
160
- "data-state": A(e.checked),
161
- "data-disabled": e.disabled ? "" : void 0,
162
- ...r,
163
- ref: a,
164
- style: { pointerEvents: "none", ...t.style }
165
- }
166
- )
167
- }
168
- );
169
- }
170
- );
171
- V.displayName = T;
172
- var M = "CheckboxBubbleInput", q = s.forwardRef(
173
- ({ __scopeCheckbox: t, ...a }, c) => {
174
- const {
175
- control: u,
176
- hasConsumerStoppedPropagationRef: r,
177
- checked: e,
178
- defaultChecked: p,
179
- required: f,
180
- disabled: i,
181
- name: m,
182
- value: C,
183
- form: d,
184
- bubbleInput: l,
185
- setBubbleInput: v
186
- } = E(M, t), k = B(c, v), x = j(e), _ = H(u);
187
- s.useEffect(() => {
188
- const n = l;
189
- if (!n) return;
190
- const I = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
191
- I,
192
- "checked"
193
- ).set, D = !r.current;
194
- if (x !== e && y) {
195
- const F = new Event("click", { bubbles: D });
196
- n.indeterminate = h(e), y.call(n, h(e) ? !1 : e), n.dispatchEvent(F);
197
- }
198
- }, [l, x, e, r]);
199
- const o = s.useRef(h(e) ? !1 : e);
200
- return /* @__PURE__ */ b(
201
- P.input,
202
- {
203
- type: "checkbox",
204
- "aria-hidden": !0,
205
- defaultChecked: p ?? o.current,
206
- required: f,
207
- disabled: i,
208
- name: m,
209
- value: C,
210
- form: d,
211
- ...a,
212
- tabIndex: -1,
213
- ref: k,
214
- style: {
215
- ...a.style,
216
- ..._,
217
- position: "absolute",
218
- pointerEvents: "none",
219
- opacity: 0,
220
- margin: 0,
221
- // We transform because the input is absolutely positioned but we have
222
- // rendered it **after** the button. This pulls it back to sit on top
223
- // of the button.
224
- transform: "translateX(-100%)"
225
- }
226
- }
227
- );
228
- }
229
- );
230
- q.displayName = M;
231
- function W(t) {
232
- return typeof t == "function";
233
- }
234
- function h(t) {
235
- return t === "indeterminate";
236
- }
237
- function A(t) {
238
- return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
239
- }
1
+ import e from "./index106.js";
2
+ /**
3
+ * @license lucide-react v0.460.0 - ISC
4
+ *
5
+ * This source code is licensed under the ISC license.
6
+ * See the LICENSE file in the root directory of this source tree.
7
+ */
8
+ const t = e("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
240
9
  export {
241
- Q as Checkbox,
242
- V as CheckboxIndicator,
243
- V as Indicator,
244
- Q as Root,
245
- q as unstable_BubbleInput,
246
- q as unstable_CheckboxBubbleInput,
247
- J as unstable_CheckboxProvider,
248
- w as unstable_CheckboxTrigger,
249
- J as unstable_Provider,
250
- w as unstable_Trigger
10
+ t as default
251
11
  };