@drjoshcsimmons/scl 0.2.3 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/dist/index100.js +205 -167
  2. package/dist/index101.js +14 -9
  3. package/dist/index102.js +47 -29
  4. package/dist/index103.js +49 -47
  5. package/dist/index104.js +9 -4
  6. package/dist/index105.js +1 -1
  7. package/dist/index106.js +649 -5
  8. package/dist/index107.js +12 -647
  9. package/dist/index108.js +4 -30
  10. package/dist/index109.js +9 -30
  11. package/dist/index11.js +2 -2
  12. package/dist/index110.js +30 -15
  13. package/dist/index111.js +47 -24
  14. package/dist/index112.js +30 -9
  15. package/dist/index113.js +48 -6
  16. package/dist/index114.js +6 -48
  17. package/dist/index115.js +1 -1
  18. package/dist/index116.js +1 -1
  19. package/dist/index118.js +1 -1
  20. package/dist/index12.js +1 -1
  21. package/dist/index124.js +1 -1
  22. package/dist/index13.js +2 -2
  23. package/dist/index142.js +1 -1
  24. package/dist/index143.js +1 -1
  25. package/dist/index148.js +11 -21
  26. package/dist/index149.js +26 -11
  27. package/dist/index15.js +2 -2
  28. package/dist/index150.js +4 -27
  29. package/dist/index151.js +22 -4
  30. package/dist/index17.js +4 -4
  31. package/dist/index18.js +2 -2
  32. package/dist/index20.js +2 -2
  33. package/dist/index21.js +1 -1
  34. package/dist/index22.js +1 -1
  35. package/dist/index23.js +2 -2
  36. package/dist/index24.js +1 -1
  37. package/dist/index25.js +4 -4
  38. package/dist/index26.js +1 -1
  39. package/dist/index27.js +3 -3
  40. package/dist/index29.js +1 -1
  41. package/dist/index31.js +1 -1
  42. package/dist/index33.js +1 -1
  43. package/dist/index36.js +2 -2
  44. package/dist/index37.js +1 -1
  45. package/dist/index4.js +2 -2
  46. package/dist/index45.js +124 -32
  47. package/dist/index46.js +33 -73
  48. package/dist/index47.js +244 -55
  49. package/dist/index48.js +9 -237
  50. package/dist/index49.js +73 -11
  51. package/dist/index5.js +1 -1
  52. package/dist/index50.js +210 -214
  53. package/dist/index51.js +11 -82
  54. package/dist/index52.js +52 -246
  55. package/dist/index53.js +12 -118
  56. package/dist/index54.js +16 -159
  57. package/dist/index55.js +103 -321
  58. package/dist/index56.js +71 -249
  59. package/dist/index57.js +241 -12
  60. package/dist/index58.js +204 -828
  61. package/dist/index59.js +5 -3
  62. package/dist/index6.js +1 -1
  63. package/dist/index60.js +130 -9
  64. package/dist/index61.js +248 -219
  65. package/dist/index62.js +260 -11
  66. package/dist/index63.js +5 -4
  67. package/dist/index64.js +225 -12
  68. package/dist/index65.js +11 -530
  69. package/dist/index66.js +27 -18
  70. package/dist/index67.js +5 -5
  71. package/dist/index69.js +530 -18
  72. package/dist/index7.js +1 -1
  73. package/dist/index70.js +855 -26
  74. package/dist/index71.js +9 -236
  75. package/dist/index72.js +308 -407
  76. package/dist/index73.js +402 -216
  77. package/dist/index74.js +147 -111
  78. package/dist/index75.js +21 -129
  79. package/dist/index76.js +24 -52
  80. package/dist/index77.js +67 -10
  81. package/dist/index78.js +7 -4
  82. package/dist/index79.js +52 -30
  83. package/dist/index8.js +1 -1
  84. package/dist/index80.js +5 -12
  85. package/dist/index81.js +24 -67
  86. package/dist/index82.js +66 -43
  87. package/dist/index83.js +32 -25
  88. package/dist/index84.js +8 -6
  89. package/dist/index85.js +52 -49
  90. package/dist/index86.js +10 -33
  91. package/dist/index87.js +4 -11
  92. package/dist/index88.js +30 -8
  93. package/dist/index89.js +11 -123
  94. package/dist/index9.js +2 -2
  95. package/dist/index90.js +45 -14
  96. package/dist/index91.js +10 -134
  97. package/dist/index92.js +7 -218
  98. package/dist/index93.js +30 -14
  99. package/dist/index94.js +51 -65
  100. package/dist/index95.js +29 -47
  101. package/dist/index96.js +179 -48
  102. package/dist/index97.js +124 -8
  103. package/dist/index98.js +12 -52
  104. package/dist/index99.js +134 -29
  105. package/package.json +1 -1
package/dist/index52.js CHANGED
@@ -1,256 +1,62 @@
1
- import u from "react";
2
- var z = (e) => e.type === "checkbox", k = (e) => e instanceof Date, w = (e) => e == null;
3
- const H = (e) => typeof e == "object";
4
- var p = (e) => !w(e) && !Array.isArray(e) && H(e) && !k(e), J = (e) => p(e) && e.target ? z(e.target) ? e.target.checked : e.target.value : e, Q = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, X = (e, s) => e.has(Q(s)), Y = (e) => {
5
- const s = e.constructor && e.constructor.prototype;
6
- return p(s) && s.hasOwnProperty("isPrototypeOf");
7
- }, Z = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
8
- function W(e) {
9
- if (e instanceof Date)
10
- return new Date(e);
11
- const s = typeof FileList < "u" && e instanceof FileList;
12
- if (Z && (e instanceof Blob || s))
13
- return e;
14
- const t = Array.isArray(e);
15
- if (!t && !(p(e) && Y(e)))
16
- return e;
17
- const n = t ? [] : Object.create(Object.getPrototypeOf(e));
18
- for (const r in e)
19
- Object.prototype.hasOwnProperty.call(e, r) && (n[r] = W(e[r]));
20
- return n;
1
+ import * as o from "react";
2
+ import { composeRefs as S } from "./index76.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;
21
7
  }
22
- var G = (e) => /^\w*$/.test(e), R = (e) => e === void 0, j = (e) => Array.isArray(e) ? e.filter(Boolean) : [], $ = (e) => j(e.replace(/["|']|\]/g, "").split(/\.|\[/)), y = (e, s, t) => {
23
- if (!s || !p(e))
24
- return t;
25
- const n = (G(s) ? [s] : $(s)).reduce((r, a) => w(r) ? r : r[a], e);
26
- return R(n) || n === e ? R(e[s]) ? t : e[s] : n;
27
- }, P = (e) => typeof e == "boolean", E = (e) => typeof e == "function", D = (e, s, t) => {
28
- let n = -1;
29
- const r = G(s) ? [s] : $(s), a = r.length, i = a - 1;
30
- for (; ++n < a; ) {
31
- const l = r[n];
32
- let c = t;
33
- if (n !== i) {
34
- const f = e[l];
35
- c = p(f) || Array.isArray(f) ? f : isNaN(+r[n + 1]) ? {} : [];
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 });
36
20
  }
37
- if (l === "__proto__" || l === "constructor" || l === "prototype")
38
- return;
39
- e[l] = c, e = e[l];
40
- }
41
- };
42
- const I = {
43
- BLUR: "blur",
44
- CHANGE: "change"
45
- }, B = {
46
- all: "all"
47
- }, L = u.createContext(null);
48
- L.displayName = "HookFormContext";
49
- const M = () => u.useContext(L), oe = (e) => {
50
- const { children: s, ...t } = e;
51
- return u.createElement(L.Provider, { value: t }, s);
52
- };
53
- var ee = (e, s, t, n = !0) => {
54
- const r = {
55
- defaultValues: s._defaultValues
56
- };
57
- for (const a in e)
58
- Object.defineProperty(r, a, {
59
- get: () => {
60
- const i = a;
61
- return s._proxyFormState[i] !== B.all && (s._proxyFormState[i] = !n || B.all), t && (t[i] = !0), e[i];
62
- }
63
- });
64
- return r;
65
- };
66
- const q = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
67
- function te(e) {
68
- const s = M(), { control: t = s.control, disabled: n, name: r, exact: a } = e || {}, [i, l] = u.useState(t._formState), c = u.useRef({
69
- isDirty: !1,
70
- isLoading: !1,
71
- dirtyFields: !1,
72
- touchedFields: !1,
73
- validatingFields: !1,
74
- isValidating: !1,
75
- isValid: !1,
76
- errors: !1
21
+ return /* @__PURE__ */ y(n, { ...a, ref: r, children: l });
77
22
  });
78
- return q(() => t._subscribe({
79
- name: r,
80
- formState: c.current,
81
- exact: a,
82
- callback: (f) => {
83
- !n && l({
84
- ...t._formState,
85
- ...f
86
- });
87
- }
88
- }), [r, n, a]), u.useEffect(() => {
89
- c.current.isValid && t._setValid(!0);
90
- }, [t]), u.useMemo(() => ee(i, t, c.current, !1), [i, t]);
23
+ return i.displayName = `${t}.Slot`, i;
91
24
  }
92
- var re = (e) => typeof e == "string", T = (e, s, t, n, r) => re(e) ? y(t, e, r) : Array.isArray(e) ? e.map((a) => y(t, a)) : t, U = (e) => w(e) || !H(e);
93
- function S(e, s, t = /* @__PURE__ */ new WeakSet()) {
94
- if (U(e) || U(s))
95
- return Object.is(e, s);
96
- if (k(e) && k(s))
97
- return e.getTime() === s.getTime();
98
- const n = Object.keys(e), r = Object.keys(s);
99
- if (n.length !== r.length)
100
- return !1;
101
- if (t.has(e) || t.has(s))
102
- return !0;
103
- t.add(e), t.add(s);
104
- for (const a of n) {
105
- const i = e[a];
106
- if (!r.includes(a))
107
- return !1;
108
- if (a !== "ref") {
109
- const l = s[a];
110
- if (k(i) && k(l) || p(i) && p(l) || Array.isArray(i) && Array.isArray(l) ? !S(i, l, t) : !Object.is(i, l))
111
- return !1;
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);
112
33
  }
113
- }
114
- return !0;
34
+ return o.Children.count(r) > 1 ? o.Children.only(null) : null;
35
+ });
36
+ return n.displayName = `${t}.SlotClone`, n;
115
37
  }
116
- function se(e) {
117
- const s = M(), { control: t = s.control, name: n, defaultValue: r, disabled: a, exact: i, compute: l } = e || {}, c = u.useRef(r), f = u.useRef(l), V = u.useRef(void 0), d = u.useRef(t), g = u.useRef(n);
118
- f.current = l;
119
- const [A, v] = u.useState(() => {
120
- const o = t._getWatch(n, c.current);
121
- return f.current ? f.current(o) : o;
122
- }), C = u.useCallback((o) => {
123
- const m = T(n, t._names, o || t._formValues, !1, c.current);
124
- return f.current ? f.current(m) : m;
125
- }, [t._formValues, t._names, n]), b = u.useCallback((o) => {
126
- if (!a) {
127
- const m = T(n, t._names, o || t._formValues, !1, c.current);
128
- if (f.current) {
129
- const _ = f.current(m);
130
- S(_, V.current) || (v(_), V.current = _);
131
- } else
132
- v(m);
133
- }
134
- }, [t._formValues, t._names, a, n]);
135
- q(() => ((d.current !== t || !S(g.current, n)) && (d.current = t, g.current = n, b()), t._subscribe({
136
- name: n,
137
- formState: {
138
- values: !0
139
- },
140
- exact: i,
141
- callback: (o) => {
142
- b(o.values);
143
- }
144
- })), [t, i, n, b]), u.useEffect(() => t._removeUnmounted());
145
- const h = d.current !== t, F = g.current, O = u.useMemo(() => {
146
- if (a)
147
- return null;
148
- const o = !h && !S(F, n);
149
- return h || o ? C() : null;
150
- }, [a, h, n, F, C]);
151
- return O !== null ? O : A;
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 === _;
152
41
  }
153
- function ne(e) {
154
- const s = M(), { name: t, disabled: n, control: r = s.control, shouldUnregister: a, defaultValue: i, exact: l = !0 } = e, c = X(r._names.array, t), f = u.useMemo(() => y(r._formValues, t, y(r._defaultValues, t, i)), [r, t, i]), V = se({
155
- control: r,
156
- name: t,
157
- defaultValue: f,
158
- exact: l
159
- }), d = te({
160
- control: r,
161
- name: t,
162
- exact: l
163
- }), g = u.useRef(e), A = u.useRef(void 0), v = u.useRef(r.register(t, {
164
- ...e.rules,
165
- value: V,
166
- ...P(e.disabled) ? { disabled: e.disabled } : {}
167
- }));
168
- g.current = e;
169
- const C = u.useMemo(() => Object.defineProperties({}, {
170
- invalid: {
171
- enumerable: !0,
172
- get: () => !!y(d.errors, t)
173
- },
174
- isDirty: {
175
- enumerable: !0,
176
- get: () => !!y(d.dirtyFields, t)
177
- },
178
- isTouched: {
179
- enumerable: !0,
180
- get: () => !!y(d.touchedFields, t)
181
- },
182
- isValidating: {
183
- enumerable: !0,
184
- get: () => !!y(d.validatingFields, t)
185
- },
186
- error: {
187
- enumerable: !0,
188
- get: () => y(d.errors, t)
189
- }
190
- }), [d, t]), b = u.useCallback((o) => v.current.onChange({
191
- target: {
192
- value: J(o),
193
- name: t
194
- },
195
- type: I.CHANGE
196
- }), [t]), h = u.useCallback(() => v.current.onBlur({
197
- target: {
198
- value: y(r._formValues, t),
199
- name: t
200
- },
201
- type: I.BLUR
202
- }), [t, r._formValues]), F = u.useCallback((o) => {
203
- const m = y(r._fields, t);
204
- m && m._f && o && (m._f.ref = {
205
- focus: () => E(o.focus) && o.focus(),
206
- select: () => E(o.select) && o.select(),
207
- setCustomValidity: (_) => E(o.setCustomValidity) && o.setCustomValidity(_),
208
- reportValidity: () => E(o.reportValidity) && o.reportValidity()
209
- });
210
- }, [r._fields, t]), O = u.useMemo(() => ({
211
- name: t,
212
- value: V,
213
- ...P(n) || d.disabled ? { disabled: d.disabled || n } : {},
214
- onChange: b,
215
- onBlur: h,
216
- ref: F
217
- }), [t, n, d.disabled, b, h, F, V]);
218
- return u.useEffect(() => {
219
- const o = r._options.shouldUnregister || a, m = A.current;
220
- m && m !== t && !c && r.unregister(m), r.register(t, {
221
- ...g.current.rules,
222
- ...P(g.current.disabled) ? { disabled: g.current.disabled } : {}
223
- });
224
- const _ = (x, K) => {
225
- const N = y(r._fields, x);
226
- N && N._f && (N._f.mount = K);
227
- };
228
- if (_(t, !0), o) {
229
- const x = W(y(r._options.defaultValues, t, g.current.defaultValue));
230
- D(r._defaultValues, t, x), R(y(r._formValues, t)) && D(r._formValues, t, x);
231
- }
232
- return !c && r.register(t), A.current = t, () => {
233
- (c ? o && !r._state.action : o) ? r.unregister(t) : _(t, !1);
234
- };
235
- }, [t, r, c, a]), u.useEffect(() => {
236
- r._setDisabledField({
237
- disabled: n,
238
- name: t
239
- });
240
- }, [n, t, r]), u.useMemo(() => ({
241
- field: O,
242
- formState: d,
243
- fieldState: C
244
- }), [O, d, C]);
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(" "));
50
+ }
51
+ return { ...t, ...i };
52
+ }
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);
245
57
  }
246
- const ae = (e) => e.render(ne(e));
247
58
  export {
248
- ae as Controller,
249
- oe as FormProvider,
250
- y as get,
251
- D as set,
252
- ne as useController,
253
- M as useFormContext,
254
- te as useFormState,
255
- se as useWatch
59
+ V as Root,
60
+ V as Slot,
61
+ C as createSlot
256
62
  };
package/dist/index53.js CHANGED
@@ -1,120 +1,14 @@
1
- import * as o from "react";
2
- import { composeEventHandlers as T } from "./index84.js";
3
- import { createContextScope as S } from "./index81.js";
4
- import { useControllableState as D } from "./index85.js";
5
- import { useLayoutEffect as L } from "./index78.js";
6
- import { useComposedRefs as M } from "./index83.js";
7
- import { Primitive as v } from "./index86.js";
8
- import { Presence as k } from "./index94.js";
9
- import { useId as F } from "./index87.js";
10
- import { jsx as c } from "react/jsx-runtime";
11
- var u = "Collapsible", [B, W] = S(u), [G, g] = B(u), w = o.forwardRef(
12
- (e, a) => {
13
- const {
14
- __scopeCollapsible: i,
15
- open: r,
16
- defaultOpen: t,
17
- disabled: l,
18
- onOpenChange: s,
19
- ...m
20
- } = e, [d, p] = D({
21
- prop: r,
22
- defaultProp: t ?? !1,
23
- onChange: s,
24
- caller: u
25
- });
26
- return /* @__PURE__ */ c(
27
- G,
28
- {
29
- scope: i,
30
- disabled: l,
31
- contentId: F(),
32
- open: d,
33
- onOpenToggle: o.useCallback(() => p((C) => !C), [p]),
34
- children: /* @__PURE__ */ c(
35
- v.div,
36
- {
37
- "data-state": h(d),
38
- "data-disabled": l ? "" : void 0,
39
- ...m,
40
- ref: a
41
- }
42
- )
43
- }
44
- );
45
- }
46
- );
47
- w.displayName = u;
48
- var A = "CollapsibleTrigger", I = o.forwardRef(
49
- (e, a) => {
50
- const { __scopeCollapsible: i, ...r } = e, t = g(A, i);
51
- return /* @__PURE__ */ c(
52
- v.button,
53
- {
54
- type: "button",
55
- "aria-controls": t.contentId,
56
- "aria-expanded": t.open || !1,
57
- "data-state": h(t.open),
58
- "data-disabled": t.disabled ? "" : void 0,
59
- disabled: t.disabled,
60
- ...r,
61
- ref: a,
62
- onClick: T(e.onClick, t.onOpenToggle)
63
- }
64
- );
65
- }
66
- );
67
- I.displayName = A;
68
- var R = "CollapsibleContent", O = o.forwardRef(
69
- (e, a) => {
70
- const { forceMount: i, ...r } = e, t = g(R, e.__scopeCollapsible);
71
- return /* @__PURE__ */ c(k, { present: i || t.open, children: ({ present: l }) => /* @__PURE__ */ c($, { ...r, ref: a, present: l }) });
72
- }
73
- );
74
- O.displayName = R;
75
- var $ = o.forwardRef((e, a) => {
76
- const { __scopeCollapsible: i, present: r, children: t, ...l } = e, s = g(R, i), [m, d] = o.useState(r), p = o.useRef(null), C = M(a, p), y = o.useRef(0), x = y.current, N = o.useRef(0), P = N.current, b = s.open || m, _ = o.useRef(b), f = o.useRef(void 0);
77
- return o.useEffect(() => {
78
- const n = requestAnimationFrame(() => _.current = !1);
79
- return () => cancelAnimationFrame(n);
80
- }, []), L(() => {
81
- const n = p.current;
82
- if (n) {
83
- f.current = f.current || {
84
- transitionDuration: n.style.transitionDuration,
85
- animationName: n.style.animationName
86
- }, n.style.transitionDuration = "0s", n.style.animationName = "none";
87
- const E = n.getBoundingClientRect();
88
- y.current = E.height, N.current = E.width, _.current || (n.style.transitionDuration = f.current.transitionDuration, n.style.animationName = f.current.animationName), d(r);
89
- }
90
- }, [s.open, r]), /* @__PURE__ */ c(
91
- v.div,
92
- {
93
- "data-state": h(s.open),
94
- "data-disabled": s.disabled ? "" : void 0,
95
- id: s.contentId,
96
- hidden: !b,
97
- ...l,
98
- ref: C,
99
- style: {
100
- "--radix-collapsible-content-height": x ? `${x}px` : void 0,
101
- "--radix-collapsible-content-width": P ? `${P}px` : void 0,
102
- ...e.style
103
- },
104
- children: b && t
105
- }
106
- );
107
- });
108
- function h(e) {
109
- return e ? "open" : "closed";
110
- }
111
- var X = w, Y = I, Z = O;
1
+ import e from "./index120.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("ChevronsUpDown", [
9
+ ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
10
+ ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
11
+ ]);
112
12
  export {
113
- w as Collapsible,
114
- O as CollapsibleContent,
115
- I as CollapsibleTrigger,
116
- Z as Content,
117
- X as Root,
118
- Y as Trigger,
119
- W as createCollapsibleScope
13
+ t as default
120
14
  };
package/dist/index54.js CHANGED
@@ -1,163 +1,20 @@
1
- import * as v from "react";
2
- import { composeEventHandlers as g } from "./index84.js";
3
- import { createContextScope as x } from "./index81.js";
4
- import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./index100.js";
5
- import { Presence as w } from "./index94.js";
6
- import { Primitive as b } from "./index86.js";
7
- import { useDirection as D } from "./index88.js";
8
- import { useControllableState as V } from "./index85.js";
9
- import { useId as G } from "./index87.js";
1
+ import * as i from "react";
2
+ import { Primitive as f } from "./index93.js";
10
3
  import { jsx as l } from "react/jsx-runtime";
11
- var p = "Tabs", [L] = x(p, [
12
- C
13
- ]), h = C(), [$, T] = L(p), I = v.forwardRef(
14
- (e, r) => {
15
- const {
16
- __scopeTabs: s,
17
- value: t,
18
- onValueChange: n,
19
- defaultValue: c,
20
- orientation: o = "horizontal",
21
- dir: d,
22
- activationMode: f = "automatic",
23
- ...m
24
- } = e, i = D(d), [a, u] = V({
25
- prop: t,
26
- onChange: n,
27
- defaultProp: c ?? "",
28
- caller: p
29
- });
30
- return /* @__PURE__ */ l(
31
- $,
32
- {
33
- scope: s,
34
- baseId: G(),
35
- value: a,
36
- onValueChange: u,
37
- orientation: o,
38
- dir: i,
39
- activationMode: f,
40
- children: /* @__PURE__ */ l(
41
- b.div,
42
- {
43
- dir: i,
44
- "data-orientation": o,
45
- ...m,
46
- ref: r
47
- }
48
- )
49
- }
50
- );
4
+ var m = "Label", r = i.forwardRef((e, o) => /* @__PURE__ */ l(
5
+ f.label,
6
+ {
7
+ ...e,
8
+ ref: o,
9
+ onMouseDown: (t) => {
10
+ var a;
11
+ t.target.closest("button, input, select, textarea") || ((a = e.onMouseDown) == null || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
12
+ }
51
13
  }
52
- );
53
- I.displayName = p;
54
- var R = "TabsList", _ = v.forwardRef(
55
- (e, r) => {
56
- const { __scopeTabs: s, loop: t = !0, ...n } = e, c = T(R, s), o = h(s);
57
- return /* @__PURE__ */ l(
58
- E,
59
- {
60
- asChild: !0,
61
- ...o,
62
- orientation: c.orientation,
63
- dir: c.dir,
64
- loop: t,
65
- children: /* @__PURE__ */ l(
66
- b.div,
67
- {
68
- role: "tablist",
69
- "aria-orientation": c.orientation,
70
- ...n,
71
- ref: r
72
- }
73
- )
74
- }
75
- );
76
- }
77
- );
78
- _.displayName = R;
79
- var y = "TabsTrigger", A = v.forwardRef(
80
- (e, r) => {
81
- const { __scopeTabs: s, value: t, disabled: n = !1, ...c } = e, o = T(y, s), d = h(s), f = P(o.baseId, t), m = S(o.baseId, t), i = t === o.value;
82
- return /* @__PURE__ */ l(
83
- F,
84
- {
85
- asChild: !0,
86
- ...d,
87
- focusable: !n,
88
- active: i,
89
- children: /* @__PURE__ */ l(
90
- b.button,
91
- {
92
- type: "button",
93
- role: "tab",
94
- "aria-selected": i,
95
- "aria-controls": m,
96
- "data-state": i ? "active" : "inactive",
97
- "data-disabled": n ? "" : void 0,
98
- disabled: n,
99
- id: f,
100
- ...c,
101
- ref: r,
102
- onMouseDown: g(e.onMouseDown, (a) => {
103
- !n && a.button === 0 && a.ctrlKey === !1 ? o.onValueChange(t) : a.preventDefault();
104
- }),
105
- onKeyDown: g(e.onKeyDown, (a) => {
106
- [" ", "Enter"].includes(a.key) && o.onValueChange(t);
107
- }),
108
- onFocus: g(e.onFocus, () => {
109
- const a = o.activationMode !== "manual";
110
- !i && !n && a && o.onValueChange(t);
111
- })
112
- }
113
- )
114
- }
115
- );
116
- }
117
- );
118
- A.displayName = y;
119
- var M = "TabsContent", N = v.forwardRef(
120
- (e, r) => {
121
- const { __scopeTabs: s, value: t, forceMount: n, children: c, ...o } = e, d = T(M, s), f = P(d.baseId, t), m = S(d.baseId, t), i = t === d.value, a = v.useRef(i);
122
- return v.useEffect(() => {
123
- const u = requestAnimationFrame(() => a.current = !1);
124
- return () => cancelAnimationFrame(u);
125
- }, []), /* @__PURE__ */ l(w, { present: n || i, children: ({ present: u }) => /* @__PURE__ */ l(
126
- b.div,
127
- {
128
- "data-state": i ? "active" : "inactive",
129
- "data-orientation": d.orientation,
130
- role: "tabpanel",
131
- "aria-labelledby": f,
132
- hidden: !u,
133
- id: m,
134
- tabIndex: 0,
135
- ...o,
136
- ref: r,
137
- style: {
138
- ...e.style,
139
- animationDuration: a.current ? "0s" : void 0
140
- },
141
- children: u && c
142
- }
143
- ) });
144
- }
145
- );
146
- N.displayName = M;
147
- function P(e, r) {
148
- return `${e}-trigger-${r}`;
149
- }
150
- function S(e, r) {
151
- return `${e}-content-${r}`;
152
- }
153
- var Q = I, U = _, W = A, X = N;
14
+ ));
15
+ r.displayName = m;
16
+ var b = r;
154
17
  export {
155
- X as Content,
156
- U as List,
157
- Q as Root,
158
- I as Tabs,
159
- N as TabsContent,
160
- _ as TabsList,
161
- A as TabsTrigger,
162
- W as Trigger
18
+ r as Label,
19
+ b as Root
163
20
  };