mimir-ui-kit 1.35.3 → 1.35.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._accordion_1k9to_2{padding-bottom:var(--accordion-space);border-bottom:1px solid var(--black-20)}._accordion_1k9to_2 svg path{fill:var(--white)}._accordion_1k9to_2._is-link_1k9to_9{border:none}._header_1k9to_13{display:flex;gap:var(--mimir-space-m);align-items:flex-start;justify-content:space-between;width:100%;font-weight:var(--mimir-font-weight-text-medium);font-family:var(--mimir-font-montserrat);text-align:left;border:none;cursor:pointer}._header_1k9to_13._disabled_1k9to_25{cursor:not-allowed}._title_1k9to_29{font-size:var(--accordion-text-size)}._title-uppercase_1k9to_32{text-transform:uppercase}._icon_1k9to_36{transition:transform .3s ease-in-out}._icon-container_1k9to_39{display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}._circle_1k9to_46{min-width:var(--accordion-icon-circle-width);min-height:var(--accordion-icon-circle-height);background-color:var(--black-80);border-radius:50%}._square_1k9to_53{min-width:var(--mimir-accordion-icon-square-width);min-height:var(--mimir-accordion-icon-square-height);background-color:var(--white);border-radius:var(--mimir-control-radius)}._square_1k9to_53 svg path{fill:var(--black-100)}._circle_1k9to_46._disabled_1k9to_25,._square_1k9to_53._disabled_1k9to_25{background-color:var(--disabled);cursor:not-allowed}._circle_1k9to_46._disabled_1k9to_25 svg path,._square_1k9to_53._disabled_1k9to_25 svg path{fill:var(--white)}._panel_1k9to_73{margin-top:var(--accordion-panel-space)}._panel_1k9to_73._is-link_1k9to_9{margin-top:var(--mimir-space-xs)}._open_1k9to_80{background-color:var(--sapphire-100)}._open_1k9to_80 ._icon_1k9to_36{transform:rotate(-180deg)}._open_1k9to_80._circle_1k9to_46{background-color:var(--sapphire-100)}._open_1k9to_80._square_1k9to_53{background-color:var(--black-80)}._open_1k9to_80._square_1k9to_53 svg path{fill:var(--white)}._open_1k9to_80._circle_1k9to_46._disabled_1k9to_25,._open_1k9to_80._square_1k9to_53._disabled_1k9to_25{background-color:var(--disabled)}._open_1k9to_80._circle_1k9to_46._disabled_1k9to_25 svg path,._open_1k9to_80._square_1k9to_53._disabled_1k9to_25 svg path{fill:var(--white)}._link-open_1k9to_102{transform:rotate(-180deg)}._m_1k9to_106{--accordion-space: var(--mimir-space-xl);--accordion-text-size: var(--mimir-size-text-xl2);--accordion-icon-circle-width: var(--mimir-accordion-icon-circle-size-m);--accordion-icon-circle-height: var(--mimir-accordion-icon-circle-size-m);--mimir-accordion-icon-square-width: var( --mimir-accordion-icon-square-size-m );--mimir-accordion-icon-square-height: var( --mimir-accordion-icon-square-size-m );--accordion-panel-space: var(--mimir-space-xl)}._s_1k9to_53{--accordion-space: var(--mimir-space-m);--accordion-text-size: var(--mimir-size-text-l);--accordion-icon-circle-width: var(--mimir-accordion-icon-circle-size-s);--accordion-icon-circle-height: var(--mimir-accordion-icon-circle-size-s);--mimir-accordion-icon-square-width: var( --mimir-accordion-icon-square-size-s );--mimir-accordion-icon-square-height: var( --mimir-accordion-icon-square-size-s );--accordion-panel-space: var(--mimir-space-m)}._wrapper-button_1k9to_134{width:100%}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { jsxs as A, Fragment as X, jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import
|
|
1
|
+
import { jsxs as A, Fragment as X, jsx as E } from "react/jsx-runtime";
|
|
2
|
+
import { c as h } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import S, { createContext as F, useRef as O, Fragment as oe, useReducer as ue, useMemo as M, useId as re, useEffect as le, useContext as H, forwardRef as de, useState as pe } from "react";
|
|
4
4
|
import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
|
|
5
5
|
import { EAccordionButtonType as T, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as me, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
|
|
6
|
-
import { useMediaQuery as
|
|
7
|
-
import { EMediaQuery as
|
|
8
|
-
import { Icon as
|
|
9
|
-
import { Link as
|
|
10
|
-
import { M as ee, W as K, y as q, T as
|
|
11
|
-
import { w as
|
|
12
|
-
import { T as
|
|
13
|
-
import { c as
|
|
6
|
+
import { useMediaQuery as ke } from "../../hooks/useMediaQuery/useMediaQuery.js";
|
|
7
|
+
import { EMediaQuery as _e } from "../../hooks/useMediaQuery/constants.js";
|
|
8
|
+
import { Icon as Ie } from "../../icons/Icon.js";
|
|
9
|
+
import { Link as Pe } from "../AnchorLink/Link.js";
|
|
10
|
+
import { M as ee, W as K, y as q, T as Se, o as x, a as V, H as W, I as se, $ as be, b as ve, D as te, u as ye, c as w } from "../../keyboard-B0lm_zyn.js";
|
|
11
|
+
import { w as Ee } from "../../use-active-press-86hajhdd.js";
|
|
12
|
+
import { T as he } from "../../use-resolve-button-type-BAxjHhds.js";
|
|
13
|
+
import { c as De, i as L, u as $e, V as ge, A as Te, s as we } from "../../open-closed-Cy6VDfYc.js";
|
|
14
14
|
import { r as Ne } from "../../bugs-diTMAGNw.js";
|
|
15
15
|
import '../../assets/Accordion.css';let Re = F(() => {
|
|
16
16
|
});
|
|
17
|
-
function Ce({ value: e, children:
|
|
18
|
-
return
|
|
17
|
+
function Ce({ value: e, children: t }) {
|
|
18
|
+
return S.createElement(Re.Provider, { value: e }, t);
|
|
19
19
|
}
|
|
20
|
-
var
|
|
21
|
-
let Ae = (
|
|
20
|
+
var ne;
|
|
21
|
+
let Ae = (ne = S.startTransition) != null ? ne : function(e) {
|
|
22
22
|
e();
|
|
23
23
|
};
|
|
24
24
|
var Be = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Be || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.LinkPanel = 4] = "LinkPanel", e[e.UnlinkPanel = 5] = "UnlinkPanel", e))(Oe || {});
|
|
@@ -26,179 +26,181 @@ let xe = { 0: (e) => ({ ...e, disclosureState: V(e.disclosureState, { 0: 1, 1: 0
|
|
|
26
26
|
return e.linkedPanel === !0 ? e : { ...e, linkedPanel: !0 };
|
|
27
27
|
}, 5(e) {
|
|
28
28
|
return e.linkedPanel === !1 ? e : { ...e, linkedPanel: !1 };
|
|
29
|
-
}, 2(e,
|
|
30
|
-
return e.buttonId ===
|
|
31
|
-
}, 3(e,
|
|
32
|
-
return e.panelId ===
|
|
29
|
+
}, 2(e, t) {
|
|
30
|
+
return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
|
|
31
|
+
}, 3(e, t) {
|
|
32
|
+
return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
|
|
33
33
|
} }, j = F(null);
|
|
34
34
|
j.displayName = "DisclosureContext";
|
|
35
35
|
function Q(e) {
|
|
36
|
-
let
|
|
37
|
-
if (
|
|
36
|
+
let t = H(j);
|
|
37
|
+
if (t === null) {
|
|
38
38
|
let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
|
|
39
39
|
throw Error.captureStackTrace && Error.captureStackTrace(s, Q), s;
|
|
40
40
|
}
|
|
41
|
-
return
|
|
41
|
+
return t;
|
|
42
42
|
}
|
|
43
43
|
let z = F(null);
|
|
44
44
|
z.displayName = "DisclosureAPIContext";
|
|
45
45
|
function ae(e) {
|
|
46
|
-
let
|
|
47
|
-
if (
|
|
46
|
+
let t = H(z);
|
|
47
|
+
if (t === null) {
|
|
48
48
|
let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
|
|
49
49
|
throw Error.captureStackTrace && Error.captureStackTrace(s, ae), s;
|
|
50
50
|
}
|
|
51
|
-
return
|
|
51
|
+
return t;
|
|
52
52
|
}
|
|
53
53
|
let G = F(null);
|
|
54
54
|
G.displayName = "DisclosurePanelContext";
|
|
55
55
|
function Me() {
|
|
56
56
|
return H(G);
|
|
57
57
|
}
|
|
58
|
-
function Le(e,
|
|
59
|
-
return V(
|
|
58
|
+
function Le(e, t) {
|
|
59
|
+
return V(t.type, xe, e, t);
|
|
60
60
|
}
|
|
61
61
|
let Fe = oe;
|
|
62
|
-
function Ue(e,
|
|
63
|
-
let { defaultOpen: s = !1, ...p } = e, o = O(null), f = q(
|
|
62
|
+
function Ue(e, t) {
|
|
63
|
+
let { defaultOpen: s = !1, ...p } = e, o = O(null), f = q(t, Se((r) => {
|
|
64
64
|
o.current = r;
|
|
65
|
-
}, e.as === void 0 || e.as === oe)),
|
|
66
|
-
|
|
67
|
-
let
|
|
68
|
-
if (!
|
|
69
|
-
let
|
|
70
|
-
|
|
71
|
-
}),
|
|
72
|
-
return
|
|
65
|
+
}, e.as === void 0 || e.as === oe)), d = O(null), n = O(null), l = ue(Le, { disclosureState: s ? 0 : 1, linkedPanel: !1, buttonRef: n, panelRef: d, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: a }, k] = l, i = x((r) => {
|
|
66
|
+
k({ type: 1 });
|
|
67
|
+
let P = ye(o);
|
|
68
|
+
if (!P || !a) return;
|
|
69
|
+
let v = r ? r instanceof HTMLElement ? r : r.current instanceof HTMLElement ? r.current : P.getElementById(a) : P.getElementById(a);
|
|
70
|
+
v == null || v.focus();
|
|
71
|
+
}), _ = M(() => ({ close: i }), [i]), I = M(() => ({ open: m === 0, close: i }), [m, i]), b = { ref: f };
|
|
72
|
+
return S.createElement(j.Provider, { value: l }, S.createElement(z.Provider, { value: _ }, S.createElement(Ce, { value: i }, S.createElement(De, { value: V(m, { 0: L.Open, 1: L.Closed }) }, W({ ourProps: b, theirProps: p, slot: I, defaultTag: Fe, name: "Disclosure" })))));
|
|
73
73
|
}
|
|
74
74
|
let He = "button";
|
|
75
|
-
function Ke(e,
|
|
76
|
-
let s = re(), { id: p = `headlessui-disclosure-button-${s}`, disabled: o = !1, autoFocus: f = !1, ...
|
|
75
|
+
function Ke(e, t) {
|
|
76
|
+
let s = re(), { id: p = `headlessui-disclosure-button-${s}`, disabled: o = !1, autoFocus: f = !1, ...d } = e, [n, l] = Q("Disclosure.Button"), m = Me(), a = m === null ? !1 : m === n.panelId, k = O(null), i = q(k, t, a ? null : n.buttonRef), _ = se();
|
|
77
77
|
le(() => {
|
|
78
78
|
if (!a) return l({ type: 2, buttonId: p }), () => {
|
|
79
79
|
l({ type: 2, buttonId: null });
|
|
80
80
|
};
|
|
81
81
|
}, [p, l, a]);
|
|
82
|
-
let
|
|
82
|
+
let I = x((u) => {
|
|
83
83
|
var g;
|
|
84
84
|
if (a) {
|
|
85
|
-
if (
|
|
86
|
-
switch (
|
|
85
|
+
if (n.disclosureState === 1) return;
|
|
86
|
+
switch (u.key) {
|
|
87
87
|
case w.Space:
|
|
88
88
|
case w.Enter:
|
|
89
|
-
|
|
89
|
+
u.preventDefault(), u.stopPropagation(), l({ type: 0 }), (g = n.buttonRef.current) == null || g.focus();
|
|
90
90
|
break;
|
|
91
91
|
}
|
|
92
|
-
} else switch (
|
|
92
|
+
} else switch (u.key) {
|
|
93
93
|
case w.Space:
|
|
94
94
|
case w.Enter:
|
|
95
|
-
|
|
95
|
+
u.preventDefault(), u.stopPropagation(), l({ type: 0 });
|
|
96
96
|
break;
|
|
97
97
|
}
|
|
98
|
-
}),
|
|
99
|
-
switch (
|
|
98
|
+
}), b = x((u) => {
|
|
99
|
+
switch (u.key) {
|
|
100
100
|
case w.Space:
|
|
101
|
-
|
|
101
|
+
u.preventDefault();
|
|
102
102
|
break;
|
|
103
103
|
}
|
|
104
|
-
}), r = x((
|
|
104
|
+
}), r = x((u) => {
|
|
105
105
|
var g;
|
|
106
|
-
Ne(
|
|
107
|
-
}), { isFocusVisible:
|
|
108
|
-
return W({ mergeRefs:
|
|
106
|
+
Ne(u.currentTarget) || o || (a ? (l({ type: 0 }), (g = n.buttonRef.current) == null || g.focus()) : l({ type: 0 }));
|
|
107
|
+
}), { isFocusVisible: P, focusProps: v } = be({ autoFocus: f }), { isHovered: y, hoverProps: D } = ve({ isDisabled: o }), { pressed: N, pressProps: R } = Ee({ disabled: o }), U = M(() => ({ open: n.disclosureState === 0, hover: y, active: N, disabled: o, focus: P, autofocus: f }), [n, y, N, P, o, f]), C = he(e, k), $ = a ? te({ ref: i, type: C, disabled: o || void 0, autoFocus: f, onKeyDown: I, onClick: r }, v, D, R) : te({ ref: i, id: p, type: C, "aria-expanded": n.disclosureState === 0, "aria-controls": n.linkedPanel ? n.panelId : void 0, disabled: o || void 0, autoFocus: f, onKeyDown: I, onKeyUp: b, onClick: r }, v, D, R);
|
|
108
|
+
return W({ mergeRefs: _, ourProps: $, theirProps: d, slot: U, defaultTag: He, name: "Disclosure.Button" });
|
|
109
109
|
}
|
|
110
110
|
let qe = "div", Ve = ee.RenderStrategy | ee.Static;
|
|
111
|
-
function We(e,
|
|
112
|
-
let s = re(), { id: p = `headlessui-disclosure-panel-${s}`, transition: o = !1, ...f } = e, [
|
|
113
|
-
Ae(() =>
|
|
111
|
+
function We(e, t) {
|
|
112
|
+
let s = re(), { id: p = `headlessui-disclosure-panel-${s}`, transition: o = !1, ...f } = e, [d, n] = Q("Disclosure.Panel"), { close: l } = ae("Disclosure.Panel"), m = se(), a = q(t, d.panelRef, (r) => {
|
|
113
|
+
Ae(() => n({ type: r ? 4 : 5 }));
|
|
114
114
|
});
|
|
115
|
-
le(() => (
|
|
116
|
-
|
|
117
|
-
}), [p,
|
|
118
|
-
let
|
|
119
|
-
return
|
|
115
|
+
le(() => (n({ type: 3, panelId: p }), () => {
|
|
116
|
+
n({ type: 3, panelId: null });
|
|
117
|
+
}), [p, n]);
|
|
118
|
+
let k = $e(), [i, _] = ge(o, d.panelRef, k !== null ? (k & L.Open) === L.Open : d.disclosureState === 0), I = M(() => ({ open: d.disclosureState === 0, close: l }), [d.disclosureState, l]), b = { ref: a, id: p, ...Te(_) };
|
|
119
|
+
return S.createElement(we, null, S.createElement(G.Provider, { value: d.panelId }, W({ mergeRefs: m, ourProps: b, theirProps: f, slot: I, defaultTag: qe, features: Ve, visible: i, name: "Disclosure.Panel" })));
|
|
120
120
|
}
|
|
121
121
|
let je = K(Ue), ce = K(Ke), ie = K(We), Qe = Object.assign(je, { Button: ce, Panel: ie });
|
|
122
|
-
const ze = "
|
|
122
|
+
const ze = "_accordion_1k9to_2", Ge = "_header_1k9to_13", Xe = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", nt = "_open_1k9to_80", ot = "_m_1k9to_106", rt = "_s_1k9to_53", c = {
|
|
123
123
|
accordion: ze,
|
|
124
|
-
"is-link": "_is-
|
|
124
|
+
"is-link": "_is-link_1k9to_9",
|
|
125
125
|
header: Ge,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
126
|
+
disabled: Xe,
|
|
127
|
+
title: Je,
|
|
128
|
+
"title-uppercase": "_title-uppercase_1k9to_32",
|
|
129
|
+
icon: Ye,
|
|
130
|
+
"icon-container": "_icon-container_1k9to_39",
|
|
131
|
+
circle: Ze,
|
|
132
|
+
square: et,
|
|
133
|
+
panel: tt,
|
|
134
|
+
open: nt,
|
|
135
|
+
"link-open": "_link-open_1k9to_102",
|
|
136
|
+
m: ot,
|
|
137
|
+
s: rt,
|
|
138
|
+
"wrapper-button": "_wrapper-button_1k9to_134"
|
|
139
|
+
}, St = de(
|
|
139
140
|
({
|
|
140
141
|
title: e,
|
|
141
|
-
disabled:
|
|
142
|
+
disabled: t,
|
|
142
143
|
buttonType: s = T.BUTTON,
|
|
143
144
|
children: p,
|
|
144
145
|
size: o = B.M,
|
|
145
146
|
titleUppercase: f,
|
|
146
|
-
buttonStyle:
|
|
147
|
-
iconType:
|
|
147
|
+
buttonStyle: d = me.CIRCLE,
|
|
148
|
+
iconType: n = Y.ARROW,
|
|
148
149
|
classNameTitle: l,
|
|
149
150
|
classNameContent: m,
|
|
150
151
|
classNameAccordion: a,
|
|
151
|
-
classNameIconButton:
|
|
152
|
-
subtitleNode:
|
|
153
|
-
onlyOpenSubtitleNode:
|
|
154
|
-
classNameSubtitleContainer:
|
|
155
|
-
},
|
|
156
|
-
const [r,
|
|
157
|
-
[
|
|
152
|
+
classNameIconButton: k,
|
|
153
|
+
subtitleNode: i,
|
|
154
|
+
onlyOpenSubtitleNode: _,
|
|
155
|
+
classNameSubtitleContainer: I
|
|
156
|
+
}, b) => {
|
|
157
|
+
const [r, P] = pe(!1), v = ke(_e.XS1), y = s === T.LINK, D = {
|
|
158
|
+
[c["is-link"]]: y
|
|
158
159
|
}, N = () => {
|
|
159
|
-
|
|
160
|
+
t || P(($) => !$);
|
|
160
161
|
}, R = o === B.S ? J.S : J.M, U = {
|
|
161
162
|
variant: "anchor",
|
|
162
|
-
size:
|
|
163
|
+
size: v ? "s" : "l",
|
|
163
164
|
rightIcon: {
|
|
164
165
|
iconName: R,
|
|
165
|
-
className:
|
|
166
|
-
[
|
|
166
|
+
className: h({
|
|
167
|
+
[c["link-open"]]: r
|
|
167
168
|
})
|
|
168
169
|
}
|
|
169
|
-
}, C = (
|
|
170
|
-
const
|
|
170
|
+
}, C = ($) => {
|
|
171
|
+
const u = () => n === Y.DROPDOWN ? o === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : o === B.S ? Z.S : Z.M;
|
|
171
172
|
switch (s) {
|
|
172
173
|
case T.LINK:
|
|
173
174
|
return e;
|
|
174
175
|
case T.BUTTON:
|
|
175
176
|
return /* @__PURE__ */ A(X, { children: [
|
|
176
|
-
/* @__PURE__ */
|
|
177
|
+
/* @__PURE__ */ E(
|
|
177
178
|
"span",
|
|
178
179
|
{
|
|
179
|
-
className:
|
|
180
|
-
|
|
180
|
+
className: h(
|
|
181
|
+
c.title,
|
|
181
182
|
l,
|
|
182
|
-
f &&
|
|
183
|
+
f && c["title-uppercase"]
|
|
183
184
|
),
|
|
184
185
|
children: e
|
|
185
186
|
}
|
|
186
187
|
),
|
|
187
|
-
/* @__PURE__ */
|
|
188
|
+
/* @__PURE__ */ E(
|
|
188
189
|
"div",
|
|
189
190
|
{
|
|
190
|
-
className:
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
191
|
+
className: h(
|
|
192
|
+
c["icon-container"],
|
|
193
|
+
$ && c.open,
|
|
194
|
+
t && c.disabled,
|
|
195
|
+
c[d],
|
|
196
|
+
k
|
|
195
197
|
),
|
|
196
198
|
"data-testid": "accordion-icon-container",
|
|
197
|
-
children: /* @__PURE__ */
|
|
198
|
-
|
|
199
|
+
children: /* @__PURE__ */ E(
|
|
200
|
+
Ie,
|
|
199
201
|
{
|
|
200
|
-
iconName:
|
|
201
|
-
className:
|
|
202
|
+
iconName: u(),
|
|
203
|
+
className: c.icon,
|
|
202
204
|
"data-testid": "accordion-icon"
|
|
203
205
|
}
|
|
204
206
|
)
|
|
@@ -210,50 +212,52 @@ const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26"
|
|
|
210
212
|
}
|
|
211
213
|
};
|
|
212
214
|
return /* @__PURE__ */ A(X, { children: [
|
|
213
|
-
/* @__PURE__ */
|
|
215
|
+
/* @__PURE__ */ E(
|
|
214
216
|
"div",
|
|
215
217
|
{
|
|
216
|
-
className:
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
218
|
+
className: h(
|
|
219
|
+
c.accordion,
|
|
220
|
+
c[o],
|
|
221
|
+
D,
|
|
220
222
|
a
|
|
221
223
|
),
|
|
222
|
-
children: /* @__PURE__ */ A(Qe, { ref:
|
|
223
|
-
/* @__PURE__ */
|
|
224
|
+
children: /* @__PURE__ */ A(Qe, { ref: b, children: [
|
|
225
|
+
/* @__PURE__ */ E(
|
|
224
226
|
ce,
|
|
225
227
|
{
|
|
226
|
-
|
|
228
|
+
disabled: t,
|
|
229
|
+
as: y ? Pe : T.BUTTON,
|
|
227
230
|
onClick: N,
|
|
228
|
-
className:
|
|
229
|
-
[
|
|
231
|
+
className: h({
|
|
232
|
+
[c.header]: !y,
|
|
233
|
+
[c.disabled]: t
|
|
230
234
|
}),
|
|
231
|
-
...
|
|
235
|
+
...y ? U : {},
|
|
232
236
|
children: C(r)
|
|
233
237
|
}
|
|
234
238
|
),
|
|
235
|
-
r && /* @__PURE__ */
|
|
239
|
+
r && /* @__PURE__ */ E(
|
|
236
240
|
ie,
|
|
237
241
|
{
|
|
238
242
|
"data-testid": "accordion-panel",
|
|
239
|
-
className:
|
|
240
|
-
|
|
243
|
+
className: h(
|
|
244
|
+
c.panel,
|
|
241
245
|
m,
|
|
242
|
-
|
|
246
|
+
D
|
|
243
247
|
),
|
|
244
|
-
children: /* @__PURE__ */
|
|
248
|
+
children: /* @__PURE__ */ E(fe, { size: o, children: p })
|
|
245
249
|
}
|
|
246
250
|
)
|
|
247
251
|
] })
|
|
248
252
|
}
|
|
249
253
|
),
|
|
250
|
-
(
|
|
251
|
-
|
|
252
|
-
r &&
|
|
254
|
+
(i || _) && /* @__PURE__ */ A("div", { className: I, children: [
|
|
255
|
+
i,
|
|
256
|
+
r && _
|
|
253
257
|
] })
|
|
254
258
|
] });
|
|
255
259
|
}
|
|
256
260
|
);
|
|
257
261
|
export {
|
|
258
|
-
|
|
262
|
+
St as Accordion
|
|
259
263
|
};
|