@purpurds/toggle 5.14.0 → 5.15.0
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/LICENSE.txt +4 -4
- package/dist/toggle.cjs.js +5 -5
- package/dist/toggle.cjs.js.map +1 -1
- package/dist/toggle.es.js +286 -308
- package/dist/toggle.es.js.map +1 -1
- package/dist/useToggleDrag.d.ts +1 -1
- package/package.json +5 -5
package/dist/toggle.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as x, jsxs as
|
|
2
|
-
import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as
|
|
1
|
+
import { jsx as x, jsxs as G } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as w, Children as y, isValidElement as k, createElement as _, cloneElement as L, useEffect as N, Fragment as K, useCallback as X, createContext as Z, useMemo as H, useContext as de, useRef as C, useState as $, useLayoutEffect as Q } from "react";
|
|
3
3
|
import "react-dom";
|
|
4
|
-
function
|
|
4
|
+
function fe(e) {
|
|
5
5
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
6
6
|
}
|
|
7
|
-
var
|
|
7
|
+
var ee = { exports: {} };
|
|
8
8
|
/*!
|
|
9
9
|
Copyright (c) 2018 Jed Watson.
|
|
10
10
|
Licensed under the MIT License (MIT), see
|
|
@@ -14,13 +14,13 @@ var te = { exports: {} };
|
|
|
14
14
|
(function() {
|
|
15
15
|
var n = {}.hasOwnProperty;
|
|
16
16
|
function t() {
|
|
17
|
-
for (var r = "",
|
|
18
|
-
var u = arguments[
|
|
19
|
-
u && (r = c(r,
|
|
17
|
+
for (var r = "", o = 0; o < arguments.length; o++) {
|
|
18
|
+
var u = arguments[o];
|
|
19
|
+
u && (r = c(r, a.call(this, u)));
|
|
20
20
|
}
|
|
21
21
|
return r;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
23
|
+
function a(r) {
|
|
24
24
|
if (typeof r == "string" || typeof r == "number")
|
|
25
25
|
return this && this[r] || r;
|
|
26
26
|
if (typeof r != "object")
|
|
@@ -29,19 +29,19 @@ var te = { exports: {} };
|
|
|
29
29
|
return t.apply(this, r);
|
|
30
30
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
31
31
|
return r.toString();
|
|
32
|
-
var
|
|
32
|
+
var o = "";
|
|
33
33
|
for (var u in r)
|
|
34
|
-
n.call(r, u) && r[u] && (
|
|
35
|
-
return
|
|
34
|
+
n.call(r, u) && r[u] && (o = c(o, this && this[u] || u));
|
|
35
|
+
return o;
|
|
36
36
|
}
|
|
37
|
-
function c(r,
|
|
38
|
-
return
|
|
37
|
+
function c(r, o) {
|
|
38
|
+
return o ? r ? r + " " + o : r + o : r;
|
|
39
39
|
}
|
|
40
40
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
41
41
|
})();
|
|
42
|
-
})(
|
|
43
|
-
var
|
|
44
|
-
const
|
|
42
|
+
})(ee);
|
|
43
|
+
var ge = ee.exports;
|
|
44
|
+
const he = /* @__PURE__ */ fe(ge), be = {
|
|
45
45
|
"purpur-icon": "_purpur-icon_8u1lq_1",
|
|
46
46
|
"purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
|
|
47
47
|
"purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
|
|
@@ -49,107 +49,96 @@ const _e = /* @__PURE__ */ he(be), ve = {
|
|
|
49
49
|
"purpur-icon--md": "_purpur-icon--md_8u1lq_16",
|
|
50
50
|
"purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
|
|
51
51
|
"purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
|
|
52
|
-
},
|
|
52
|
+
}, _e = {
|
|
53
53
|
name: "checkmark-bold",
|
|
54
54
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.243 4.176a2 2 0 0 1 .324 2.81l-10.45 13.176a2.092 2.092 0 0 1-3.118.18l-5.413-5.413A2 2 0 1 1 5.414 12.1l3.9 3.9 9.118-11.5a2 2 0 0 1 2.81-.324Z" clip-rule="evenodd"/></svg>',
|
|
55
55
|
keywords: ["checkmark-bold"],
|
|
56
56
|
category: "utility"
|
|
57
|
-
},
|
|
57
|
+
}, ve = he.bind(be), J = "purpur-icon", me = "md", $e = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ye = ({ content: e = "", title: n } = {}) => {
|
|
58
58
|
const t = [
|
|
59
59
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
|
60
60
|
{ name: "fill", value: "currentColor" },
|
|
61
61
|
{ name: "viewBox", value: "0 0 24 24" },
|
|
62
62
|
n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
63
|
-
],
|
|
64
|
-
return `<svg ${
|
|
65
|
-
},
|
|
63
|
+
], a = n ? `<title>${n}</title>` : "";
|
|
64
|
+
return `<svg ${$e(t)}>${a}${e}</svg>`;
|
|
65
|
+
}, xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), we = ({
|
|
66
66
|
["data-testid"]: e,
|
|
67
67
|
svg: n,
|
|
68
68
|
allyTitle: t,
|
|
69
|
-
className:
|
|
70
|
-
size: c =
|
|
69
|
+
className: a,
|
|
70
|
+
size: c = me,
|
|
71
71
|
...r
|
|
72
72
|
}) => {
|
|
73
|
-
const
|
|
74
|
-
content:
|
|
73
|
+
const o = ye({
|
|
74
|
+
content: xe(n.svg),
|
|
75
75
|
title: t
|
|
76
|
-
}), u =
|
|
76
|
+
}), u = ve(a, J, `${J}--${c}`);
|
|
77
77
|
return /* @__PURE__ */ x(
|
|
78
78
|
"span",
|
|
79
79
|
{
|
|
80
80
|
"aria-label": t,
|
|
81
81
|
className: u,
|
|
82
82
|
"data-testid": e,
|
|
83
|
-
dangerouslySetInnerHTML: { __html:
|
|
83
|
+
dangerouslySetInnerHTML: { __html: o },
|
|
84
84
|
...r
|
|
85
85
|
}
|
|
86
86
|
);
|
|
87
87
|
};
|
|
88
|
-
function
|
|
89
|
-
return
|
|
90
|
-
for (var n = 1; n < arguments.length; n++) {
|
|
91
|
-
var t = arguments[n];
|
|
92
|
-
for (var o in t)
|
|
93
|
-
Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
|
|
94
|
-
}
|
|
95
|
-
return e;
|
|
96
|
-
}, U.apply(this, arguments);
|
|
97
|
-
}
|
|
98
|
-
function M() {
|
|
99
|
-
return M = Object.assign ? Object.assign.bind() : function(e) {
|
|
88
|
+
function E() {
|
|
89
|
+
return E = Object.assign ? Object.assign.bind() : function(e) {
|
|
100
90
|
for (var n = 1; n < arguments.length; n++) {
|
|
101
91
|
var t = arguments[n];
|
|
102
|
-
for (var
|
|
103
|
-
Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
|
|
92
|
+
for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
|
|
104
93
|
}
|
|
105
94
|
return e;
|
|
106
|
-
},
|
|
95
|
+
}, E.apply(null, arguments);
|
|
107
96
|
}
|
|
108
|
-
function
|
|
97
|
+
function Se(e, n) {
|
|
109
98
|
typeof e == "function" ? e(n) : e != null && (e.current = n);
|
|
110
99
|
}
|
|
111
|
-
function
|
|
100
|
+
function Pe(...e) {
|
|
112
101
|
return (n) => e.forEach(
|
|
113
|
-
(t) =>
|
|
102
|
+
(t) => Se(t, n)
|
|
114
103
|
);
|
|
115
104
|
}
|
|
116
|
-
const
|
|
117
|
-
const { children: t, ...
|
|
105
|
+
const re = /* @__PURE__ */ w((e, n) => {
|
|
106
|
+
const { children: t, ...a } = e, c = y.toArray(t), r = c.find(Ae);
|
|
118
107
|
if (r) {
|
|
119
|
-
const
|
|
120
|
-
return /* @__PURE__ */ _(
|
|
108
|
+
const o = r.props.children, u = c.map((i) => i === r ? y.count(o) > 1 ? y.only(null) : /* @__PURE__ */ k(o) ? o.props.children : null : i);
|
|
109
|
+
return /* @__PURE__ */ _(F, E({}, a, {
|
|
121
110
|
ref: n
|
|
122
|
-
}), /* @__PURE__ */ k(
|
|
111
|
+
}), /* @__PURE__ */ k(o) ? /* @__PURE__ */ L(o, void 0, u) : null);
|
|
123
112
|
}
|
|
124
|
-
return /* @__PURE__ */ _(
|
|
113
|
+
return /* @__PURE__ */ _(F, E({}, a, {
|
|
125
114
|
ref: n
|
|
126
115
|
}), t);
|
|
127
116
|
});
|
|
128
|
-
|
|
129
|
-
const
|
|
130
|
-
const { children: t, ...
|
|
131
|
-
return /* @__PURE__ */ k(t) ? /* @__PURE__ */
|
|
132
|
-
...De(
|
|
133
|
-
ref: n ?
|
|
117
|
+
re.displayName = "Slot";
|
|
118
|
+
const F = /* @__PURE__ */ w((e, n) => {
|
|
119
|
+
const { children: t, ...a } = e;
|
|
120
|
+
return /* @__PURE__ */ k(t) ? /* @__PURE__ */ L(t, {
|
|
121
|
+
...De(a, t.props),
|
|
122
|
+
ref: n ? Pe(n, t.ref) : t.ref
|
|
134
123
|
}) : y.count(t) > 1 ? y.only(null) : null;
|
|
135
124
|
});
|
|
136
|
-
|
|
137
|
-
const
|
|
138
|
-
function
|
|
139
|
-
return /* @__PURE__ */ k(e) && e.type ===
|
|
125
|
+
F.displayName = "SlotClone";
|
|
126
|
+
const ke = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
|
|
127
|
+
function Ae(e) {
|
|
128
|
+
return /* @__PURE__ */ k(e) && e.type === ke;
|
|
140
129
|
}
|
|
141
130
|
function De(e, n) {
|
|
142
131
|
const t = {
|
|
143
132
|
...n
|
|
144
133
|
};
|
|
145
|
-
for (const
|
|
146
|
-
const c = e[
|
|
147
|
-
/^on[A-Z]/.test(
|
|
148
|
-
r(...
|
|
149
|
-
} : c && (t[
|
|
134
|
+
for (const a in n) {
|
|
135
|
+
const c = e[a], r = n[a];
|
|
136
|
+
/^on[A-Z]/.test(a) ? c && r ? t[a] = (...o) => {
|
|
137
|
+
r(...o), c(...o);
|
|
138
|
+
} : c && (t[a] = c) : a === "style" ? t[a] = {
|
|
150
139
|
...c,
|
|
151
140
|
...r
|
|
152
|
-
} :
|
|
141
|
+
} : a === "className" && (t[a] = [
|
|
153
142
|
c,
|
|
154
143
|
r
|
|
155
144
|
].filter(Boolean).join(" "));
|
|
@@ -159,7 +148,7 @@ function De(e, n) {
|
|
|
159
148
|
...t
|
|
160
149
|
};
|
|
161
150
|
}
|
|
162
|
-
const
|
|
151
|
+
const Ne = [
|
|
163
152
|
"a",
|
|
164
153
|
"button",
|
|
165
154
|
"div",
|
|
@@ -176,12 +165,12 @@ const Ce = [
|
|
|
176
165
|
"span",
|
|
177
166
|
"svg",
|
|
178
167
|
"ul"
|
|
179
|
-
],
|
|
180
|
-
const t = /* @__PURE__ */ w((
|
|
181
|
-
const { asChild: r, ...
|
|
182
|
-
return
|
|
168
|
+
], Ce = Ne.reduce((e, n) => {
|
|
169
|
+
const t = /* @__PURE__ */ w((a, c) => {
|
|
170
|
+
const { asChild: r, ...o } = a, u = r ? re : n;
|
|
171
|
+
return N(() => {
|
|
183
172
|
window[Symbol.for("radix-ui")] = !0;
|
|
184
|
-
}, []), /* @__PURE__ */ _(u,
|
|
173
|
+
}, []), /* @__PURE__ */ _(u, E({}, o, {
|
|
185
174
|
ref: c
|
|
186
175
|
}));
|
|
187
176
|
});
|
|
@@ -189,17 +178,17 @@ const Ce = [
|
|
|
189
178
|
...e,
|
|
190
179
|
[n]: t
|
|
191
180
|
};
|
|
192
|
-
}, {}),
|
|
181
|
+
}, {}), Ee = /* @__PURE__ */ w((e, n) => /* @__PURE__ */ _(Ce.label, E({}, e, {
|
|
193
182
|
ref: n,
|
|
194
183
|
onMouseDown: (t) => {
|
|
195
|
-
var
|
|
196
|
-
(
|
|
184
|
+
var a;
|
|
185
|
+
(a = e.onMouseDown) === null || a === void 0 || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault();
|
|
197
186
|
}
|
|
198
|
-
}))),
|
|
199
|
-
function
|
|
187
|
+
}))), Oe = Ee;
|
|
188
|
+
function Re(e) {
|
|
200
189
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
201
190
|
}
|
|
202
|
-
var
|
|
191
|
+
var te = { exports: {} };
|
|
203
192
|
/*!
|
|
204
193
|
Copyright (c) 2018 Jed Watson.
|
|
205
194
|
Licensed under the MIT License (MIT), see
|
|
@@ -209,13 +198,13 @@ var oe = { exports: {} };
|
|
|
209
198
|
(function() {
|
|
210
199
|
var n = {}.hasOwnProperty;
|
|
211
200
|
function t() {
|
|
212
|
-
for (var r = "",
|
|
213
|
-
var u = arguments[
|
|
214
|
-
u && (r = c(r,
|
|
201
|
+
for (var r = "", o = 0; o < arguments.length; o++) {
|
|
202
|
+
var u = arguments[o];
|
|
203
|
+
u && (r = c(r, a(u)));
|
|
215
204
|
}
|
|
216
205
|
return r;
|
|
217
206
|
}
|
|
218
|
-
function
|
|
207
|
+
function a(r) {
|
|
219
208
|
if (typeof r == "string" || typeof r == "number")
|
|
220
209
|
return r;
|
|
221
210
|
if (typeof r != "object")
|
|
@@ -224,45 +213,45 @@ var oe = { exports: {} };
|
|
|
224
213
|
return t.apply(null, r);
|
|
225
214
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
226
215
|
return r.toString();
|
|
227
|
-
var
|
|
216
|
+
var o = "";
|
|
228
217
|
for (var u in r)
|
|
229
|
-
n.call(r, u) && r[u] && (
|
|
230
|
-
return
|
|
218
|
+
n.call(r, u) && r[u] && (o = c(o, u));
|
|
219
|
+
return o;
|
|
231
220
|
}
|
|
232
|
-
function c(r,
|
|
233
|
-
return
|
|
221
|
+
function c(r, o) {
|
|
222
|
+
return o ? r ? r + " " + o : r + o : r;
|
|
234
223
|
}
|
|
235
224
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
236
225
|
})();
|
|
237
|
-
})(
|
|
238
|
-
var
|
|
239
|
-
const
|
|
226
|
+
})(te);
|
|
227
|
+
var Me = te.exports;
|
|
228
|
+
const je = /* @__PURE__ */ Re(Me), z = {
|
|
240
229
|
"purpur-label": "_purpur-label_12cfi_1",
|
|
241
230
|
"purpur-label--negative": "_purpur-label--negative_12cfi_9",
|
|
242
231
|
"purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
|
|
243
|
-
},
|
|
232
|
+
}, I = "purpur-label", He = ({
|
|
244
233
|
children: e,
|
|
245
234
|
className: n,
|
|
246
235
|
htmlFor: t,
|
|
247
|
-
"data-testid":
|
|
236
|
+
"data-testid": a,
|
|
248
237
|
disabled: c,
|
|
249
238
|
negative: r = !1,
|
|
250
|
-
...
|
|
239
|
+
...o
|
|
251
240
|
}) => {
|
|
252
|
-
const u =
|
|
241
|
+
const u = je([
|
|
253
242
|
n,
|
|
254
|
-
I
|
|
243
|
+
z[I],
|
|
255
244
|
{
|
|
256
|
-
[
|
|
257
|
-
[
|
|
245
|
+
[z[`${I}--disabled`]]: c,
|
|
246
|
+
[z[`${I}--negative`]]: r
|
|
258
247
|
}
|
|
259
248
|
]);
|
|
260
|
-
return /* @__PURE__ */ x(
|
|
249
|
+
return /* @__PURE__ */ x(Oe, { className: u, "data-testid": a, htmlFor: t, ...o, children: e });
|
|
261
250
|
};
|
|
262
|
-
function
|
|
251
|
+
function Le(e) {
|
|
263
252
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
264
253
|
}
|
|
265
|
-
var
|
|
254
|
+
var ne = { exports: {} };
|
|
266
255
|
/*!
|
|
267
256
|
Copyright (c) 2018 Jed Watson.
|
|
268
257
|
Licensed under the MIT License (MIT), see
|
|
@@ -272,13 +261,13 @@ var ae = { exports: {} };
|
|
|
272
261
|
(function() {
|
|
273
262
|
var n = {}.hasOwnProperty;
|
|
274
263
|
function t() {
|
|
275
|
-
for (var r = "",
|
|
276
|
-
var u = arguments[
|
|
277
|
-
u && (r = c(r,
|
|
264
|
+
for (var r = "", o = 0; o < arguments.length; o++) {
|
|
265
|
+
var u = arguments[o];
|
|
266
|
+
u && (r = c(r, a(u)));
|
|
278
267
|
}
|
|
279
268
|
return r;
|
|
280
269
|
}
|
|
281
|
-
function
|
|
270
|
+
function a(r) {
|
|
282
271
|
if (typeof r == "string" || typeof r == "number")
|
|
283
272
|
return r;
|
|
284
273
|
if (typeof r != "object")
|
|
@@ -287,19 +276,19 @@ var ae = { exports: {} };
|
|
|
287
276
|
return t.apply(null, r);
|
|
288
277
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
289
278
|
return r.toString();
|
|
290
|
-
var
|
|
279
|
+
var o = "";
|
|
291
280
|
for (var u in r)
|
|
292
|
-
n.call(r, u) && r[u] && (
|
|
293
|
-
return
|
|
281
|
+
n.call(r, u) && r[u] && (o = c(o, u));
|
|
282
|
+
return o;
|
|
294
283
|
}
|
|
295
|
-
function c(r,
|
|
296
|
-
return
|
|
284
|
+
function c(r, o) {
|
|
285
|
+
return o ? r ? r + " " + o : r + o : r;
|
|
297
286
|
}
|
|
298
287
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
299
288
|
})();
|
|
300
|
-
})(
|
|
301
|
-
var
|
|
302
|
-
const
|
|
289
|
+
})(ne);
|
|
290
|
+
var Xe = ne.exports;
|
|
291
|
+
const Be = /* @__PURE__ */ Le(Xe), M = {
|
|
303
292
|
"purpur-paragraph": "_purpur-paragraph_1rh57_1",
|
|
304
293
|
"purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
|
|
305
294
|
"purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
|
|
@@ -314,7 +303,7 @@ const ze = /* @__PURE__ */ Be(Te), E = {
|
|
|
314
303
|
"purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
|
|
315
304
|
"purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
|
|
316
305
|
"purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
|
|
317
|
-
},
|
|
306
|
+
}, Te = {
|
|
318
307
|
PARAGRAPH100: "paragraph-100",
|
|
319
308
|
PARAGRAPH100MEDIUM: "paragraph-100-medium",
|
|
320
309
|
PARAGRAPH100BOLD: "paragraph-100-bold",
|
|
@@ -325,65 +314,64 @@ const ze = /* @__PURE__ */ Be(Te), E = {
|
|
|
325
314
|
ADDITIONAL100MEDIUM: "additional-100-medium",
|
|
326
315
|
OVERLINE100: "overline-100",
|
|
327
316
|
OVERLINE200: "overline-200"
|
|
328
|
-
}, j = "purpur-paragraph",
|
|
317
|
+
}, j = "purpur-paragraph", oe = ({
|
|
329
318
|
["data-testid"]: e,
|
|
330
319
|
children: n,
|
|
331
320
|
className: t,
|
|
332
|
-
disabled:
|
|
321
|
+
disabled: a,
|
|
333
322
|
enableHyphenation: c = !1,
|
|
334
323
|
negative: r = !1,
|
|
335
|
-
variant:
|
|
324
|
+
variant: o = Te.PARAGRAPH100,
|
|
336
325
|
...u
|
|
337
326
|
}) => {
|
|
338
|
-
const i =
|
|
327
|
+
const i = Be([
|
|
339
328
|
t,
|
|
340
|
-
|
|
341
|
-
|
|
329
|
+
M[j],
|
|
330
|
+
M[`${j}--${o}`],
|
|
342
331
|
{
|
|
343
|
-
[
|
|
344
|
-
[
|
|
345
|
-
[
|
|
332
|
+
[M[`${j}--hyphens`]]: c,
|
|
333
|
+
[M[`${j}--disabled`]]: a,
|
|
334
|
+
[M[`${j}--negative`]]: r
|
|
346
335
|
}
|
|
347
336
|
]);
|
|
348
337
|
return /* @__PURE__ */ x("p", { ...u, className: i, "data-testid": e, children: n });
|
|
349
338
|
};
|
|
350
|
-
|
|
351
|
-
function
|
|
352
|
-
return
|
|
339
|
+
oe.displayName = "Paragraph";
|
|
340
|
+
function D() {
|
|
341
|
+
return D = Object.assign ? Object.assign.bind() : function(e) {
|
|
353
342
|
for (var n = 1; n < arguments.length; n++) {
|
|
354
343
|
var t = arguments[n];
|
|
355
|
-
for (var
|
|
356
|
-
Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
|
|
344
|
+
for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
|
|
357
345
|
}
|
|
358
346
|
return e;
|
|
359
|
-
},
|
|
347
|
+
}, D.apply(null, arguments);
|
|
360
348
|
}
|
|
361
|
-
function
|
|
349
|
+
function ze(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
|
|
362
350
|
return function(c) {
|
|
363
351
|
if (e == null || e(c), t === !1 || !c.defaultPrevented) return n == null ? void 0 : n(c);
|
|
364
352
|
};
|
|
365
353
|
}
|
|
366
|
-
function
|
|
354
|
+
function Ie(e, n) {
|
|
367
355
|
typeof e == "function" ? e(n) : e != null && (e.current = n);
|
|
368
356
|
}
|
|
369
|
-
function
|
|
357
|
+
function ae(...e) {
|
|
370
358
|
return (n) => e.forEach(
|
|
371
|
-
(t) =>
|
|
359
|
+
(t) => Ie(t, n)
|
|
372
360
|
);
|
|
373
361
|
}
|
|
374
|
-
function
|
|
375
|
-
return
|
|
362
|
+
function qe(...e) {
|
|
363
|
+
return X(ae(...e), e);
|
|
376
364
|
}
|
|
377
|
-
function
|
|
365
|
+
function Fe(e, n = []) {
|
|
378
366
|
let t = [];
|
|
379
|
-
function
|
|
380
|
-
const u = /* @__PURE__ */
|
|
367
|
+
function a(r, o) {
|
|
368
|
+
const u = /* @__PURE__ */ Z(o), i = t.length;
|
|
381
369
|
t = [
|
|
382
370
|
...t,
|
|
383
|
-
|
|
371
|
+
o
|
|
384
372
|
];
|
|
385
373
|
function s(l) {
|
|
386
|
-
const { scope: p, children: v, ...f } = l, g = (p == null ? void 0 : p[e][i]) || u, d =
|
|
374
|
+
const { scope: p, children: v, ...f } = l, g = (p == null ? void 0 : p[e][i]) || u, d = H(
|
|
387
375
|
() => f,
|
|
388
376
|
Object.values(f)
|
|
389
377
|
);
|
|
@@ -392,9 +380,9 @@ function Ve(e, n = []) {
|
|
|
392
380
|
}, v);
|
|
393
381
|
}
|
|
394
382
|
function h(l, p) {
|
|
395
|
-
const v = (p == null ? void 0 : p[e][i]) || u, f =
|
|
383
|
+
const v = (p == null ? void 0 : p[e][i]) || u, f = de(v);
|
|
396
384
|
if (f) return f;
|
|
397
|
-
if (
|
|
385
|
+
if (o !== void 0) return o;
|
|
398
386
|
throw new Error(`\`${l}\` must be used within \`${r}\``);
|
|
399
387
|
}
|
|
400
388
|
return s.displayName = r + "Provider", [
|
|
@@ -403,10 +391,10 @@ function Ve(e, n = []) {
|
|
|
403
391
|
];
|
|
404
392
|
}
|
|
405
393
|
const c = () => {
|
|
406
|
-
const r = t.map((
|
|
394
|
+
const r = t.map((o) => /* @__PURE__ */ Z(o));
|
|
407
395
|
return function(u) {
|
|
408
396
|
const i = (u == null ? void 0 : u[e]) || r;
|
|
409
|
-
return
|
|
397
|
+
return H(
|
|
410
398
|
() => ({
|
|
411
399
|
[`__scope${e}`]: {
|
|
412
400
|
...u,
|
|
@@ -421,58 +409,58 @@ function Ve(e, n = []) {
|
|
|
421
409
|
};
|
|
422
410
|
};
|
|
423
411
|
return c.scopeName = e, [
|
|
424
|
-
|
|
425
|
-
|
|
412
|
+
a,
|
|
413
|
+
Ue(c, ...n)
|
|
426
414
|
];
|
|
427
415
|
}
|
|
428
|
-
function
|
|
416
|
+
function Ue(...e) {
|
|
429
417
|
const n = e[0];
|
|
430
418
|
if (e.length === 1) return n;
|
|
431
419
|
const t = () => {
|
|
432
|
-
const
|
|
420
|
+
const a = e.map(
|
|
433
421
|
(c) => ({
|
|
434
422
|
useScope: c(),
|
|
435
423
|
scopeName: c.scopeName
|
|
436
424
|
})
|
|
437
425
|
);
|
|
438
426
|
return function(r) {
|
|
439
|
-
const
|
|
427
|
+
const o = a.reduce((u, { useScope: i, scopeName: s }) => {
|
|
440
428
|
const l = i(r)[`__scope${s}`];
|
|
441
429
|
return {
|
|
442
430
|
...u,
|
|
443
431
|
...l
|
|
444
432
|
};
|
|
445
433
|
}, {});
|
|
446
|
-
return
|
|
434
|
+
return H(
|
|
447
435
|
() => ({
|
|
448
|
-
[`__scope${n.scopeName}`]:
|
|
436
|
+
[`__scope${n.scopeName}`]: o
|
|
449
437
|
}),
|
|
450
438
|
[
|
|
451
|
-
|
|
439
|
+
o
|
|
452
440
|
]
|
|
453
441
|
);
|
|
454
442
|
};
|
|
455
443
|
};
|
|
456
444
|
return t.scopeName = n.scopeName, t;
|
|
457
445
|
}
|
|
458
|
-
function
|
|
459
|
-
const n =
|
|
460
|
-
return
|
|
446
|
+
function ce(e) {
|
|
447
|
+
const n = C(e);
|
|
448
|
+
return N(() => {
|
|
461
449
|
n.current = e;
|
|
462
|
-
}),
|
|
450
|
+
}), H(
|
|
463
451
|
() => (...t) => {
|
|
464
|
-
var
|
|
465
|
-
return (
|
|
452
|
+
var a;
|
|
453
|
+
return (a = n.current) === null || a === void 0 ? void 0 : a.call(n, ...t);
|
|
466
454
|
},
|
|
467
455
|
[]
|
|
468
456
|
);
|
|
469
457
|
}
|
|
470
|
-
function
|
|
458
|
+
function Ve({ prop: e, defaultProp: n, onChange: t = () => {
|
|
471
459
|
} }) {
|
|
472
|
-
const [
|
|
460
|
+
const [a, c] = We({
|
|
473
461
|
defaultProp: n,
|
|
474
462
|
onChange: t
|
|
475
|
-
}), r = e !== void 0,
|
|
463
|
+
}), r = e !== void 0, o = r ? e : a, u = ce(t), i = X((s) => {
|
|
476
464
|
if (r) {
|
|
477
465
|
const l = typeof s == "function" ? s(e) : s;
|
|
478
466
|
l !== e && u(l);
|
|
@@ -484,109 +472,99 @@ function Ge({ prop: e, defaultProp: n, onChange: t = () => {
|
|
|
484
472
|
u
|
|
485
473
|
]);
|
|
486
474
|
return [
|
|
487
|
-
|
|
475
|
+
o,
|
|
488
476
|
i
|
|
489
477
|
];
|
|
490
478
|
}
|
|
491
|
-
function
|
|
492
|
-
const t = $(e), [
|
|
493
|
-
return
|
|
494
|
-
c.current !==
|
|
479
|
+
function We({ defaultProp: e, onChange: n }) {
|
|
480
|
+
const t = $(e), [a] = t, c = C(a), r = ce(n);
|
|
481
|
+
return N(() => {
|
|
482
|
+
c.current !== a && (r(a), c.current = a);
|
|
495
483
|
}, [
|
|
496
|
-
|
|
484
|
+
a,
|
|
497
485
|
c,
|
|
498
486
|
r
|
|
499
487
|
]), t;
|
|
500
488
|
}
|
|
501
|
-
function
|
|
502
|
-
const n =
|
|
489
|
+
function Ge(e) {
|
|
490
|
+
const n = C({
|
|
503
491
|
value: e,
|
|
504
492
|
previous: e
|
|
505
493
|
});
|
|
506
|
-
return
|
|
494
|
+
return H(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
|
|
507
495
|
e
|
|
508
496
|
]);
|
|
509
497
|
}
|
|
510
|
-
const
|
|
498
|
+
const Ze = globalThis != null && globalThis.document ? Q : () => {
|
|
511
499
|
};
|
|
512
|
-
function
|
|
500
|
+
function Je(e) {
|
|
513
501
|
const [n, t] = $(void 0);
|
|
514
|
-
return
|
|
502
|
+
return Ze(() => {
|
|
515
503
|
if (e) {
|
|
516
504
|
t({
|
|
517
505
|
width: e.offsetWidth,
|
|
518
506
|
height: e.offsetHeight
|
|
519
507
|
});
|
|
520
|
-
const
|
|
508
|
+
const a = new ResizeObserver((c) => {
|
|
521
509
|
if (!Array.isArray(c) || !c.length) return;
|
|
522
510
|
const r = c[0];
|
|
523
|
-
let
|
|
511
|
+
let o, u;
|
|
524
512
|
if ("borderBoxSize" in r) {
|
|
525
513
|
const i = r.borderBoxSize, s = Array.isArray(i) ? i[0] : i;
|
|
526
|
-
|
|
514
|
+
o = s.inlineSize, u = s.blockSize;
|
|
527
515
|
} else
|
|
528
|
-
|
|
516
|
+
o = e.offsetWidth, u = e.offsetHeight;
|
|
529
517
|
t({
|
|
530
|
-
width:
|
|
518
|
+
width: o,
|
|
531
519
|
height: u
|
|
532
520
|
});
|
|
533
521
|
});
|
|
534
|
-
return
|
|
522
|
+
return a.observe(e, {
|
|
535
523
|
box: "border-box"
|
|
536
|
-
}), () =>
|
|
524
|
+
}), () => a.unobserve(e);
|
|
537
525
|
} else
|
|
538
526
|
t(void 0);
|
|
539
527
|
}, [
|
|
540
528
|
e
|
|
541
529
|
]), n;
|
|
542
530
|
}
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
for (var n = 1; n < arguments.length; n++) {
|
|
546
|
-
var t = arguments[n];
|
|
547
|
-
for (var o in t)
|
|
548
|
-
Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
|
|
549
|
-
}
|
|
550
|
-
return e;
|
|
551
|
-
}, L.apply(this, arguments);
|
|
552
|
-
}
|
|
553
|
-
const se = /* @__PURE__ */ w((e, n) => {
|
|
554
|
-
const { children: t, ...o } = e, c = y.toArray(t), r = c.find(er);
|
|
531
|
+
const ue = /* @__PURE__ */ w((e, n) => {
|
|
532
|
+
const { children: t, ...a } = e, c = y.toArray(t), r = c.find(Ke);
|
|
555
533
|
if (r) {
|
|
556
|
-
const
|
|
557
|
-
return /* @__PURE__ */ _(
|
|
534
|
+
const o = r.props.children, u = c.map((i) => i === r ? y.count(o) > 1 ? y.only(null) : /* @__PURE__ */ k(o) ? o.props.children : null : i);
|
|
535
|
+
return /* @__PURE__ */ _(U, D({}, a, {
|
|
558
536
|
ref: n
|
|
559
|
-
}), /* @__PURE__ */ k(
|
|
537
|
+
}), /* @__PURE__ */ k(o) ? /* @__PURE__ */ L(o, void 0, u) : null);
|
|
560
538
|
}
|
|
561
|
-
return /* @__PURE__ */ _(
|
|
539
|
+
return /* @__PURE__ */ _(U, D({}, a, {
|
|
562
540
|
ref: n
|
|
563
541
|
}), t);
|
|
564
542
|
});
|
|
565
|
-
|
|
566
|
-
const
|
|
567
|
-
const { children: t, ...
|
|
568
|
-
return /* @__PURE__ */ k(t) ? /* @__PURE__ */
|
|
569
|
-
...
|
|
570
|
-
ref: n ?
|
|
543
|
+
ue.displayName = "Slot";
|
|
544
|
+
const U = /* @__PURE__ */ w((e, n) => {
|
|
545
|
+
const { children: t, ...a } = e;
|
|
546
|
+
return /* @__PURE__ */ k(t) ? /* @__PURE__ */ L(t, {
|
|
547
|
+
...Qe(a, t.props),
|
|
548
|
+
ref: n ? ae(n, t.ref) : t.ref
|
|
571
549
|
}) : y.count(t) > 1 ? y.only(null) : null;
|
|
572
550
|
});
|
|
573
|
-
|
|
574
|
-
const
|
|
575
|
-
function
|
|
576
|
-
return /* @__PURE__ */ k(e) && e.type ===
|
|
551
|
+
U.displayName = "SlotClone";
|
|
552
|
+
const Ye = ({ children: e }) => /* @__PURE__ */ _(K, null, e);
|
|
553
|
+
function Ke(e) {
|
|
554
|
+
return /* @__PURE__ */ k(e) && e.type === Ye;
|
|
577
555
|
}
|
|
578
|
-
function
|
|
556
|
+
function Qe(e, n) {
|
|
579
557
|
const t = {
|
|
580
558
|
...n
|
|
581
559
|
};
|
|
582
|
-
for (const
|
|
583
|
-
const c = e[
|
|
584
|
-
/^on[A-Z]/.test(
|
|
560
|
+
for (const a in n) {
|
|
561
|
+
const c = e[a], r = n[a];
|
|
562
|
+
/^on[A-Z]/.test(a) ? c && r ? t[a] = (...u) => {
|
|
585
563
|
r(...u), c(...u);
|
|
586
|
-
} : c && (t[
|
|
564
|
+
} : c && (t[a] = c) : a === "style" ? t[a] = {
|
|
587
565
|
...c,
|
|
588
566
|
...r
|
|
589
|
-
} :
|
|
567
|
+
} : a === "className" && (t[a] = [
|
|
590
568
|
c,
|
|
591
569
|
r
|
|
592
570
|
].filter(Boolean).join(" "));
|
|
@@ -596,7 +574,7 @@ function rr(e, n) {
|
|
|
596
574
|
...t
|
|
597
575
|
};
|
|
598
576
|
}
|
|
599
|
-
const
|
|
577
|
+
const er = [
|
|
600
578
|
"a",
|
|
601
579
|
"button",
|
|
602
580
|
"div",
|
|
@@ -613,12 +591,12 @@ const tr = [
|
|
|
613
591
|
"span",
|
|
614
592
|
"svg",
|
|
615
593
|
"ul"
|
|
616
|
-
],
|
|
617
|
-
const t = /* @__PURE__ */ w((
|
|
618
|
-
const { asChild: r, ...
|
|
619
|
-
return
|
|
594
|
+
], ie = er.reduce((e, n) => {
|
|
595
|
+
const t = /* @__PURE__ */ w((a, c) => {
|
|
596
|
+
const { asChild: r, ...o } = a, u = r ? ue : n;
|
|
597
|
+
return N(() => {
|
|
620
598
|
window[Symbol.for("radix-ui")] = !0;
|
|
621
|
-
}, []), /* @__PURE__ */ _(u,
|
|
599
|
+
}, []), /* @__PURE__ */ _(u, D({}, o, {
|
|
622
600
|
ref: c
|
|
623
601
|
}));
|
|
624
602
|
});
|
|
@@ -626,70 +604,70 @@ const tr = [
|
|
|
626
604
|
...e,
|
|
627
605
|
[n]: t
|
|
628
606
|
};
|
|
629
|
-
}, {}),
|
|
630
|
-
const { __scopeSwitch: t, name:
|
|
607
|
+
}, {}), se = "Switch", [rr, mr] = Fe(se), [tr, nr] = rr(se), or = /* @__PURE__ */ w((e, n) => {
|
|
608
|
+
const { __scopeSwitch: t, name: a, checked: c, defaultChecked: r, required: o, disabled: u, value: i = "on", onCheckedChange: s, ...h } = e, [l, p] = $(null), v = qe(
|
|
631
609
|
n,
|
|
632
610
|
(m) => p(m)
|
|
633
|
-
), f =
|
|
611
|
+
), f = C(!1), g = l ? !!l.closest("form") : !0, [d = !1, b] = Ve({
|
|
634
612
|
prop: c,
|
|
635
613
|
defaultProp: r,
|
|
636
614
|
onChange: s
|
|
637
615
|
});
|
|
638
|
-
return /* @__PURE__ */ _(
|
|
616
|
+
return /* @__PURE__ */ _(tr, {
|
|
639
617
|
scope: t,
|
|
640
618
|
checked: d,
|
|
641
619
|
disabled: u
|
|
642
|
-
}, /* @__PURE__ */ _(
|
|
620
|
+
}, /* @__PURE__ */ _(ie.button, D({
|
|
643
621
|
type: "button",
|
|
644
622
|
role: "switch",
|
|
645
623
|
"aria-checked": d,
|
|
646
|
-
"aria-required":
|
|
647
|
-
"data-state":
|
|
624
|
+
"aria-required": o,
|
|
625
|
+
"data-state": le(d),
|
|
648
626
|
"data-disabled": u ? "" : void 0,
|
|
649
627
|
disabled: u,
|
|
650
628
|
value: i
|
|
651
629
|
}, h, {
|
|
652
630
|
ref: v,
|
|
653
|
-
onClick:
|
|
631
|
+
onClick: ze(e.onClick, (m) => {
|
|
654
632
|
b(
|
|
655
|
-
(
|
|
633
|
+
(A) => !A
|
|
656
634
|
), g && (f.current = m.isPropagationStopped(), f.current || m.stopPropagation());
|
|
657
635
|
})
|
|
658
|
-
})), g && /* @__PURE__ */ _(
|
|
636
|
+
})), g && /* @__PURE__ */ _(ur, {
|
|
659
637
|
control: l,
|
|
660
638
|
bubbles: !f.current,
|
|
661
|
-
name:
|
|
639
|
+
name: a,
|
|
662
640
|
value: i,
|
|
663
641
|
checked: d,
|
|
664
|
-
required:
|
|
642
|
+
required: o,
|
|
665
643
|
disabled: u,
|
|
666
644
|
style: {
|
|
667
645
|
transform: "translateX(-100%)"
|
|
668
646
|
}
|
|
669
647
|
}));
|
|
670
|
-
}),
|
|
671
|
-
const { __scopeSwitch: t, ...
|
|
672
|
-
return /* @__PURE__ */ _(
|
|
673
|
-
"data-state":
|
|
648
|
+
}), ar = "SwitchThumb", cr = /* @__PURE__ */ w((e, n) => {
|
|
649
|
+
const { __scopeSwitch: t, ...a } = e, c = nr(ar, t);
|
|
650
|
+
return /* @__PURE__ */ _(ie.span, D({
|
|
651
|
+
"data-state": le(c.checked),
|
|
674
652
|
"data-disabled": c.disabled ? "" : void 0
|
|
675
|
-
},
|
|
653
|
+
}, a, {
|
|
676
654
|
ref: n
|
|
677
655
|
}));
|
|
678
|
-
}),
|
|
679
|
-
const { control: n, checked: t, bubbles:
|
|
680
|
-
return
|
|
656
|
+
}), ur = (e) => {
|
|
657
|
+
const { control: n, checked: t, bubbles: a = !0, ...c } = e, r = C(null), o = Ge(t), u = Je(n);
|
|
658
|
+
return N(() => {
|
|
681
659
|
const i = r.current, s = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(s, "checked").set;
|
|
682
|
-
if (
|
|
660
|
+
if (o !== t && l) {
|
|
683
661
|
const p = new Event("click", {
|
|
684
|
-
bubbles:
|
|
662
|
+
bubbles: a
|
|
685
663
|
});
|
|
686
664
|
l.call(i, t), i.dispatchEvent(p);
|
|
687
665
|
}
|
|
688
666
|
}, [
|
|
689
|
-
|
|
667
|
+
o,
|
|
690
668
|
t,
|
|
691
|
-
|
|
692
|
-
]), /* @__PURE__ */ _("input",
|
|
669
|
+
a
|
|
670
|
+
]), /* @__PURE__ */ _("input", D({
|
|
693
671
|
type: "checkbox",
|
|
694
672
|
"aria-hidden": !0,
|
|
695
673
|
defaultChecked: t
|
|
@@ -706,14 +684,14 @@ const tr = [
|
|
|
706
684
|
}
|
|
707
685
|
}));
|
|
708
686
|
};
|
|
709
|
-
function
|
|
687
|
+
function le(e) {
|
|
710
688
|
return e ? "checked" : "unchecked";
|
|
711
689
|
}
|
|
712
|
-
const
|
|
713
|
-
function
|
|
690
|
+
const ir = or, sr = cr;
|
|
691
|
+
function lr(e) {
|
|
714
692
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
715
693
|
}
|
|
716
|
-
var
|
|
694
|
+
var pe = { exports: {} };
|
|
717
695
|
/*!
|
|
718
696
|
Copyright (c) 2018 Jed Watson.
|
|
719
697
|
Licensed under the MIT License (MIT), see
|
|
@@ -723,13 +701,13 @@ var fe = { exports: {} };
|
|
|
723
701
|
(function() {
|
|
724
702
|
var n = {}.hasOwnProperty;
|
|
725
703
|
function t() {
|
|
726
|
-
for (var r = "",
|
|
727
|
-
var u = arguments[
|
|
728
|
-
u && (r = c(r,
|
|
704
|
+
for (var r = "", o = 0; o < arguments.length; o++) {
|
|
705
|
+
var u = arguments[o];
|
|
706
|
+
u && (r = c(r, a(u)));
|
|
729
707
|
}
|
|
730
708
|
return r;
|
|
731
709
|
}
|
|
732
|
-
function
|
|
710
|
+
function a(r) {
|
|
733
711
|
if (typeof r == "string" || typeof r == "number")
|
|
734
712
|
return r;
|
|
735
713
|
if (typeof r != "object")
|
|
@@ -738,19 +716,19 @@ var fe = { exports: {} };
|
|
|
738
716
|
return t.apply(null, r);
|
|
739
717
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
740
718
|
return r.toString();
|
|
741
|
-
var
|
|
719
|
+
var o = "";
|
|
742
720
|
for (var u in r)
|
|
743
|
-
n.call(r, u) && r[u] && (
|
|
744
|
-
return
|
|
721
|
+
n.call(r, u) && r[u] && (o = c(o, u));
|
|
722
|
+
return o;
|
|
745
723
|
}
|
|
746
|
-
function c(r,
|
|
747
|
-
return
|
|
724
|
+
function c(r, o) {
|
|
725
|
+
return o ? r ? r + " " + o : r + o : r;
|
|
748
726
|
}
|
|
749
727
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
750
728
|
})();
|
|
751
|
-
})(
|
|
752
|
-
var
|
|
753
|
-
const
|
|
729
|
+
})(pe);
|
|
730
|
+
var pr = pe.exports;
|
|
731
|
+
const q = /* @__PURE__ */ lr(pr), S = {
|
|
754
732
|
"purpur-toggle": "_purpur-toggle_1xng6_1",
|
|
755
733
|
"purpur-toggle__track": "_purpur-toggle__track_1xng6_7",
|
|
756
734
|
"purpur-toggle__checkmark-container": "_purpur-toggle__checkmark-container_1xng6_45",
|
|
@@ -760,106 +738,106 @@ const F = /* @__PURE__ */ dr(fr), S = {
|
|
|
760
738
|
"purpur-toggle__label--right": "_purpur-toggle__label--right_1xng6_100",
|
|
761
739
|
"purpur-toggle__label--left": "_purpur-toggle__label--left_1xng6_103",
|
|
762
740
|
"purpur-toggle__container": "_purpur-toggle__container_1xng6_106"
|
|
763
|
-
},
|
|
741
|
+
}, Y = (e) => e && "touches" in e, dr = ({
|
|
764
742
|
children: e,
|
|
765
743
|
disabled: n,
|
|
766
744
|
onStart: t,
|
|
767
|
-
onDrag:
|
|
745
|
+
onDrag: a,
|
|
768
746
|
onStop: c,
|
|
769
747
|
bounds: r,
|
|
770
|
-
position:
|
|
748
|
+
position: o,
|
|
771
749
|
style: u
|
|
772
750
|
}) => {
|
|
773
751
|
const [i, s] = $(void 0), [h, l] = $(void 0), [p, v] = $(!1), f = (b) => {
|
|
774
752
|
if (!n) {
|
|
775
753
|
b.preventDefault();
|
|
776
|
-
const m =
|
|
754
|
+
const m = Y(b.nativeEvent) ? b.nativeEvent.touches[0].clientX : b.nativeEvent.clientX;
|
|
777
755
|
l(m), t == null || t();
|
|
778
756
|
}
|
|
779
|
-
}, g =
|
|
757
|
+
}, g = X(
|
|
780
758
|
(b) => {
|
|
781
759
|
if (typeof h != "number")
|
|
782
760
|
return;
|
|
783
|
-
const
|
|
784
|
-
if (!
|
|
761
|
+
const A = (Y(b) ? b.touches[0].clientX : b.clientX) - h;
|
|
762
|
+
if (!A)
|
|
785
763
|
return;
|
|
786
|
-
const
|
|
787
|
-
!p && Math.abs(
|
|
788
|
-
const
|
|
789
|
-
s(
|
|
764
|
+
const O = o + A;
|
|
765
|
+
!p && Math.abs(O) && v(!0);
|
|
766
|
+
const B = O > r.right ? r.right : O < r.left ? r.left : O;
|
|
767
|
+
s(B), a == null || a({ x: B });
|
|
790
768
|
},
|
|
791
|
-
[
|
|
792
|
-
), d =
|
|
769
|
+
[a, s, p, h]
|
|
770
|
+
), d = X(() => {
|
|
793
771
|
l(void 0), s(void 0), v(!1), c == null || c();
|
|
794
772
|
}, [c, l]);
|
|
795
|
-
return
|
|
773
|
+
return N(() => (window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), () => {
|
|
796
774
|
window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g);
|
|
797
|
-
}), [g]),
|
|
775
|
+
}), [g]), N(() => (window.addEventListener("mouseup", d), window.addEventListener("touchend", d), () => {
|
|
798
776
|
window.removeEventListener("mouseup", d), window.removeEventListener("touchend", d);
|
|
799
|
-
}), [d]), k(e) ?
|
|
777
|
+
}), [d]), k(e) ? L(y.only(e), {
|
|
800
778
|
onMouseDown: f,
|
|
801
779
|
onTouchStart: f,
|
|
802
|
-
style: { ...u, transform: `translateX(${p ? i :
|
|
780
|
+
style: { ...u, transform: `translateX(${p ? i : o}px)` }
|
|
803
781
|
}) : null;
|
|
804
|
-
},
|
|
805
|
-
var
|
|
806
|
-
const t =
|
|
807
|
-
|
|
808
|
-
var
|
|
809
|
-
l(((
|
|
810
|
-
}, [(
|
|
782
|
+
}, fr = ({ checked: e, onChange: n }) => {
|
|
783
|
+
var V, W;
|
|
784
|
+
const t = C(null), a = C(null), [c, r] = $(void 0), [o, u] = $(!1), [i, s] = $(0), [h, l] = $(0), [p, v] = $(0);
|
|
785
|
+
Q(() => {
|
|
786
|
+
var R, T;
|
|
787
|
+
l(((R = a.current) == null ? void 0 : R.clientHeight) || 0), v(((T = t.current) == null ? void 0 : T.clientHeight) || 0);
|
|
788
|
+
}, [(V = a.current) == null ? void 0 : V.clientHeight, (W = t.current) == null ? void 0 : W.clientHeight]);
|
|
811
789
|
const f = (p || 0) - h, g = h + f, d = f / 2, b = g / 2, m = typeof c == "number" && (e ? c < b : c > b);
|
|
812
790
|
return {
|
|
813
791
|
trackRef: t,
|
|
814
|
-
thumbRef:
|
|
815
|
-
isDragging:
|
|
792
|
+
thumbRef: a,
|
|
793
|
+
isDragging: o,
|
|
816
794
|
bounds: { left: d, right: g },
|
|
817
795
|
position: e ? g : d,
|
|
818
|
-
onDrag: ({ x:
|
|
819
|
-
r(
|
|
796
|
+
onDrag: ({ x: R }) => {
|
|
797
|
+
r(R), Math.abs((e ? g : d) - R) > 2 && u(!0);
|
|
820
798
|
},
|
|
821
799
|
onStop: () => {
|
|
822
|
-
u(!1),
|
|
800
|
+
u(!1), o && s(Date.now()), m && (n == null || n(!e));
|
|
823
801
|
},
|
|
824
802
|
onChangeWithDrag: () => {
|
|
825
803
|
Date.now() - i > 50 && (n == null || n(!e)), r(void 0);
|
|
826
804
|
}
|
|
827
805
|
};
|
|
828
|
-
}, P = "purpur-toggle",
|
|
806
|
+
}, P = "purpur-toggle", gr = ({
|
|
829
807
|
["data-testid"]: e,
|
|
830
808
|
className: n,
|
|
831
809
|
label: t,
|
|
832
|
-
onChange:
|
|
810
|
+
onChange: a,
|
|
833
811
|
labelPosition: c = "right",
|
|
834
812
|
checked: r,
|
|
835
|
-
disableDrag:
|
|
813
|
+
disableDrag: o,
|
|
836
814
|
defaultChecked: u,
|
|
837
815
|
...i
|
|
838
816
|
}, s) => {
|
|
839
817
|
const [h, l] = $(
|
|
840
818
|
typeof r == "boolean" ? r : !!u
|
|
841
|
-
), p = !!(typeof r == "boolean" ? r : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } =
|
|
819
|
+
), p = !!(typeof r == "boolean" ? r : h), { thumbRef: v, trackRef: f, isDragging: g, onChangeWithDrag: d, ...b } = fr({
|
|
842
820
|
checked: p,
|
|
843
|
-
onChange: (
|
|
844
|
-
i.disabled || (
|
|
821
|
+
onChange: (A) => {
|
|
822
|
+
i.disabled || (a == null || a(A), l(A));
|
|
845
823
|
}
|
|
846
824
|
}), m = () => /* @__PURE__ */ x(
|
|
847
|
-
|
|
825
|
+
He,
|
|
848
826
|
{
|
|
849
827
|
htmlFor: i.id,
|
|
850
828
|
"data-testid": e && `${e}-label`,
|
|
851
829
|
disabled: i.disabled,
|
|
852
|
-
className:
|
|
830
|
+
className: q(
|
|
853
831
|
S[`${P}__label`],
|
|
854
832
|
S[`${P}__label--${c}`]
|
|
855
833
|
),
|
|
856
|
-
children: /* @__PURE__ */ x(
|
|
834
|
+
children: /* @__PURE__ */ x(oe, { variant: "paragraph-100", disabled: i.disabled, children: t })
|
|
857
835
|
}
|
|
858
836
|
);
|
|
859
|
-
return /* @__PURE__ */
|
|
837
|
+
return /* @__PURE__ */ G("div", { className: q([n, S[`${P}__container`]]), children: [
|
|
860
838
|
t && c === "left" && m(),
|
|
861
839
|
/* @__PURE__ */ x(
|
|
862
|
-
|
|
840
|
+
ir,
|
|
863
841
|
{
|
|
864
842
|
...i,
|
|
865
843
|
ref: s,
|
|
@@ -868,21 +846,21 @@ const F = /* @__PURE__ */ dr(fr), S = {
|
|
|
868
846
|
className: S[P],
|
|
869
847
|
onCheckedChange: d,
|
|
870
848
|
checked: p,
|
|
871
|
-
children: /* @__PURE__ */
|
|
849
|
+
children: /* @__PURE__ */ G("span", { ref: f, className: S[`${P}__track`], children: [
|
|
872
850
|
/* @__PURE__ */ x("span", { className: S[`${P}__checkmark-container`], children: /* @__PURE__ */ x(
|
|
873
|
-
|
|
851
|
+
we,
|
|
874
852
|
{
|
|
875
853
|
className: S[`${P}__checkmark`],
|
|
876
|
-
svg:
|
|
854
|
+
svg: _e,
|
|
877
855
|
size: "xxs"
|
|
878
856
|
}
|
|
879
857
|
) }),
|
|
880
|
-
/* @__PURE__ */ x(
|
|
881
|
-
|
|
858
|
+
/* @__PURE__ */ x(dr, { disabled: o, ...b, children: /* @__PURE__ */ x(
|
|
859
|
+
sr,
|
|
882
860
|
{
|
|
883
861
|
ref: v,
|
|
884
862
|
"data-testid": e && `${e}-thumb`,
|
|
885
|
-
className:
|
|
863
|
+
className: q([
|
|
886
864
|
S[`${P}__thumb`],
|
|
887
865
|
{
|
|
888
866
|
[S[`${P}__thumb--dragging`]]: g
|
|
@@ -895,9 +873,9 @@ const F = /* @__PURE__ */ dr(fr), S = {
|
|
|
895
873
|
),
|
|
896
874
|
t && c === "right" && m()
|
|
897
875
|
] });
|
|
898
|
-
},
|
|
899
|
-
|
|
876
|
+
}, hr = w(gr);
|
|
877
|
+
hr.displayName = "Toggle";
|
|
900
878
|
export {
|
|
901
|
-
|
|
879
|
+
hr as Toggle
|
|
902
880
|
};
|
|
903
881
|
//# sourceMappingURL=toggle.es.js.map
|