@purpurds/accordion 5.5.0 → 5.7.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 +3 -3
- package/dist/accordion-item.d.ts +7 -3
- package/dist/accordion-item.d.ts.map +1 -1
- package/dist/accordion.cjs.js +5 -5
- package/dist/accordion.cjs.js.map +1 -1
- package/dist/accordion.d.ts +7 -3
- package/dist/accordion.d.ts.map +1 -1
- package/dist/accordion.es.js +216 -212
- package/dist/accordion.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -5
- package/src/accordion-item.module.scss +12 -5
- package/src/accordion-item.tsx +15 -22
- package/src/accordion.tsx +19 -8
package/dist/accordion.es.js
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
import { jsx as A, jsxs as X } from "react/jsx-runtime";
|
2
2
|
import * as be from "react";
|
3
|
-
import u, { createContext as ee, useMemo as
|
4
|
-
import { flushSync as
|
5
|
-
function
|
3
|
+
import u, { createContext as ee, useMemo as V, createElement as y, useContext as $e, useCallback as G, forwardRef as S, Children as w, isValidElement as U, cloneElement as F, Fragment as je, useRef as C, useEffect as D, useState as re, useLayoutEffect as qe, useReducer as Ve } from "react";
|
4
|
+
import { flushSync as Ue } from "react-dom";
|
5
|
+
function Be(e) {
|
6
6
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
7
7
|
}
|
8
8
|
var _e = { exports: {} };
|
@@ -41,8 +41,8 @@ var _e = { exports: {} };
|
|
41
41
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
42
42
|
})();
|
43
43
|
})(_e);
|
44
|
-
var
|
45
|
-
const
|
44
|
+
var He = _e.exports;
|
45
|
+
const Ge = /* @__PURE__ */ Be(He), k = {
|
46
46
|
"purpur-heading": "_purpur-heading_k9fhq_1",
|
47
47
|
"purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
|
48
48
|
"purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
|
@@ -58,7 +58,7 @@ const Fe = /* @__PURE__ */ He(Ge), j = {
|
|
58
58
|
"purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
|
59
59
|
"purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
|
60
60
|
"purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
|
61
|
-
},
|
61
|
+
}, Fe = {
|
62
62
|
TITLE100: "title-100",
|
63
63
|
TITLE200: "title-200",
|
64
64
|
TITLE300: "title-300",
|
@@ -67,26 +67,26 @@ const Fe = /* @__PURE__ */ He(Ge), j = {
|
|
67
67
|
TITLE600: "title-600",
|
68
68
|
TITLE700: "title-700",
|
69
69
|
SUBSECTION100: "subsection-100"
|
70
|
-
},
|
70
|
+
}, j = "purpur-heading", me = ({
|
71
71
|
["data-testid"]: e,
|
72
72
|
children: r,
|
73
73
|
className: n = "",
|
74
74
|
enableHyphenation: o = !1,
|
75
75
|
negative: c = !1,
|
76
76
|
tag: t,
|
77
|
-
variant: a =
|
77
|
+
variant: a = Fe.TITLE100,
|
78
78
|
...i
|
79
79
|
}) => {
|
80
|
-
const
|
80
|
+
const l = t, s = Ge([
|
81
81
|
n,
|
82
|
-
j
|
83
|
-
|
82
|
+
k[j],
|
83
|
+
k[`${j}--${a}`],
|
84
84
|
{
|
85
|
-
[
|
86
|
-
[
|
85
|
+
[k[`${j}--hyphens`]]: o,
|
86
|
+
[k[`${j}--negative`]]: c
|
87
87
|
}
|
88
88
|
]);
|
89
|
-
return /* @__PURE__ */ A(
|
89
|
+
return /* @__PURE__ */ A(l, { ...i, className: s, "data-testid": e, children: r });
|
90
90
|
};
|
91
91
|
function h() {
|
92
92
|
return h = Object.assign ? Object.assign.bind() : function(e) {
|
@@ -101,13 +101,13 @@ function h() {
|
|
101
101
|
function oe(e, r = []) {
|
102
102
|
let n = [];
|
103
103
|
function o(t, a) {
|
104
|
-
const i = /* @__PURE__ */ ee(a),
|
104
|
+
const i = /* @__PURE__ */ ee(a), l = n.length;
|
105
105
|
n = [
|
106
106
|
...n,
|
107
107
|
a
|
108
108
|
];
|
109
|
-
function
|
110
|
-
const { scope: _, children: f, ...b } = p, x = (_ == null ? void 0 : _[e][
|
109
|
+
function s(p) {
|
110
|
+
const { scope: _, children: f, ...b } = p, x = (_ == null ? void 0 : _[e][l]) || i, g = V(
|
111
111
|
() => b,
|
112
112
|
Object.values(b)
|
113
113
|
);
|
@@ -116,42 +116,42 @@ function oe(e, r = []) {
|
|
116
116
|
}, f);
|
117
117
|
}
|
118
118
|
function d(p, _) {
|
119
|
-
const f = (_ == null ? void 0 : _[e][
|
119
|
+
const f = (_ == null ? void 0 : _[e][l]) || i, b = $e(f);
|
120
120
|
if (b)
|
121
121
|
return b;
|
122
122
|
if (a !== void 0)
|
123
123
|
return a;
|
124
124
|
throw new Error(`\`${p}\` must be used within \`${t}\``);
|
125
125
|
}
|
126
|
-
return
|
127
|
-
|
126
|
+
return s.displayName = t + "Provider", [
|
127
|
+
s,
|
128
128
|
d
|
129
129
|
];
|
130
130
|
}
|
131
131
|
const c = () => {
|
132
132
|
const t = n.map((a) => /* @__PURE__ */ ee(a));
|
133
133
|
return function(i) {
|
134
|
-
const
|
135
|
-
return
|
134
|
+
const l = (i == null ? void 0 : i[e]) || t;
|
135
|
+
return V(
|
136
136
|
() => ({
|
137
137
|
[`__scope${e}`]: {
|
138
138
|
...i,
|
139
|
-
[e]:
|
139
|
+
[e]: l
|
140
140
|
}
|
141
141
|
}),
|
142
142
|
[
|
143
143
|
i,
|
144
|
-
|
144
|
+
l
|
145
145
|
]
|
146
146
|
);
|
147
147
|
};
|
148
148
|
};
|
149
149
|
return c.scopeName = e, [
|
150
150
|
o,
|
151
|
-
|
151
|
+
ze(c, ...r)
|
152
152
|
];
|
153
153
|
}
|
154
|
-
function
|
154
|
+
function ze(...e) {
|
155
155
|
const r = e[0];
|
156
156
|
if (e.length === 1)
|
157
157
|
return r;
|
@@ -163,14 +163,14 @@ function Ke(...e) {
|
|
163
163
|
})
|
164
164
|
);
|
165
165
|
return function(t) {
|
166
|
-
const a = o.reduce((i, { useScope:
|
167
|
-
const p =
|
166
|
+
const a = o.reduce((i, { useScope: l, scopeName: s }) => {
|
167
|
+
const p = l(t)[`__scope${s}`];
|
168
168
|
return {
|
169
169
|
...i,
|
170
170
|
...p
|
171
171
|
};
|
172
172
|
}, {});
|
173
|
-
return
|
173
|
+
return V(
|
174
174
|
() => ({
|
175
175
|
[`__scope${r.scopeName}`]: a
|
176
176
|
}),
|
@@ -182,24 +182,24 @@ function Ke(...e) {
|
|
182
182
|
};
|
183
183
|
return n.scopeName = r.scopeName, n;
|
184
184
|
}
|
185
|
-
function
|
185
|
+
function Ke(e, r) {
|
186
186
|
typeof e == "function" ? e(r) : e != null && (e.current = r);
|
187
187
|
}
|
188
188
|
function he(...e) {
|
189
189
|
return (r) => e.forEach(
|
190
|
-
(n) =>
|
190
|
+
(n) => Ke(n, r)
|
191
191
|
);
|
192
192
|
}
|
193
|
-
function
|
193
|
+
function M(...e) {
|
194
194
|
return G(he(...e), e);
|
195
195
|
}
|
196
196
|
const B = /* @__PURE__ */ S((e, r) => {
|
197
|
-
const { children: n, ...o } = e, c = w.toArray(n), t = c.find(
|
197
|
+
const { children: n, ...o } = e, c = w.toArray(n), t = c.find(Ye);
|
198
198
|
if (t) {
|
199
|
-
const a = t.props.children, i = c.map((
|
199
|
+
const a = t.props.children, i = c.map((l) => l === t ? w.count(a) > 1 ? w.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : l);
|
200
200
|
return /* @__PURE__ */ y(te, h({}, o, {
|
201
201
|
ref: r
|
202
|
-
}), /* @__PURE__ */
|
202
|
+
}), /* @__PURE__ */ U(a) ? /* @__PURE__ */ F(a, void 0, i) : null);
|
203
203
|
}
|
204
204
|
return /* @__PURE__ */ y(te, h({}, o, {
|
205
205
|
ref: r
|
@@ -208,17 +208,17 @@ const B = /* @__PURE__ */ S((e, r) => {
|
|
208
208
|
B.displayName = "Slot";
|
209
209
|
const te = /* @__PURE__ */ S((e, r) => {
|
210
210
|
const { children: n, ...o } = e;
|
211
|
-
return /* @__PURE__ */
|
212
|
-
...
|
211
|
+
return /* @__PURE__ */ U(n) ? /* @__PURE__ */ F(n, {
|
212
|
+
...Je(o, n.props),
|
213
213
|
ref: r ? he(r, n.ref) : n.ref
|
214
214
|
}) : w.count(n) > 1 ? w.only(null) : null;
|
215
215
|
});
|
216
216
|
te.displayName = "SlotClone";
|
217
|
-
const
|
218
|
-
function
|
219
|
-
return /* @__PURE__ */
|
217
|
+
const Ze = ({ children: e }) => /* @__PURE__ */ y(je, null, e);
|
218
|
+
function Ye(e) {
|
219
|
+
return /* @__PURE__ */ U(e) && e.type === Ze;
|
220
220
|
}
|
221
|
-
function
|
221
|
+
function Je(e, r) {
|
222
222
|
const n = {
|
223
223
|
...r
|
224
224
|
};
|
@@ -239,7 +239,7 @@ function Qe(e, r) {
|
|
239
239
|
...n
|
240
240
|
};
|
241
241
|
}
|
242
|
-
function
|
242
|
+
function Qe(e) {
|
243
243
|
const r = e + "CollectionProvider", [n, o] = oe(r), [c, t] = n(r, {
|
244
244
|
collectionRef: {
|
245
245
|
current: null
|
@@ -252,13 +252,13 @@ function We(e) {
|
|
252
252
|
itemMap: m,
|
253
253
|
collectionRef: g
|
254
254
|
}, x);
|
255
|
-
}, i = e + "CollectionSlot",
|
256
|
-
const { scope: x, children: g } = f, m = t(i, x), $ =
|
255
|
+
}, i = e + "CollectionSlot", l = /* @__PURE__ */ u.forwardRef((f, b) => {
|
256
|
+
const { scope: x, children: g } = f, m = t(i, x), $ = M(b, m.collectionRef);
|
257
257
|
return /* @__PURE__ */ u.createElement(B, {
|
258
258
|
ref: $
|
259
259
|
}, g);
|
260
|
-
}),
|
261
|
-
const { scope: x, children: g, ...m } = f, $ = u.useRef(null), v =
|
260
|
+
}), s = e + "CollectionItemSlot", d = "data-radix-collection-item", p = /* @__PURE__ */ u.forwardRef((f, b) => {
|
261
|
+
const { scope: x, children: g, ...m } = f, $ = u.useRef(null), v = M(b, $), N = t(s, x);
|
262
262
|
return u.useEffect(() => (N.itemMap.set($, {
|
263
263
|
ref: $,
|
264
264
|
...m
|
@@ -285,7 +285,7 @@ function We(e) {
|
|
285
285
|
return [
|
286
286
|
{
|
287
287
|
Provider: a,
|
288
|
-
Slot:
|
288
|
+
Slot: l,
|
289
289
|
ItemSlot: p
|
290
290
|
},
|
291
291
|
_,
|
@@ -300,9 +300,9 @@ function ge(e, r, { checkForDefaultPrevented: n = !0 } = {}) {
|
|
300
300
|
}
|
301
301
|
function ve(e) {
|
302
302
|
const r = C(e);
|
303
|
-
return
|
303
|
+
return D(() => {
|
304
304
|
r.current = e;
|
305
|
-
}),
|
305
|
+
}), V(
|
306
306
|
() => (...n) => {
|
307
307
|
var o;
|
308
308
|
return (o = r.current) === null || o === void 0 ? void 0 : o.call(r, ...n);
|
@@ -312,15 +312,15 @@ function ve(e) {
|
|
312
312
|
}
|
313
313
|
function ae({ prop: e, defaultProp: r, onChange: n = () => {
|
314
314
|
} }) {
|
315
|
-
const [o, c] =
|
315
|
+
const [o, c] = We({
|
316
316
|
defaultProp: r,
|
317
317
|
onChange: n
|
318
|
-
}), t = e !== void 0, a = t ? e : o, i = ve(n),
|
318
|
+
}), t = e !== void 0, a = t ? e : o, i = ve(n), l = G((s) => {
|
319
319
|
if (t) {
|
320
|
-
const p = typeof
|
320
|
+
const p = typeof s == "function" ? s(e) : s;
|
321
321
|
p !== e && i(p);
|
322
322
|
} else
|
323
|
-
c(
|
323
|
+
c(s);
|
324
324
|
}, [
|
325
325
|
t,
|
326
326
|
e,
|
@@ -329,12 +329,12 @@ function ae({ prop: e, defaultProp: r, onChange: n = () => {
|
|
329
329
|
]);
|
330
330
|
return [
|
331
331
|
a,
|
332
|
-
|
332
|
+
l
|
333
333
|
];
|
334
334
|
}
|
335
|
-
function
|
335
|
+
function We({ defaultProp: e, onChange: r }) {
|
336
336
|
const n = re(e), [o] = n, c = C(o), t = ve(r);
|
337
|
-
return
|
337
|
+
return D(() => {
|
338
338
|
c.current !== o && (t(o), c.current = o);
|
339
339
|
}, [
|
340
340
|
o,
|
@@ -342,7 +342,7 @@ function Xe({ defaultProp: e, onChange: r }) {
|
|
342
342
|
t
|
343
343
|
]), n;
|
344
344
|
}
|
345
|
-
const
|
345
|
+
const Xe = [
|
346
346
|
"a",
|
347
347
|
"button",
|
348
348
|
"div",
|
@@ -359,10 +359,10 @@ const et = [
|
|
359
359
|
"span",
|
360
360
|
"svg",
|
361
361
|
"ul"
|
362
|
-
],
|
362
|
+
], L = Xe.reduce((e, r) => {
|
363
363
|
const n = /* @__PURE__ */ S((o, c) => {
|
364
364
|
const { asChild: t, ...a } = o, i = t ? B : r;
|
365
|
-
return
|
365
|
+
return D(() => {
|
366
366
|
window[Symbol.for("radix-ui")] = !0;
|
367
367
|
}, []), /* @__PURE__ */ y(i, h({}, a, {
|
368
368
|
ref: c
|
@@ -372,25 +372,25 @@ const et = [
|
|
372
372
|
...e,
|
373
373
|
[r]: n
|
374
374
|
};
|
375
|
-
}, {}), H = globalThis != null && globalThis.document ?
|
375
|
+
}, {}), H = globalThis != null && globalThis.document ? qe : () => {
|
376
376
|
};
|
377
|
-
function
|
378
|
-
return
|
377
|
+
function et(e, r) {
|
378
|
+
return Ve((n, o) => {
|
379
379
|
const c = r[n][o];
|
380
380
|
return c ?? n;
|
381
381
|
}, e);
|
382
382
|
}
|
383
383
|
const xe = (e) => {
|
384
|
-
const { present: r, children: n } = e, o =
|
384
|
+
const { present: r, children: n } = e, o = tt(r), c = typeof n == "function" ? n({
|
385
385
|
present: o.isPresent
|
386
|
-
}) : w.only(n), t =
|
386
|
+
}) : w.only(n), t = M(o.ref, c.ref);
|
387
387
|
return typeof n == "function" || o.isPresent ? /* @__PURE__ */ F(c, {
|
388
388
|
ref: t
|
389
389
|
}) : null;
|
390
390
|
};
|
391
391
|
xe.displayName = "Presence";
|
392
|
-
function
|
393
|
-
const [r, n] = re(), o = C({}), c = C(e), t = C("none"), a = e ? "mounted" : "unmounted", [i,
|
392
|
+
function tt(e) {
|
393
|
+
const [r, n] = re(), o = C({}), c = C(e), t = C("none"), a = e ? "mounted" : "unmounted", [i, l] = et(a, {
|
394
394
|
mounted: {
|
395
395
|
UNMOUNT: "unmounted",
|
396
396
|
ANIMATION_OUT: "unmountSuspended"
|
@@ -403,92 +403,92 @@ function nt(e) {
|
|
403
403
|
MOUNT: "mounted"
|
404
404
|
}
|
405
405
|
});
|
406
|
-
return
|
407
|
-
const
|
408
|
-
t.current = i === "mounted" ?
|
406
|
+
return D(() => {
|
407
|
+
const s = q(o.current);
|
408
|
+
t.current = i === "mounted" ? s : "none";
|
409
409
|
}, [
|
410
410
|
i
|
411
411
|
]), H(() => {
|
412
|
-
const
|
412
|
+
const s = o.current, d = c.current;
|
413
413
|
if (d !== e) {
|
414
|
-
const _ = t.current, f =
|
415
|
-
e ?
|
414
|
+
const _ = t.current, f = q(s);
|
415
|
+
e ? l("MOUNT") : f === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(d && _ !== f ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
|
416
416
|
}
|
417
417
|
}, [
|
418
418
|
e,
|
419
|
-
|
419
|
+
l
|
420
420
|
]), H(() => {
|
421
421
|
if (r) {
|
422
|
-
const
|
423
|
-
const f =
|
424
|
-
p.target === r && f &&
|
425
|
-
() =>
|
422
|
+
const s = (p) => {
|
423
|
+
const f = q(o.current).includes(p.animationName);
|
424
|
+
p.target === r && f && Ue(
|
425
|
+
() => l("ANIMATION_END")
|
426
426
|
);
|
427
427
|
}, d = (p) => {
|
428
|
-
p.target === r && (t.current =
|
428
|
+
p.target === r && (t.current = q(o.current));
|
429
429
|
};
|
430
|
-
return r.addEventListener("animationstart", d), r.addEventListener("animationcancel",
|
431
|
-
r.removeEventListener("animationstart", d), r.removeEventListener("animationcancel",
|
430
|
+
return r.addEventListener("animationstart", d), r.addEventListener("animationcancel", s), r.addEventListener("animationend", s), () => {
|
431
|
+
r.removeEventListener("animationstart", d), r.removeEventListener("animationcancel", s), r.removeEventListener("animationend", s);
|
432
432
|
};
|
433
433
|
} else
|
434
|
-
|
434
|
+
l("ANIMATION_END");
|
435
435
|
}, [
|
436
436
|
r,
|
437
|
-
|
437
|
+
l
|
438
438
|
]), {
|
439
439
|
isPresent: [
|
440
440
|
"mounted",
|
441
441
|
"unmountSuspended"
|
442
442
|
].includes(i),
|
443
|
-
ref: G((
|
444
|
-
|
443
|
+
ref: G((s) => {
|
444
|
+
s && (o.current = getComputedStyle(s)), n(s);
|
445
445
|
}, [])
|
446
446
|
};
|
447
447
|
}
|
448
|
-
function
|
448
|
+
function q(e) {
|
449
449
|
return (e == null ? void 0 : e.animationName) || "none";
|
450
450
|
}
|
451
|
-
const
|
451
|
+
const nt = be.useId || (() => {
|
452
452
|
});
|
453
|
-
let
|
453
|
+
let rt = 0;
|
454
454
|
function Ae(e) {
|
455
|
-
const [r, n] = be.useState(
|
455
|
+
const [r, n] = be.useState(nt());
|
456
456
|
return H(() => {
|
457
457
|
n(
|
458
|
-
(o) => o ?? String(
|
458
|
+
(o) => o ?? String(rt++)
|
459
459
|
);
|
460
460
|
}, [
|
461
461
|
e
|
462
462
|
]), r ? `radix-${r}` : "";
|
463
463
|
}
|
464
|
-
const ye = "Collapsible", [
|
465
|
-
const { __scopeCollapsible: n, open: o, defaultOpen: c, disabled: t, onOpenChange: a, ...i } = e, [
|
464
|
+
const ye = "Collapsible", [ot, Ce] = oe(ye), [at, ce] = ot(ye), ct = /* @__PURE__ */ S((e, r) => {
|
465
|
+
const { __scopeCollapsible: n, open: o, defaultOpen: c, disabled: t, onOpenChange: a, ...i } = e, [l = !1, s] = ae({
|
466
466
|
prop: o,
|
467
467
|
defaultProp: c,
|
468
468
|
onChange: a
|
469
469
|
});
|
470
|
-
return /* @__PURE__ */ y(
|
470
|
+
return /* @__PURE__ */ y(at, {
|
471
471
|
scope: n,
|
472
472
|
disabled: t,
|
473
473
|
contentId: Ae(),
|
474
|
-
open:
|
474
|
+
open: l,
|
475
475
|
onOpenToggle: G(
|
476
|
-
() =>
|
476
|
+
() => s(
|
477
477
|
(d) => !d
|
478
478
|
),
|
479
479
|
[
|
480
|
-
|
480
|
+
s
|
481
481
|
]
|
482
482
|
)
|
483
|
-
}, /* @__PURE__ */ y(
|
484
|
-
"data-state": ie(
|
483
|
+
}, /* @__PURE__ */ y(L.div, h({
|
484
|
+
"data-state": ie(l),
|
485
485
|
"data-disabled": t ? "" : void 0
|
486
486
|
}, i, {
|
487
487
|
ref: r
|
488
488
|
})));
|
489
|
-
}),
|
490
|
-
const { __scopeCollapsible: n, ...o } = e, c = ce(
|
491
|
-
return /* @__PURE__ */ y(
|
489
|
+
}), it = "CollapsibleTrigger", st = /* @__PURE__ */ S((e, r) => {
|
490
|
+
const { __scopeCollapsible: n, ...o } = e, c = ce(it, n);
|
491
|
+
return /* @__PURE__ */ y(L.button, h({
|
492
492
|
type: "button",
|
493
493
|
"aria-controls": c.contentId,
|
494
494
|
"aria-expanded": c.open || !1,
|
@@ -499,39 +499,39 @@ const ye = "Collapsible", [at, Ce] = oe(ye), [ct, ce] = at(ye), it = /* @__PURE_
|
|
499
499
|
ref: r,
|
500
500
|
onClick: ge(e.onClick, c.onOpenToggle)
|
501
501
|
}));
|
502
|
-
}), Ne = "CollapsibleContent",
|
502
|
+
}), Ne = "CollapsibleContent", lt = /* @__PURE__ */ S((e, r) => {
|
503
503
|
const { forceMount: n, ...o } = e, c = ce(Ne, e.__scopeCollapsible);
|
504
504
|
return /* @__PURE__ */ y(
|
505
505
|
xe,
|
506
506
|
{
|
507
507
|
present: n || c.open
|
508
508
|
},
|
509
|
-
({ present: t }) => /* @__PURE__ */ y(
|
509
|
+
({ present: t }) => /* @__PURE__ */ y(ut, h({}, o, {
|
510
510
|
ref: r,
|
511
511
|
present: t
|
512
512
|
}))
|
513
513
|
);
|
514
|
-
}),
|
515
|
-
const { __scopeCollapsible: n, present: o, children: c, ...t } = e, a = ce(Ne, n), [i,
|
516
|
-
return
|
514
|
+
}), ut = /* @__PURE__ */ S((e, r) => {
|
515
|
+
const { __scopeCollapsible: n, present: o, children: c, ...t } = e, a = ce(Ne, n), [i, l] = re(o), s = C(null), d = M(r, s), p = C(0), _ = p.current, f = C(0), b = f.current, x = a.open || i, g = C(x), m = C();
|
516
|
+
return D(() => {
|
517
517
|
const $ = requestAnimationFrame(
|
518
518
|
() => g.current = !1
|
519
519
|
);
|
520
520
|
return () => cancelAnimationFrame($);
|
521
521
|
}, []), H(() => {
|
522
|
-
const $ =
|
522
|
+
const $ = s.current;
|
523
523
|
if ($) {
|
524
524
|
m.current = m.current || {
|
525
525
|
transitionDuration: $.style.transitionDuration,
|
526
526
|
animationName: $.style.animationName
|
527
527
|
}, $.style.transitionDuration = "0s", $.style.animationName = "none";
|
528
528
|
const v = $.getBoundingClientRect();
|
529
|
-
p.current = v.height, f.current = v.width, g.current || ($.style.transitionDuration = m.current.transitionDuration, $.style.animationName = m.current.animationName),
|
529
|
+
p.current = v.height, f.current = v.width, g.current || ($.style.transitionDuration = m.current.transitionDuration, $.style.animationName = m.current.animationName), l(o);
|
530
530
|
}
|
531
531
|
}, [
|
532
532
|
a.open,
|
533
533
|
o
|
534
|
-
]), /* @__PURE__ */ y(
|
534
|
+
]), /* @__PURE__ */ y(L.div, h({
|
535
535
|
"data-state": ie(a.open),
|
536
536
|
"data-disabled": a.disabled ? "" : void 0,
|
537
537
|
id: a.contentId,
|
@@ -548,28 +548,28 @@ const ye = "Collapsible", [at, Ce] = oe(ye), [ct, ce] = at(ye), it = /* @__PURE_
|
|
548
548
|
function ie(e) {
|
549
549
|
return e ? "open" : "closed";
|
550
550
|
}
|
551
|
-
const
|
552
|
-
function
|
553
|
-
const r = $e(
|
551
|
+
const pt = ct, dt = st, ft = lt, bt = /* @__PURE__ */ ee(void 0);
|
552
|
+
function $t(e) {
|
553
|
+
const r = $e(bt);
|
554
554
|
return e || r || "ltr";
|
555
555
|
}
|
556
|
-
const I = "Accordion",
|
556
|
+
const I = "Accordion", _t = [
|
557
557
|
"Home",
|
558
558
|
"End",
|
559
559
|
"ArrowDown",
|
560
560
|
"ArrowUp",
|
561
561
|
"ArrowLeft",
|
562
562
|
"ArrowRight"
|
563
|
-
], [se,
|
564
|
-
|
563
|
+
], [se, mt, ht] = Qe(I), [z, ln] = oe(I, [
|
564
|
+
ht,
|
565
565
|
Ce
|
566
566
|
]), le = Ce(), Ee = /* @__PURE__ */ u.forwardRef((e, r) => {
|
567
567
|
const { type: n, ...o } = e, c = o, t = o;
|
568
568
|
return /* @__PURE__ */ u.createElement(se.Provider, {
|
569
569
|
scope: e.__scopeAccordion
|
570
|
-
}, n === "multiple" ? /* @__PURE__ */ u.createElement(
|
570
|
+
}, n === "multiple" ? /* @__PURE__ */ u.createElement(At, h({}, t, {
|
571
571
|
ref: r
|
572
|
-
})) : /* @__PURE__ */ u.createElement(
|
572
|
+
})) : /* @__PURE__ */ u.createElement(xt, h({}, c, {
|
573
573
|
ref: r
|
574
574
|
})));
|
575
575
|
});
|
@@ -582,11 +582,11 @@ Ee.propTypes = {
|
|
582
582
|
].includes(e.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : e.type === "multiple" && typeof r == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : e.type === "single" && Array.isArray(r) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
|
583
583
|
}
|
584
584
|
};
|
585
|
-
const [Ie,
|
585
|
+
const [Ie, gt] = z(I), [Pe, vt] = z(I, {
|
586
586
|
collapsible: !1
|
587
|
-
}),
|
587
|
+
}), xt = /* @__PURE__ */ u.forwardRef((e, r) => {
|
588
588
|
const { value: n, defaultValue: o, onValueChange: c = () => {
|
589
|
-
}, collapsible: t = !1, ...a } = e, [i,
|
589
|
+
}, collapsible: t = !1, ...a } = e, [i, l] = ae({
|
590
590
|
prop: n,
|
591
591
|
defaultProp: o,
|
592
592
|
onChange: c
|
@@ -596,12 +596,12 @@ const [Ie, vt] = z(I), [Pe, xt] = z(I, {
|
|
596
596
|
value: i ? [
|
597
597
|
i
|
598
598
|
] : [],
|
599
|
-
onItemOpen:
|
599
|
+
onItemOpen: l,
|
600
600
|
onItemClose: u.useCallback(
|
601
|
-
() => t &&
|
601
|
+
() => t && l(""),
|
602
602
|
[
|
603
603
|
t,
|
604
|
-
|
604
|
+
l
|
605
605
|
]
|
606
606
|
)
|
607
607
|
}, /* @__PURE__ */ u.createElement(Pe, {
|
@@ -610,13 +610,13 @@ const [Ie, vt] = z(I), [Pe, xt] = z(I, {
|
|
610
610
|
}, /* @__PURE__ */ u.createElement(we, h({}, a, {
|
611
611
|
ref: r
|
612
612
|
}))));
|
613
|
-
}),
|
613
|
+
}), At = /* @__PURE__ */ u.forwardRef((e, r) => {
|
614
614
|
const { value: n, defaultValue: o, onValueChange: c = () => {
|
615
615
|
}, ...t } = e, [a = [], i] = ae({
|
616
616
|
prop: n,
|
617
617
|
defaultProp: o,
|
618
618
|
onChange: c
|
619
|
-
}),
|
619
|
+
}), l = u.useCallback(
|
620
620
|
(d) => i(
|
621
621
|
(p = []) => [
|
622
622
|
...p,
|
@@ -626,7 +626,7 @@ const [Ie, vt] = z(I), [Pe, xt] = z(I, {
|
|
626
626
|
[
|
627
627
|
i
|
628
628
|
]
|
629
|
-
),
|
629
|
+
), s = u.useCallback(
|
630
630
|
(d) => i(
|
631
631
|
(p = []) => p.filter(
|
632
632
|
(_) => _ !== d
|
@@ -639,20 +639,20 @@ const [Ie, vt] = z(I), [Pe, xt] = z(I, {
|
|
639
639
|
return /* @__PURE__ */ u.createElement(Ie, {
|
640
640
|
scope: e.__scopeAccordion,
|
641
641
|
value: a,
|
642
|
-
onItemOpen:
|
643
|
-
onItemClose:
|
642
|
+
onItemOpen: l,
|
643
|
+
onItemClose: s
|
644
644
|
}, /* @__PURE__ */ u.createElement(Pe, {
|
645
645
|
scope: e.__scopeAccordion,
|
646
646
|
collapsible: !0
|
647
647
|
}, /* @__PURE__ */ u.createElement(we, h({}, t, {
|
648
648
|
ref: r
|
649
649
|
}))));
|
650
|
-
}), [
|
651
|
-
const { __scopeAccordion: n, disabled: o, dir: c, orientation: t = "vertical", ...a } = e, i = u.useRef(null),
|
650
|
+
}), [yt, K] = z(I), we = /* @__PURE__ */ u.forwardRef((e, r) => {
|
651
|
+
const { __scopeAccordion: n, disabled: o, dir: c, orientation: t = "vertical", ...a } = e, i = u.useRef(null), l = M(i, r), s = mt(n), p = $t(c) === "ltr", _ = ge(e.onKeyDown, (f) => {
|
652
652
|
var b;
|
653
|
-
if (!
|
653
|
+
if (!_t.includes(f.key))
|
654
654
|
return;
|
655
|
-
const x = f.target, g =
|
655
|
+
const x = f.target, g = s().filter((J) => {
|
656
656
|
var Q;
|
657
657
|
return !((Q = J.ref.current) !== null && Q !== void 0 && Q.disabled);
|
658
658
|
}), m = g.findIndex(
|
@@ -687,62 +687,62 @@ const [Ie, vt] = z(I), [Pe, xt] = z(I, {
|
|
687
687
|
t === "vertical" && Y();
|
688
688
|
break;
|
689
689
|
}
|
690
|
-
const
|
691
|
-
(b = g[
|
690
|
+
const ke = v % $;
|
691
|
+
(b = g[ke].ref.current) === null || b === void 0 || b.focus();
|
692
692
|
});
|
693
|
-
return /* @__PURE__ */ u.createElement(
|
693
|
+
return /* @__PURE__ */ u.createElement(yt, {
|
694
694
|
scope: n,
|
695
695
|
disabled: o,
|
696
696
|
direction: c,
|
697
697
|
orientation: t
|
698
698
|
}, /* @__PURE__ */ u.createElement(se.Slot, {
|
699
699
|
scope: n
|
700
|
-
}, /* @__PURE__ */ u.createElement(
|
700
|
+
}, /* @__PURE__ */ u.createElement(L.div, h({}, a, {
|
701
701
|
"data-orientation": t,
|
702
|
-
ref:
|
702
|
+
ref: l,
|
703
703
|
onKeyDown: o ? void 0 : _
|
704
704
|
}))));
|
705
|
-
}), ne = "AccordionItem", [
|
706
|
-
const { __scopeAccordion: n, value: o, ...c } = e, t = K(ne, n), a =
|
707
|
-
return /* @__PURE__ */ u.createElement(
|
705
|
+
}), ne = "AccordionItem", [Ct, ue] = z(ne), Nt = /* @__PURE__ */ u.forwardRef((e, r) => {
|
706
|
+
const { __scopeAccordion: n, value: o, ...c } = e, t = K(ne, n), a = gt(ne, n), i = le(n), l = Ae(), s = o && a.value.includes(o) || !1, d = t.disabled || e.disabled;
|
707
|
+
return /* @__PURE__ */ u.createElement(Ct, {
|
708
708
|
scope: n,
|
709
|
-
open:
|
709
|
+
open: s,
|
710
710
|
disabled: d,
|
711
|
-
triggerId:
|
712
|
-
}, /* @__PURE__ */ u.createElement(
|
711
|
+
triggerId: l
|
712
|
+
}, /* @__PURE__ */ u.createElement(pt, h({
|
713
713
|
"data-orientation": t.orientation,
|
714
|
-
"data-state": Se(
|
714
|
+
"data-state": Se(s)
|
715
715
|
}, i, c, {
|
716
716
|
ref: r,
|
717
717
|
disabled: d,
|
718
|
-
open:
|
718
|
+
open: s,
|
719
719
|
onOpenChange: (p) => {
|
720
720
|
p ? a.onItemOpen(o) : a.onItemClose(o);
|
721
721
|
}
|
722
722
|
})));
|
723
|
-
}),
|
724
|
-
const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(
|
725
|
-
return /* @__PURE__ */ u.createElement(
|
723
|
+
}), Et = "AccordionHeader", It = /* @__PURE__ */ u.forwardRef((e, r) => {
|
724
|
+
const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(Et, n);
|
725
|
+
return /* @__PURE__ */ u.createElement(L.h3, h({
|
726
726
|
"data-orientation": c.orientation,
|
727
727
|
"data-state": Se(t.open),
|
728
728
|
"data-disabled": t.disabled ? "" : void 0
|
729
729
|
}, o, {
|
730
730
|
ref: r
|
731
731
|
}));
|
732
|
-
}), pe = "AccordionTrigger",
|
733
|
-
const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(pe, n), a =
|
732
|
+
}), pe = "AccordionTrigger", Pt = /* @__PURE__ */ u.forwardRef((e, r) => {
|
733
|
+
const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(pe, n), a = vt(pe, n), i = le(n);
|
734
734
|
return /* @__PURE__ */ u.createElement(se.ItemSlot, {
|
735
735
|
scope: n
|
736
|
-
}, /* @__PURE__ */ u.createElement(
|
736
|
+
}, /* @__PURE__ */ u.createElement(dt, h({
|
737
737
|
"aria-disabled": t.open && !a.collapsible || void 0,
|
738
738
|
"data-orientation": c.orientation,
|
739
739
|
id: t.triggerId
|
740
740
|
}, i, o, {
|
741
741
|
ref: r
|
742
742
|
})));
|
743
|
-
}),
|
744
|
-
const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(
|
745
|
-
return /* @__PURE__ */ u.createElement(
|
743
|
+
}), wt = "AccordionContent", St = /* @__PURE__ */ u.forwardRef((e, r) => {
|
744
|
+
const { __scopeAccordion: n, ...o } = e, c = K(I, n), t = ue(wt, n), a = le(n);
|
745
|
+
return /* @__PURE__ */ u.createElement(ft, h({
|
746
746
|
role: "region",
|
747
747
|
"aria-labelledby": t.triggerId,
|
748
748
|
"data-orientation": c.orientation
|
@@ -758,8 +758,8 @@ const [Ie, vt] = z(I), [Pe, xt] = z(I, {
|
|
758
758
|
function Se(e) {
|
759
759
|
return e ? "open" : "closed";
|
760
760
|
}
|
761
|
-
const
|
762
|
-
function
|
761
|
+
const Ot = Ee, Rt = Nt, Tt = It, Mt = Pt, Dt = St;
|
762
|
+
function Lt(e) {
|
763
763
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
764
764
|
}
|
765
765
|
var Oe = { exports: {} };
|
@@ -798,12 +798,12 @@ var Oe = { exports: {} };
|
|
798
798
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
799
799
|
})();
|
800
800
|
})(Oe);
|
801
|
-
var
|
802
|
-
const Re = /* @__PURE__ */ kt
|
801
|
+
var kt = Oe.exports;
|
802
|
+
const Re = /* @__PURE__ */ Lt(kt), jt = {
|
803
803
|
"purpur-accordion__title": "_purpur-accordion__title_1ower_1",
|
804
804
|
"purpur-accordion--negative": "_purpur-accordion--negative_1ower_10"
|
805
805
|
};
|
806
|
-
function
|
806
|
+
function qt(e) {
|
807
807
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
808
808
|
}
|
809
809
|
var Te = { exports: {} };
|
@@ -842,8 +842,8 @@ var Te = { exports: {} };
|
|
842
842
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
843
843
|
})();
|
844
844
|
})(Te);
|
845
|
-
var
|
846
|
-
const
|
845
|
+
var Vt = Te.exports;
|
846
|
+
const Ut = /* @__PURE__ */ qt(Vt), Bt = {
|
847
847
|
"purpur-icon": "_purpur-icon_8u1lq_1",
|
848
848
|
"purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
|
849
849
|
"purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
|
@@ -851,39 +851,39 @@ const Bt = /* @__PURE__ */ Vt(Ut), Ht = {
|
|
851
851
|
"purpur-icon--md": "_purpur-icon--md_8u1lq_16",
|
852
852
|
"purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
|
853
853
|
"purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
|
854
|
-
},
|
854
|
+
}, Ht = {
|
855
855
|
name: "chevron-down",
|
856
856
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',
|
857
857
|
keywords: ["chevron-down"],
|
858
858
|
category: "utility"
|
859
859
|
}, Me = (e) => /* @__PURE__ */ A(
|
860
|
-
|
860
|
+
Yt,
|
861
861
|
{
|
862
862
|
...e,
|
863
|
-
svg:
|
863
|
+
svg: Ht
|
864
864
|
}
|
865
865
|
);
|
866
866
|
Me.displayName = "IconChevronDown";
|
867
|
-
const
|
867
|
+
const Gt = Ut.bind(Bt), de = "purpur-icon", Ft = "md", zt = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), Kt = ({ content: e = "", title: r } = {}) => {
|
868
868
|
const n = [
|
869
869
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
870
870
|
{ name: "fill", value: "currentColor" },
|
871
871
|
{ name: "viewBox", value: "0 0 24 24" },
|
872
872
|
r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
873
873
|
], o = r ? `<title>${r}</title>` : "";
|
874
|
-
return `<svg ${
|
875
|
-
},
|
874
|
+
return `<svg ${zt(n)}>${o}${e}</svg>`;
|
875
|
+
}, Zt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Yt = ({
|
876
876
|
["data-testid"]: e,
|
877
877
|
svg: r,
|
878
878
|
allyTitle: n,
|
879
879
|
className: o = "",
|
880
|
-
size: c =
|
880
|
+
size: c = Ft,
|
881
881
|
...t
|
882
882
|
}) => {
|
883
|
-
const a =
|
884
|
-
content:
|
883
|
+
const a = Kt({
|
884
|
+
content: Zt(r.svg),
|
885
885
|
title: n
|
886
|
-
}), i =
|
886
|
+
}), i = Gt(o, de, `${de}--${c}`);
|
887
887
|
return /* @__PURE__ */ A(
|
888
888
|
"span",
|
889
889
|
{
|
@@ -895,7 +895,7 @@ const Ft = Bt.bind(Ht), de = "purpur-icon", zt = "md", Kt = (e) => e.filter((r)
|
|
895
895
|
}
|
896
896
|
);
|
897
897
|
};
|
898
|
-
function
|
898
|
+
function Jt(e) {
|
899
899
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
900
900
|
}
|
901
901
|
var De = { exports: {} };
|
@@ -934,8 +934,8 @@ var De = { exports: {} };
|
|
934
934
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
935
935
|
})();
|
936
936
|
})(De);
|
937
|
-
var
|
938
|
-
const
|
937
|
+
var Qt = De.exports;
|
938
|
+
const Wt = /* @__PURE__ */ Jt(Qt), R = {
|
939
939
|
"purpur-paragraph": "_purpur-paragraph_1rh57_1",
|
940
940
|
"purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
|
941
941
|
"purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
|
@@ -950,7 +950,7 @@ const Xt = /* @__PURE__ */ Qt(Wt), R = {
|
|
950
950
|
"purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
|
951
951
|
"purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
|
952
952
|
"purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
|
953
|
-
},
|
953
|
+
}, Xt = {
|
954
954
|
PARAGRAPH100: "paragraph-100",
|
955
955
|
PARAGRAPH100MEDIUM: "paragraph-100-medium",
|
956
956
|
PARAGRAPH100BOLD: "paragraph-100-bold",
|
@@ -961,17 +961,17 @@ const Xt = /* @__PURE__ */ Qt(Wt), R = {
|
|
961
961
|
ADDITIONAL100MEDIUM: "additional-100-medium",
|
962
962
|
OVERLINE100: "overline-100",
|
963
963
|
OVERLINE200: "overline-200"
|
964
|
-
}, T = "purpur-paragraph",
|
964
|
+
}, T = "purpur-paragraph", en = ({
|
965
965
|
["data-testid"]: e,
|
966
966
|
children: r,
|
967
967
|
className: n = "",
|
968
968
|
disabled: o,
|
969
969
|
enableHyphenation: c = !1,
|
970
970
|
negative: t = !1,
|
971
|
-
variant: a =
|
971
|
+
variant: a = Xt.PARAGRAPH100,
|
972
972
|
...i
|
973
973
|
}) => {
|
974
|
-
const
|
974
|
+
const l = Wt([
|
975
975
|
n,
|
976
976
|
R[T],
|
977
977
|
R[`${T}--${a}`],
|
@@ -981,70 +981,74 @@ const Xt = /* @__PURE__ */ Qt(Wt), R = {
|
|
981
981
|
[R[`${T}--negative`]]: t
|
982
982
|
}
|
983
983
|
]);
|
984
|
-
return /* @__PURE__ */ A("p", { ...i, className:
|
985
|
-
},
|
986
|
-
"purpur-accordion-item": "_purpur-accordion-
|
987
|
-
"purpur-accordion-item__header": "_purpur-accordion-
|
988
|
-
"purpur-accordion-item__trigger": "_purpur-accordion-
|
989
|
-
"purpur-accordion-item__content": "_purpur-accordion-
|
990
|
-
slideDown:
|
991
|
-
slideUp:
|
992
|
-
"purpur-accordion-item__contentText": "_purpur-accordion-
|
993
|
-
"purpur-accordion-item__icon": "_purpur-accordion-
|
994
|
-
"purpur-accordion-item__title": "_purpur-accordion-
|
995
|
-
"purpur-accordion-item--negative": "_purpur-accordion-item--
|
996
|
-
}, P = Re.bind(
|
984
|
+
return /* @__PURE__ */ A("p", { ...i, className: l, "data-testid": e, children: r });
|
985
|
+
}, tn = "_slideDown_1vvn6_1", nn = "_slideUp_1vvn6_1", rn = {
|
986
|
+
"purpur-accordion-item": "_purpur-accordion-item_1vvn6_1",
|
987
|
+
"purpur-accordion-item__header": "_purpur-accordion-item__header_1vvn6_8",
|
988
|
+
"purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_1vvn6_11",
|
989
|
+
"purpur-accordion-item__content": "_purpur-accordion-item__content_1vvn6_39",
|
990
|
+
slideDown: tn,
|
991
|
+
slideUp: nn,
|
992
|
+
"purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_1vvn6_48",
|
993
|
+
"purpur-accordion-item__icon": "_purpur-accordion-item__icon_1vvn6_52",
|
994
|
+
"purpur-accordion-item__title": "_purpur-accordion-item__title_1vvn6_65",
|
995
|
+
"purpur-accordion-item--negative": "_purpur-accordion-item--negative_1vvn6_86"
|
996
|
+
}, P = Re.bind(rn), E = "purpur-accordion-item", on = ({
|
997
997
|
children: e,
|
998
998
|
className: r,
|
999
999
|
title: n,
|
1000
|
-
|
1001
|
-
|
1002
|
-
|
1000
|
+
titleTag: o = "h3",
|
1001
|
+
negative: c,
|
1002
|
+
onClick: t,
|
1003
|
+
...a
|
1003
1004
|
}) => {
|
1004
|
-
const
|
1005
|
+
const i = P([
|
1005
1006
|
r,
|
1006
1007
|
E,
|
1007
1008
|
{
|
1008
|
-
[`${E}--negative`]:
|
1009
|
+
[`${E}--negative`]: c
|
1009
1010
|
}
|
1010
1011
|
]);
|
1011
|
-
return /* @__PURE__ */ X(
|
1012
|
-
/* @__PURE__ */ A(
|
1013
|
-
|
1012
|
+
return /* @__PURE__ */ X(Rt, { className: i, value: n, ...a, children: [
|
1013
|
+
/* @__PURE__ */ A(Tt, { className: P(`${E}__header`), asChild: !0, children: /* @__PURE__ */ A(me, { tag: o, variant: "title-100", className: P(`${E}__title`), children: /* @__PURE__ */ X(
|
1014
|
+
Mt,
|
1014
1015
|
{
|
1015
|
-
onClick:
|
1016
|
+
onClick: t,
|
1016
1017
|
className: P(`${E}__trigger`, r),
|
1017
1018
|
children: [
|
1018
|
-
|
1019
|
+
n,
|
1019
1020
|
/* @__PURE__ */ A(Me, { size: "md", className: P(`${E}__icon`), "aria-hidden": !0 })
|
1020
1021
|
]
|
1021
1022
|
}
|
1022
|
-
) }),
|
1023
|
-
/* @__PURE__ */ A(
|
1023
|
+
) }) }),
|
1024
|
+
/* @__PURE__ */ A(Dt, { className: P(`${E}__content`, r), children: /* @__PURE__ */ A("div", { className: P(`${E}__contentText`), children: typeof e == "string" ? /* @__PURE__ */ A(en, { variant: "paragraph-200", children: e }) : e }) })
|
1024
1025
|
] });
|
1025
|
-
},
|
1026
|
+
}, fe = Re.bind(jt), W = "purpur-accordion", Le = ({
|
1026
1027
|
["data-testid"]: e,
|
1027
1028
|
children: r,
|
1028
1029
|
className: n,
|
1029
1030
|
negative: o = !1,
|
1030
1031
|
title: c,
|
1031
|
-
|
1032
|
+
titleTag: t = "h2",
|
1033
|
+
titleVariant: a = "title-300"
|
1032
1034
|
}) => {
|
1033
|
-
const
|
1035
|
+
const i = fe([
|
1034
1036
|
n,
|
1035
1037
|
W,
|
1036
1038
|
{
|
1037
1039
|
[`${W}--negative`]: o
|
1038
1040
|
}
|
1039
|
-
]),
|
1040
|
-
|
1041
|
-
|
1042
|
-
|
1041
|
+
]), l = () => w.map(r, (s) => F(s, {
|
1042
|
+
negative: o
|
1043
|
+
}));
|
1044
|
+
return /* @__PURE__ */ X(Ot, { className: i, type: "multiple", "data-testid": e, children: [
|
1045
|
+
c ? /* @__PURE__ */ A(me, { tag: t, variant: a, className: fe(`${W}__title`), children: c }) : null,
|
1046
|
+
l()
|
1043
1047
|
] });
|
1044
1048
|
};
|
1045
|
-
|
1046
|
-
|
1049
|
+
Le.Item = on;
|
1050
|
+
Le.displayName = "Accordion";
|
1047
1051
|
export {
|
1048
|
-
|
1052
|
+
Le as Accordion
|
1049
1053
|
};
|
1050
1054
|
//# sourceMappingURL=accordion.es.js.map
|