mimir-ui-kit 1.42.2 → 1.43.1
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/ProgressBar-COdzy3fY.js +67 -0
- package/dist/assets/MultiSelectSearch.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/Switcher.css +1 -1
- package/dist/assets/TabTrail.css +1 -1
- package/dist/assets/hooks.css +1 -0
- package/dist/{combobox-Dv6-ANkb.js → combobox-fIVOzEhl.js} +6 -6
- package/dist/components/Accordion/Accordion.d.ts +6 -0
- package/dist/components/Accordion/Accordion.js +202 -182
- package/dist/components/AnchorLink/Link.d.ts +2 -0
- package/dist/components/AnchorLink/Link.js +54 -42
- package/dist/components/CheckboxMimir/CheckboxMimir.js +4 -4
- package/dist/components/DatePicker/DatePicker.d.ts +32 -0
- package/dist/components/DatePicker/DatePicker.js +125 -111
- package/dist/components/DatePicker/DatePickerModal.d.ts +5 -1
- package/dist/components/DatePicker/DatePickerModal.js +97 -75
- package/dist/components/DatePicker/MonthPickerModal.d.ts +5 -1
- package/dist/components/DatePicker/MonthPickerModal.js +96 -58
- package/dist/components/DatePicker/YearPickerModal.d.ts +5 -1
- package/dist/components/DatePicker/YearPickerModal.js +75 -57
- package/dist/components/Drawer/Drawer.d.ts +7 -1
- package/dist/components/Drawer/Drawer.js +122 -106
- package/dist/components/Drawer/hooks.d.ts +9 -0
- package/dist/components/Drawer/hooks.js +24 -0
- package/dist/components/Dropdown/Dropdown.d.ts +18 -1
- package/dist/components/Dropdown/Dropdown.js +361 -343
- package/dist/components/Dropdown/constants.d.ts +11 -0
- package/dist/components/Dropdown/constants.js +5 -0
- package/dist/components/Dropdown/hooks.d.ts +19 -0
- package/dist/components/Dropdown/hooks.js +11 -0
- package/dist/components/Dropdown/index.d.ts +1 -0
- package/dist/components/Dropdown/index.js +5 -2
- package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +8 -1
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +461 -302
- package/dist/components/MultiSelectSearch/constants.d.ts +6 -0
- package/dist/components/MultiSelectSearch/constants.js +7 -5
- package/dist/components/MultiSelectSearch/index.d.ts +1 -1
- package/dist/components/MultiSelectSearch/index.js +5 -4
- package/dist/components/MultiSelectSearch/types.d.ts +33 -1
- package/dist/components/MultiSelectSearch/utils.d.ts +1 -0
- package/dist/components/MultiSelectSearch/utils.js +31 -17
- package/dist/components/Pagination/Pagination.d.ts +23 -0
- package/dist/components/Pagination/Pagination.js +137 -99
- package/dist/components/RadioGroup/RadioGroup.js +3 -3
- package/dist/components/SelectSearch/SelectSearch.d.ts +8 -1
- package/dist/components/SelectSearch/SelectSearch.js +381 -220
- package/dist/components/SelectSearch/constants.d.ts +6 -0
- package/dist/components/SelectSearch/constants.js +3 -2
- package/dist/components/SelectSearch/index.d.ts +1 -1
- package/dist/components/SelectSearch/index.js +5 -4
- package/dist/components/SelectSearch/types.d.ts +32 -1
- package/dist/components/SelectSearch/utils.d.ts +2 -0
- package/dist/components/SelectSearch/utils.js +28 -14
- package/dist/components/Slider/Slider.d.ts +6 -2
- package/dist/components/Slider/Slider.js +123 -109
- package/dist/components/Slider/utils.d.ts +1 -0
- package/dist/components/Slider/utils.js +4 -0
- package/dist/components/Switcher/Switcher.js +66 -59
- package/dist/components/Switcher/types.d.ts +1 -0
- package/dist/components/TabTrail/TabTrail.d.ts +9 -0
- package/dist/components/TabTrail/TabTrail.js +198 -190
- package/dist/components/Toasts/ProgressBar.d.ts +4 -2
- package/dist/components/Toasts/ProgressBar.js +1 -1
- package/dist/components/Toasts/Toast.d.ts +5 -1
- package/dist/components/Toasts/Toast.js +59 -44
- package/dist/components/Toasts/ToastList.js +1 -1
- package/dist/components/Toasts/ToastsProvider.js +1 -1
- package/dist/components/index.d.ts +3 -2
- package/dist/components/index.js +154 -149
- package/dist/{field-BP5-U1Nr.js → field-BLi5834s.js} +2 -2
- package/dist/{focus-management-Dp2_vbQ3.js → focus-management-BAl0GmRk.js} +1 -1
- package/dist/{hidden-Dn4lM6EL.js → hidden-CkTYbiNM.js} +1 -1
- package/dist/hooks/useTimer/index.d.ts +2 -1
- package/dist/hooks/useTimer/index.js +55 -41
- package/dist/hooks-HgN6Yauq.js +117 -0
- package/dist/index.js +182 -177
- package/dist/{keyboard-CUMsrFX1.js → keyboard-wis2TUql.js} +2 -2
- package/dist/{label-DOlEWXBl.js → label-BmphTIGY.js} +2 -2
- package/dist/{open-closed-CkTbpRyi.js → open-closed-CJijMeI2.js} +1 -1
- package/dist/{portal-C_u5auU1.js → portal-BnEqSZwo.js} +2 -2
- package/dist/{use-active-press-BVQqDQ3V.js → use-active-press-CnDeVvQq.js} +1 -1
- package/dist/{use-is-mounted-D7cq4xsa.js → use-is-mounted-MBU4fiLr.js} +1 -1
- package/package.json +3 -1
- package/dist/ProgressBar-DEFs1tWq.js +0 -55
- package/dist/assets/Dropdown.css +0 -1
- package/dist/components/Pagination/types.d.ts +0 -0
@@ -1,24 +1,24 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { c as
|
3
|
-
import
|
4
|
-
import { AccordionItem as
|
5
|
-
import { EAccordionButtonType as
|
6
|
-
import { useMediaQuery as
|
7
|
-
import { EMediaQuery as
|
8
|
-
import { Icon as
|
9
|
-
import { Link as
|
10
|
-
import { M as
|
11
|
-
import { w as
|
12
|
-
import { e as
|
13
|
-
import { c as
|
14
|
-
import { C as
|
15
|
-
import { r as
|
16
|
-
import '../../assets/Accordion.css';var
|
17
|
-
let
|
1
|
+
import { jsxs as C, Fragment as U, jsx as b } from "react/jsx-runtime";
|
2
|
+
import { c as T } from "../../index-DIxK0V-G.js";
|
3
|
+
import v, { createContext as q, useRef as le, Fragment as se, useReducer as ye, useMemo as M, useId as ae, useEffect as j, useState as ce, useContext as W, forwardRef as Se } from "react";
|
4
|
+
import { AccordionItem as Ie } from "./AccordionItem/AccordionItem.js";
|
5
|
+
import { EAccordionButtonType as w, EAccordionSize as R, EAccordionLinkIconSize as Z, EAccordionButtonStyle as ke, EAccordionIconType as ee, EAccordionButtonIconSize as te } from "./constants.js";
|
6
|
+
import { useMediaQuery as be } from "../../hooks/useMediaQuery/useMediaQuery.js";
|
7
|
+
import { EMediaQuery as xe } from "../../hooks/useMediaQuery/constants.js";
|
8
|
+
import { Icon as De } from "../../icons/Icon.js";
|
9
|
+
import { Link as $e } from "../AnchorLink/Link.js";
|
10
|
+
import { M as ne, W as Q, y as V, T as ve, o as g, a as z, H as K, I as ie, $ as Pe, b as he, D as oe, u as Te, c as B } from "../../keyboard-wis2TUql.js";
|
11
|
+
import { w as ge } from "../../use-active-press-CnDeVvQq.js";
|
12
|
+
import { e as we } from "../../use-resolve-button-type-DhFdPxnv.js";
|
13
|
+
import { c as Be, i as L, u as Ne, R as Oe, H as Ae, s as Ce } from "../../open-closed-CJijMeI2.js";
|
14
|
+
import { C as Re } from "../../close-provider-CEutdhG8.js";
|
15
|
+
import { r as Me } from "../../bugs-diTMAGNw.js";
|
16
|
+
import '../../assets/Accordion.css';var re;
|
17
|
+
let Le = (re = v.startTransition) != null ? re : function(e) {
|
18
18
|
e();
|
19
19
|
};
|
20
|
-
var
|
21
|
-
let
|
20
|
+
var Fe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Fe || {}), He = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(He || {});
|
21
|
+
let Ue = { 0: (e) => ({ ...e, disclosureState: z(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
|
22
22
|
return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
|
23
23
|
}, 3(e, t) {
|
24
24
|
return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
|
@@ -26,181 +26,193 @@ let Re = { 0: (e) => ({ ...e, disclosureState: W(e.disclosureState, { 0: 1, 1: 0
|
|
26
26
|
return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
|
27
27
|
}, 5(e, t) {
|
28
28
|
return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
|
29
|
-
} },
|
30
|
-
|
31
|
-
function
|
32
|
-
let t =
|
29
|
+
} }, X = q(null);
|
30
|
+
X.displayName = "DisclosureContext";
|
31
|
+
function G(e) {
|
32
|
+
let t = W(X);
|
33
33
|
if (t === null) {
|
34
|
-
let
|
35
|
-
throw Error.captureStackTrace && Error.captureStackTrace(
|
34
|
+
let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
|
35
|
+
throw Error.captureStackTrace && Error.captureStackTrace(i, G), i;
|
36
36
|
}
|
37
37
|
return t;
|
38
38
|
}
|
39
|
-
let
|
40
|
-
|
41
|
-
function
|
42
|
-
let t =
|
39
|
+
let J = q(null);
|
40
|
+
J.displayName = "DisclosureAPIContext";
|
41
|
+
function ue(e) {
|
42
|
+
let t = W(J);
|
43
43
|
if (t === null) {
|
44
|
-
let
|
45
|
-
throw Error.captureStackTrace && Error.captureStackTrace(
|
44
|
+
let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
|
45
|
+
throw Error.captureStackTrace && Error.captureStackTrace(i, ue), i;
|
46
46
|
}
|
47
47
|
return t;
|
48
48
|
}
|
49
|
-
let
|
50
|
-
|
51
|
-
function
|
52
|
-
return
|
49
|
+
let Y = q(null);
|
50
|
+
Y.displayName = "DisclosurePanelContext";
|
51
|
+
function qe() {
|
52
|
+
return W(Y);
|
53
53
|
}
|
54
|
-
function
|
55
|
-
return
|
54
|
+
function je(e, t) {
|
55
|
+
return z(t.type, Ue, e, t);
|
56
56
|
}
|
57
|
-
let
|
58
|
-
function
|
59
|
-
let { defaultOpen:
|
60
|
-
|
61
|
-
}, e.as === void 0 || e.as ===
|
57
|
+
let We = se;
|
58
|
+
function Qe(e, t) {
|
59
|
+
let { defaultOpen: i = !1, ...d } = e, s = le(null), m = V(t, ve((c) => {
|
60
|
+
s.current = c;
|
61
|
+
}, e.as === void 0 || e.as === se)), a = ye(je, { disclosureState: i ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, l = g((c) => {
|
62
62
|
y({ type: 1 });
|
63
|
-
let f =
|
63
|
+
let f = Te(s);
|
64
64
|
if (!f || !r) return;
|
65
|
-
let
|
66
|
-
|
67
|
-
}),
|
68
|
-
return
|
65
|
+
let E = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
|
66
|
+
E == null || E.focus();
|
67
|
+
}), x = M(() => ({ close: l }), [l]), S = M(() => ({ open: n === 0, close: l }), [n, l]), I = { ref: m };
|
68
|
+
return v.createElement(X.Provider, { value: a }, v.createElement(J.Provider, { value: x }, v.createElement(Re, { value: l }, v.createElement(Be, { value: z(n, { 0: L.Open, 1: L.Closed }) }, K({ ourProps: I, theirProps: d, slot: S, defaultTag: We, name: "Disclosure" })))));
|
69
69
|
}
|
70
|
-
let
|
71
|
-
function
|
72
|
-
let
|
73
|
-
if (!
|
74
|
-
})),
|
75
|
-
|
76
|
-
if (!
|
70
|
+
let Ve = "button";
|
71
|
+
function ze(e, t) {
|
72
|
+
let i = ae(), { id: d = `headlessui-disclosure-button-${i}`, disabled: s = !1, autoFocus: m = !1, ...a } = e, [n, r] = G("Disclosure.Button"), y = qe(), l = y === null ? !1 : y === n.panelId, x = le(null), S = V(x, t, g((o) => {
|
73
|
+
if (!l) return r({ type: 4, element: o });
|
74
|
+
})), I = ie();
|
75
|
+
j(() => {
|
76
|
+
if (!l) return r({ type: 2, buttonId: d }), () => {
|
77
77
|
r({ type: 2, buttonId: null });
|
78
78
|
};
|
79
|
-
}, [
|
80
|
-
let c =
|
81
|
-
var
|
82
|
-
if (
|
79
|
+
}, [d, r, l]);
|
80
|
+
let c = g((o) => {
|
81
|
+
var k;
|
82
|
+
if (l) {
|
83
83
|
if (n.disclosureState === 1) return;
|
84
|
-
switch (
|
85
|
-
case
|
86
|
-
case
|
87
|
-
|
84
|
+
switch (o.key) {
|
85
|
+
case B.Space:
|
86
|
+
case B.Enter:
|
87
|
+
o.preventDefault(), o.stopPropagation(), r({ type: 0 }), (k = n.buttonElement) == null || k.focus();
|
88
88
|
break;
|
89
89
|
}
|
90
|
-
} else switch (
|
91
|
-
case
|
92
|
-
case
|
93
|
-
|
90
|
+
} else switch (o.key) {
|
91
|
+
case B.Space:
|
92
|
+
case B.Enter:
|
93
|
+
o.preventDefault(), o.stopPropagation(), r({ type: 0 });
|
94
94
|
break;
|
95
95
|
}
|
96
|
-
}), f =
|
97
|
-
switch (
|
98
|
-
case
|
99
|
-
|
96
|
+
}), f = g((o) => {
|
97
|
+
switch (o.key) {
|
98
|
+
case B.Space:
|
99
|
+
o.preventDefault();
|
100
100
|
break;
|
101
101
|
}
|
102
|
-
}),
|
103
|
-
var
|
104
|
-
|
105
|
-
}), { isFocusVisible:
|
106
|
-
return
|
102
|
+
}), E = g((o) => {
|
103
|
+
var k;
|
104
|
+
Me(o.currentTarget) || s || (l ? (r({ type: 0 }), (k = n.buttonElement) == null || k.focus()) : r({ type: 0 }));
|
105
|
+
}), { isFocusVisible: _, focusProps: P } = Pe({ autoFocus: m }), { isHovered: h, hoverProps: N } = he({ isDisabled: s }), { pressed: D, pressProps: O } = ge({ disabled: s }), A = M(() => ({ open: n.disclosureState === 0, hover: h, active: D, disabled: s, focus: _, autofocus: m }), [n, h, D, _, s, m]), $ = we(e, n.buttonElement), F = l ? oe({ ref: S, type: $, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: E }, P, N, O) : oe({ ref: S, id: d, type: $, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: E }, P, N, O);
|
106
|
+
return K({ mergeRefs: I, ourProps: F, theirProps: a, slot: A, defaultTag: Ve, name: "Disclosure.Button" });
|
107
107
|
}
|
108
|
-
let
|
109
|
-
function
|
110
|
-
let
|
111
|
-
|
112
|
-
}),
|
113
|
-
|
108
|
+
let Ke = "div", Xe = ne.RenderStrategy | ne.Static;
|
109
|
+
function Ge(e, t) {
|
110
|
+
let i = ae(), { id: d = `headlessui-disclosure-panel-${i}`, transition: s = !1, ...m } = e, [a, n] = G("Disclosure.Panel"), { close: r } = ue("Disclosure.Panel"), y = ie(), [l, x] = ce(null), S = V(t, g((P) => {
|
111
|
+
Le(() => n({ type: 5, element: P }));
|
112
|
+
}), x);
|
113
|
+
j(() => (n({ type: 3, panelId: d }), () => {
|
114
114
|
n({ type: 3, panelId: null });
|
115
|
-
}), [
|
116
|
-
let
|
117
|
-
return
|
115
|
+
}), [d, n]);
|
116
|
+
let I = Ne(), [c, f] = Oe(s, l, I !== null ? (I & L.Open) === L.Open : a.disclosureState === 0), E = M(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), _ = { ref: S, id: d, ...Ae(f) };
|
117
|
+
return v.createElement(Ce, null, v.createElement(Y.Provider, { value: a.panelId }, K({ mergeRefs: y, ourProps: _, theirProps: m, slot: E, defaultTag: Ke, features: Xe, visible: c, name: "Disclosure.Panel" })));
|
118
118
|
}
|
119
|
-
let
|
120
|
-
const
|
121
|
-
icon:
|
119
|
+
let Je = Q(Qe), de = Q(ze), pe = Q(Ge), Ye = Object.assign(Je, { Button: de, Panel: pe });
|
120
|
+
const Ze = "_icon_1yk0x_2", et = "_open_1yk0x_15", tt = "_square_1yk0x_19", nt = "_circle_1yk0x_23", ot = "_disabled_1yk0x_23", rt = "_accordion_1yk0x_37", lt = "_header_1yk0x_45", st = "_title_1yk0x_61", at = "_panel_1yk0x_88", ct = "_m_1yk0x_112", it = "_s_1yk0x_19", u = {
|
121
|
+
icon: Ze,
|
122
122
|
"icon-container": "_icon-container_1yk0x_8",
|
123
|
-
open:
|
124
|
-
square:
|
125
|
-
circle:
|
126
|
-
disabled:
|
127
|
-
accordion:
|
123
|
+
open: et,
|
124
|
+
square: tt,
|
125
|
+
circle: nt,
|
126
|
+
disabled: ot,
|
127
|
+
accordion: rt,
|
128
128
|
"is-link": "_is-link_1yk0x_41",
|
129
|
-
header:
|
130
|
-
title:
|
129
|
+
header: lt,
|
130
|
+
title: st,
|
131
131
|
"title-uppercase": "_title-uppercase_1yk0x_64",
|
132
|
-
panel:
|
132
|
+
panel: at,
|
133
133
|
"link-open": "_link-open_1yk0x_108",
|
134
|
-
m:
|
135
|
-
s:
|
134
|
+
m: ct,
|
135
|
+
s: it,
|
136
136
|
"wrapper-button": "_wrapper-button_1yk0x_140"
|
137
|
-
},
|
137
|
+
}, vt = Se(
|
138
138
|
({
|
139
139
|
title: e,
|
140
140
|
disabled: t,
|
141
|
-
buttonType:
|
142
|
-
children:
|
143
|
-
showTitleByDefault:
|
141
|
+
buttonType: i = w.BUTTON,
|
142
|
+
children: d,
|
143
|
+
showTitleByDefault: s = !0,
|
144
144
|
linkClassName: m,
|
145
|
-
size: a =
|
145
|
+
size: a = R.M,
|
146
146
|
titleUppercase: n,
|
147
|
-
buttonStyle: r =
|
148
|
-
iconType: y =
|
149
|
-
classNameTitle:
|
150
|
-
classNameContent:
|
151
|
-
classNameAccordion:
|
152
|
-
classNameIconButton:
|
147
|
+
buttonStyle: r = ke.CIRCLE,
|
148
|
+
iconType: y = ee.ARROW,
|
149
|
+
classNameTitle: l,
|
150
|
+
classNameContent: x,
|
151
|
+
classNameAccordion: S,
|
152
|
+
classNameIconButton: I,
|
153
153
|
subtitleNode: c,
|
154
154
|
onlyOpenSubtitleNode: f,
|
155
|
-
classNameSubtitleContainer:
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
155
|
+
classNameSubtitleContainer: E,
|
156
|
+
activeKey: _,
|
157
|
+
defaultActiveKey: P,
|
158
|
+
onChange: h
|
159
|
+
}, N) => {
|
160
|
+
const D = _ !== void 0, [O, A] = ce(
|
161
|
+
() => !!P
|
162
|
+
), $ = D ? !!_ : O, F = be(xe.XS1), o = i === w.LINK, k = {
|
163
|
+
[u["is-link"]]: o
|
164
|
+
};
|
165
|
+
j(() => {
|
166
|
+
D && A(!!_);
|
167
|
+
}, [_, D]);
|
168
|
+
const me = () => {
|
169
|
+
if (t)
|
170
|
+
return;
|
171
|
+
const p = !$;
|
172
|
+
h == null || h(p), D || A(p);
|
173
|
+
}, fe = a === R.S ? Z.S : Z.M, _e = (p) => ({
|
162
174
|
variant: "anchor",
|
163
|
-
size:
|
175
|
+
size: F ? "s" : "l",
|
164
176
|
rightIcon: {
|
165
|
-
iconName:
|
166
|
-
className:
|
167
|
-
[
|
177
|
+
iconName: fe,
|
178
|
+
className: T({
|
179
|
+
[u["link-open"]]: p
|
168
180
|
})
|
169
181
|
}
|
170
|
-
}),
|
171
|
-
const
|
172
|
-
switch (
|
173
|
-
case
|
182
|
+
}), Ee = (p) => {
|
183
|
+
const H = () => y === ee.DROPDOWN ? a === R.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === R.S ? te.S : te.M;
|
184
|
+
switch (i) {
|
185
|
+
case w.LINK:
|
174
186
|
return e;
|
175
|
-
case
|
176
|
-
return /* @__PURE__ */
|
177
|
-
/* @__PURE__ */
|
187
|
+
case w.BUTTON:
|
188
|
+
return /* @__PURE__ */ C(U, { children: [
|
189
|
+
/* @__PURE__ */ b(
|
178
190
|
"span",
|
179
191
|
{
|
180
|
-
className:
|
181
|
-
|
182
|
-
|
183
|
-
n &&
|
192
|
+
className: T(
|
193
|
+
u.title,
|
194
|
+
l,
|
195
|
+
n && u["title-uppercase"]
|
184
196
|
),
|
185
197
|
children: e
|
186
198
|
}
|
187
199
|
),
|
188
|
-
/* @__PURE__ */
|
200
|
+
/* @__PURE__ */ b(
|
189
201
|
"div",
|
190
202
|
{
|
191
|
-
className:
|
192
|
-
|
193
|
-
|
194
|
-
t &&
|
195
|
-
|
196
|
-
|
203
|
+
className: T(
|
204
|
+
u["icon-container"],
|
205
|
+
p && u.open,
|
206
|
+
t && u.disabled,
|
207
|
+
u[r],
|
208
|
+
I
|
197
209
|
),
|
198
210
|
"data-testid": "accordion-icon-container",
|
199
|
-
children: /* @__PURE__ */
|
200
|
-
|
211
|
+
children: /* @__PURE__ */ b(
|
212
|
+
De,
|
201
213
|
{
|
202
|
-
iconName:
|
203
|
-
className:
|
214
|
+
iconName: H(),
|
215
|
+
className: u.icon,
|
204
216
|
"data-testid": "accordion-icon"
|
205
217
|
}
|
206
218
|
)
|
@@ -211,57 +223,65 @@ const ze = "_icon_1yk0x_2", Xe = "_open_1yk0x_15", Ge = "_square_1yk0x_19", Je =
|
|
211
223
|
return null;
|
212
224
|
}
|
213
225
|
};
|
214
|
-
return /* @__PURE__ */
|
215
|
-
/* @__PURE__ */
|
226
|
+
return /* @__PURE__ */ C(U, { children: [
|
227
|
+
/* @__PURE__ */ b(
|
216
228
|
"div",
|
217
229
|
{
|
218
|
-
className:
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
230
|
+
className: T(
|
231
|
+
u.accordion,
|
232
|
+
u[a],
|
233
|
+
k,
|
234
|
+
S
|
223
235
|
),
|
224
|
-
children: /* @__PURE__ */
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
className: v(
|
245
|
-
d.panel,
|
246
|
-
b,
|
247
|
-
g
|
236
|
+
children: /* @__PURE__ */ b(
|
237
|
+
Ye,
|
238
|
+
{
|
239
|
+
ref: N,
|
240
|
+
defaultOpen: $,
|
241
|
+
children: ({ open: p, close: H }) => /* @__PURE__ */ C(U, { children: [
|
242
|
+
(!p || s) && /* @__PURE__ */ b(
|
243
|
+
de,
|
244
|
+
{
|
245
|
+
disabled: t,
|
246
|
+
as: o ? $e : w.BUTTON,
|
247
|
+
onClick: me,
|
248
|
+
className: T({
|
249
|
+
[u.header]: !o,
|
250
|
+
[u.disabled]: t,
|
251
|
+
[m ?? ""]: o && m
|
252
|
+
}),
|
253
|
+
...o ? _e(p) : {},
|
254
|
+
children: (!p || s) && Ee(p)
|
255
|
+
}
|
248
256
|
),
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
257
|
+
p && /* @__PURE__ */ b(
|
258
|
+
pe,
|
259
|
+
{
|
260
|
+
"data-testid": "accordion-panel",
|
261
|
+
className: T(
|
262
|
+
u.panel,
|
263
|
+
x,
|
264
|
+
k
|
265
|
+
),
|
266
|
+
children: /* @__PURE__ */ b(Ie, { size: a, children: typeof d == "function" ? d({
|
267
|
+
open: p,
|
268
|
+
close: H
|
269
|
+
}) : d })
|
270
|
+
}
|
271
|
+
)
|
272
|
+
] })
|
273
|
+
},
|
274
|
+
_ ? String($) : void 0
|
275
|
+
)
|
256
276
|
}
|
257
277
|
),
|
258
|
-
(c || f) && /* @__PURE__ */
|
278
|
+
(c || f) && /* @__PURE__ */ C("div", { className: E, children: [
|
259
279
|
c,
|
260
|
-
|
280
|
+
$ && f
|
261
281
|
] })
|
262
282
|
] });
|
263
283
|
}
|
264
284
|
);
|
265
285
|
export {
|
266
|
-
|
286
|
+
vt as Accordion
|
267
287
|
};
|
@@ -11,6 +11,8 @@ type TProps = {
|
|
11
11
|
disabled?: boolean;
|
12
12
|
className?: string;
|
13
13
|
children?: ReactNode;
|
14
|
+
rel?: string;
|
15
|
+
target?: string;
|
14
16
|
};
|
15
17
|
type TLinkComponent = <C extends ElementType = 'span'>(props: Props<C, TProps>) => ReactElement | ReactNode;
|
16
18
|
export declare const Link: TLinkComponent;
|
@@ -1,52 +1,64 @@
|
|
1
|
-
import { jsxs as
|
1
|
+
import { jsxs as k, jsx as n } from "react/jsx-runtime";
|
2
2
|
import { c as o } from "../../index-DIxK0V-G.js";
|
3
|
-
import { forwardRef as
|
4
|
-
import { ELinkSize as
|
5
|
-
import { Icon as
|
6
|
-
import '../../assets/Link.css';const
|
7
|
-
link:
|
8
|
-
sample:
|
9
|
-
anchor:
|
10
|
-
disabled:
|
11
|
-
icon:
|
12
|
-
xs:
|
13
|
-
s:
|
14
|
-
m:
|
15
|
-
l:
|
16
|
-
},
|
17
|
-
(
|
3
|
+
import { forwardRef as x } from "react";
|
4
|
+
import { ELinkSize as L, ELinkVariant as I } from "./constants.js";
|
5
|
+
import { Icon as t } from "../../icons/Icon.js";
|
6
|
+
import '../../assets/Link.css';const g = "_link_1bc9a_2", j = "_sample_1bc9a_20", u = "_anchor_1bc9a_24", z = "_disabled_1bc9a_28", C = "_icon_1bc9a_38", E = "_xs_1bc9a_47", R = "_s_1bc9a_20", v = "_m_1bc9a_59", w = "_l_1bc9a_2", s = {
|
7
|
+
link: g,
|
8
|
+
sample: j,
|
9
|
+
anchor: u,
|
10
|
+
disabled: z,
|
11
|
+
icon: C,
|
12
|
+
xs: E,
|
13
|
+
s: R,
|
14
|
+
m: v,
|
15
|
+
l: w
|
16
|
+
}, V = x(
|
17
|
+
(i, e) => {
|
18
18
|
const {
|
19
|
-
as:
|
20
|
-
disabled:
|
19
|
+
as: l = "button",
|
20
|
+
disabled: r,
|
21
21
|
leftIcon: c,
|
22
|
-
children:
|
22
|
+
children: _,
|
23
23
|
rightIcon: a,
|
24
24
|
className: m,
|
25
|
-
size: b =
|
26
|
-
variant: d =
|
27
|
-
|
28
|
-
|
29
|
-
|
25
|
+
size: b = L.L,
|
26
|
+
variant: d = I.ANCHOR,
|
27
|
+
rel: p,
|
28
|
+
target: f,
|
29
|
+
...N
|
30
|
+
} = i, h = o(s.link, m, s[d], s[b], {
|
31
|
+
[s.disabled]: r
|
30
32
|
});
|
31
|
-
return /* @__PURE__ */
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
33
|
+
return /* @__PURE__ */ k(
|
34
|
+
l,
|
35
|
+
{
|
36
|
+
ref: e,
|
37
|
+
className: h,
|
38
|
+
rel: p,
|
39
|
+
target: f,
|
40
|
+
...N,
|
41
|
+
children: [
|
42
|
+
c && /* @__PURE__ */ n(
|
43
|
+
t,
|
44
|
+
{
|
45
|
+
...c,
|
46
|
+
className: o(s.icon, c.className)
|
47
|
+
}
|
48
|
+
),
|
49
|
+
_,
|
50
|
+
a && /* @__PURE__ */ n(
|
51
|
+
t,
|
52
|
+
{
|
53
|
+
...a,
|
54
|
+
className: o(s.icon, a.className)
|
55
|
+
}
|
56
|
+
)
|
57
|
+
]
|
58
|
+
}
|
59
|
+
);
|
48
60
|
}
|
49
61
|
);
|
50
62
|
export {
|
51
|
-
|
63
|
+
V as Link
|
52
64
|
};
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { jsxs as L, jsx as p } from "react/jsx-runtime";
|
2
|
-
import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-
|
2
|
+
import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-wis2TUql.js";
|
3
3
|
import h, { useId as J, useState as Q, useMemo as Y, useCallback as Z, forwardRef as ee } from "react";
|
4
|
-
import { w as re } from "../../use-active-press-
|
5
|
-
import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-
|
4
|
+
import { w as re } from "../../use-active-press-CnDeVvQq.js";
|
5
|
+
import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-BmphTIGY.js";
|
6
6
|
import { r as be } from "../../bugs-diTMAGNw.js";
|
7
|
-
import { H as ue } from "../../field-
|
7
|
+
import { H as ue } from "../../field-BLi5834s.js";
|
8
8
|
import { c as me } from "../../index-DIxK0V-G.js";
|
9
9
|
import { Icon as fe } from "../../icons/Icon.js";
|
10
10
|
import '../../assets/CheckboxMimir.css';let pe = "span";
|