@midas-ds/layout 0.0.20 → 0.0.21
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/CHANGELOG.md +8 -0
- package/assets/NavigationSubMenu.css +1 -1
- package/assets/Panel.css +1 -1
- package/chunks/Header-T5EUvNY7.js +98 -0
- package/chunks/NavigationSubMenu-C-M26YYp.js +171 -0
- package/chunks/{Panel-EbJUawMh.js → Panel-C-B48gnt.js} +30 -30
- package/chunks/createLucideIcon-CP-mMPfa.js +75 -0
- package/header/index.js +1 -1
- package/index.js +3 -3
- package/navigation/index.js +1 -1
- package/package.json +1 -1
- package/panel/index.js +1 -1
- package/assets/Button.css +0 -1
- package/assets/Text.css +0 -1
- package/chunks/Button-CCH8cWvV.js +0 -192
- package/chunks/Header-DwXIrGCD.js +0 -101
- package/chunks/NavigationSubMenu-6PJ0fOjF.js +0 -208
- package/chunks/Text-B18MZHuN.js +0 -56
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
## 0.0.21 (2026-03-23)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **layout, panel:** move transition css to collapse-panel ([5f45327752](https://github.com/migrationsverket/midas/commit/5f45327752))
|
|
6
|
+
- **layout, panel:** remove conflicting css of same specificity ([09410df703](https://github.com/migrationsverket/midas/commit/09410df703))
|
|
7
|
+
- **layout:** externalize components dependency ([3647b3fb11](https://github.com/migrationsverket/midas/commit/3647b3fb11))
|
|
8
|
+
|
|
1
9
|
## 0.0.20 (2026-03-23)
|
|
2
10
|
|
|
3
11
|
### 🩹 Fixes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._rootList_l3v98_1{margin:0;padding:0}._navigationHeader_j94pq_1{color:var(--midas-text-secondary);font-size:var(--midas-typography-font-size-20);padding:var(--midas-spacing-30)}._navigationHeader_j94pq_1._collapsed_j94pq_6{display:none}._navigationItem_1jt2l_1{list-style:none}._navigationLink_tfdcf_1{align-items:center;align-self:stretch;border-left:var(--midas-size-10) solid transparent;color:var(--midas-text-primary);display:flex;flex-direction:column;flex:1 0 0%;font-family:var(--midas-typography-font-family);gap:var(--midas-spacing-30);justify-content:flex-end;padding:var(--midas-spacing-50);text-decoration:none}._navigationLink_tfdcf_1[data-hovered],._navigationLink_tfdcf_1:hover,._navigationLink_tfdcf_1[data-active]{background-color:var(--midas-menu-item-background-hover)}._navigationLink_tfdcf_1._collapse_tfdcf_21{flex-direction:row;justify-content:flex-start;padding:.625rem var(--midas-spacing-30)}._navigationLink_tfdcf_1._collapse_tfdcf_21[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-bold)}._navigationLink_tfdcf_1 svg{height:var(--midas-size-90);width:var(--midas-size-90)}._navigationLink_tfdcf_1._collapsed_tfdcf_37{justify-content:center}._navigationLink_tfdcf_1._collapsed_tfdcf_37 ._title_tfdcf_40{display:none}._navigationSection_1ae77_1{padding:0;margin:0 0 1rem}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigationSubMenu_vfyl6_1{padding:0;margin:0 0 1rem 1rem}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}
|
package/assets/Panel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._collapsePanel_5za0f_1{width:15rem;transition:width var(--midas-transition-duration-fast) ease-out}._collapsePanel_5za0f_1._collapsed_5za0f_5{width:80px}@media(max-width:640px){._collapsePanel_5za0f_1{display:none}}._panelHeader_5za0f_14{gap:0}._panelTitle_5za0f_18{font-size:var(--midas-typography-font-size-20);display:block}._panelBody_aouaw_1{background-color:var(--midas-background-base);box-sizing:border-box;padding:1rem}._panelHeader_11qv1_1{align-items:center;display:flex;justify-content:space-between}._panelTitle_w7y4m_1{display:block}._dismissPanel_11141_1{position:absolute!important;top:0;right:0;width:320px;height:100%;overflow:hidden}._dismissPanel_11141_1[data-promoting]{animation:_promote_11141_1 var(--midas-transition-duration-fast) ease-out}@media(prefers-reduced-motion:reduce){._dismissPanel_11141_1[data-promoting]{animation-duration:1ms}}._dismissPanel_11141_1[data-entering]{animation:_slide-horizontally_11141_1 var(--midas-transition-duration-fast)}._dismissPanel_11141_1[data-exiting]{animation:_slide-horizontally_11141_1 var(--midas-transition-duration-fast) reverse ease-in}@media(prefers-reduced-motion:reduce){._dismissPanel_11141_1[data-entering],._dismissPanel_11141_1[data-exiting]{animation-duration:1ms}}@media not (min-width:800px){._dismissPanel_11141_1{bottom:0;width:100%;height:25%;left:0;top:unset}._dismissPanel_11141_1[data-entering]{animation:_slide-vertically_11141_1 var(--midas-transition-duration-fast)}._dismissPanel_11141_1[data-exiting]{animation:_slide-vertically_11141_1 var(--midas-transition-duration-fast) reverse ease-in}}._panelTitle_11141_54{font-size:var(--midas-typography-font-size-20);display:block}@keyframes _promote_11141_1{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes _slide-horizontally_11141_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _slide-vertically_11141_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as e, jsxs as l, Fragment as v } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as f } from "react";
|
|
4
|
+
import { composeRenderProps as d, ModalOverlay as b, Modal as y, Dialog as M } from "react-aria-components";
|
|
5
|
+
import { Button as h, DialogTrigger as w, Text as N, LogoContext as g, clsx as x } from "@midas-ds/components";
|
|
6
|
+
import { useControlledState as A } from "@react-stately/utils";
|
|
7
|
+
import { u as m } from "./useIsMobileDevice-D0iMVFPx.js";
|
|
8
|
+
import { M as D } from "./MobileMenuContext-Coj0sJ0N.js";
|
|
9
|
+
import { c as O } from "./createLucideIcon-CP-mMPfa.js";
|
|
10
|
+
import '../assets/Header.css';const H = "_headerActions_1rka5_1", P = {
|
|
11
|
+
headerActions: H
|
|
12
|
+
}, Q = ({ className: r, ...a }) => /* @__PURE__ */ e(
|
|
13
|
+
"div",
|
|
14
|
+
{
|
|
15
|
+
className: `${r} ${P.headerActions}`,
|
|
16
|
+
...a
|
|
17
|
+
}
|
|
18
|
+
), $ = "_label_1191f_1", k = {
|
|
19
|
+
label: $
|
|
20
|
+
}, j = f(
|
|
21
|
+
({ children: r, icon: a, ...s }, n) => (!r && !s["aria-label"] && process.env.NODE_ENV !== "production" && console.warn(
|
|
22
|
+
"Please provide an 'aria-label' for HeaderAction components that doesnt have a visible label (children)"
|
|
23
|
+
), /* @__PURE__ */ e(
|
|
24
|
+
h,
|
|
25
|
+
{
|
|
26
|
+
ref: n,
|
|
27
|
+
size: "medium",
|
|
28
|
+
variant: "tertiary",
|
|
29
|
+
...s,
|
|
30
|
+
children: d(r, (o) => /* @__PURE__ */ l(v, { children: [
|
|
31
|
+
a,
|
|
32
|
+
typeof o < "u" && /* @__PURE__ */ e("span", { className: k.label, children: o })
|
|
33
|
+
] }))
|
|
34
|
+
}
|
|
35
|
+
))
|
|
36
|
+
);
|
|
37
|
+
j.displayName = "HeaderAction";
|
|
38
|
+
const C = [
|
|
39
|
+
["path", { d: "M4 5h16", key: "1tepv9" }],
|
|
40
|
+
["path", { d: "M4 12h16", key: "1lakjw" }],
|
|
41
|
+
["path", { d: "M4 19h16", key: "1djgab" }]
|
|
42
|
+
], I = O("menu", C), z = "_overlay_12sw8_1", E = "_drawer_12sw8_19", L = "_header_12sw8_44", i = {
|
|
43
|
+
overlay: z,
|
|
44
|
+
drawer: E,
|
|
45
|
+
header: L
|
|
46
|
+
}, U = ({
|
|
47
|
+
children: r,
|
|
48
|
+
title: a,
|
|
49
|
+
isDrawerOpen: s,
|
|
50
|
+
defaultDrawerOpen: n = !1,
|
|
51
|
+
onDrawerOpenChange: o
|
|
52
|
+
}) => {
|
|
53
|
+
const p = m(), [_, c] = A(
|
|
54
|
+
s,
|
|
55
|
+
n,
|
|
56
|
+
o
|
|
57
|
+
), u = () => c((t) => !t);
|
|
58
|
+
return p ? /* @__PURE__ */ e(D.Provider, { value: {}, children: /* @__PURE__ */ l(w, { children: [
|
|
59
|
+
/* @__PURE__ */ e(
|
|
60
|
+
h,
|
|
61
|
+
{
|
|
62
|
+
icon: I,
|
|
63
|
+
variant: "icon",
|
|
64
|
+
onPress: u
|
|
65
|
+
}
|
|
66
|
+
),
|
|
67
|
+
/* @__PURE__ */ e(
|
|
68
|
+
b,
|
|
69
|
+
{
|
|
70
|
+
className: i.overlay,
|
|
71
|
+
isDismissable: !0,
|
|
72
|
+
isOpen: _,
|
|
73
|
+
onOpenChange: c,
|
|
74
|
+
children: d(r, (t) => /* @__PURE__ */ e(y, { className: i.drawer, children: /* @__PURE__ */ l(M, { children: [
|
|
75
|
+
a && /* @__PURE__ */ e(N, { className: i.header, children: a }),
|
|
76
|
+
t
|
|
77
|
+
] }) }))
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
] }) }) : null;
|
|
81
|
+
}, R = "_header_105ne_1", T = {
|
|
82
|
+
header: R
|
|
83
|
+
}, W = ({ className: r, ...a }) => {
|
|
84
|
+
const s = m();
|
|
85
|
+
return /* @__PURE__ */ e(g.Provider, { value: { size: s ? "x-small" : "large" }, children: /* @__PURE__ */ e(
|
|
86
|
+
"header",
|
|
87
|
+
{
|
|
88
|
+
className: x(r, T.header),
|
|
89
|
+
...a
|
|
90
|
+
}
|
|
91
|
+
) });
|
|
92
|
+
};
|
|
93
|
+
export {
|
|
94
|
+
W as H,
|
|
95
|
+
U as M,
|
|
96
|
+
j as a,
|
|
97
|
+
Q as b
|
|
98
|
+
};
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as n, jsxs as v } from "react/jsx-runtime";
|
|
3
|
+
import { Collection as S, OverlayTriggerStateContext as M, Focusable as $, Link as k } from "react-aria-components";
|
|
4
|
+
import { useContext as s } from "react";
|
|
5
|
+
import { Text as j, clsx as d, TooltipTrigger as H, Tooltip as I } from "@midas-ds/components";
|
|
6
|
+
import { C as p, P } from "./PanelContext-D6WQ7_yb.js";
|
|
7
|
+
import { M as T } from "./MobileMenuContext-Coj0sJ0N.js";
|
|
8
|
+
import { Collection as b } from "@react-aria/collections";
|
|
9
|
+
import '../assets/NavigationSubMenu.css';const D = "_rootList_l3v98_1", O = {
|
|
10
|
+
rootList: D
|
|
11
|
+
}, to = ({
|
|
12
|
+
className: t,
|
|
13
|
+
items: o,
|
|
14
|
+
children: a,
|
|
15
|
+
dependencies: e,
|
|
16
|
+
idScope: i,
|
|
17
|
+
addIdAndValue: c,
|
|
18
|
+
...l
|
|
19
|
+
}) => /* @__PURE__ */ n(
|
|
20
|
+
"nav",
|
|
21
|
+
{
|
|
22
|
+
className: t,
|
|
23
|
+
...l,
|
|
24
|
+
children: /* @__PURE__ */ n("ul", { className: O.rootList, children: /* @__PURE__ */ n(
|
|
25
|
+
S,
|
|
26
|
+
{
|
|
27
|
+
items: o,
|
|
28
|
+
children: a,
|
|
29
|
+
dependencies: e,
|
|
30
|
+
idScope: i,
|
|
31
|
+
addIdAndValue: c
|
|
32
|
+
}
|
|
33
|
+
) })
|
|
34
|
+
}
|
|
35
|
+
), q = "_navigationHeader_j94pq_1", F = "_collapsed_j94pq_6", C = {
|
|
36
|
+
navigationHeader: q,
|
|
37
|
+
collapsed: F
|
|
38
|
+
}, w = ({
|
|
39
|
+
className: t,
|
|
40
|
+
...o
|
|
41
|
+
}) => {
|
|
42
|
+
const { isCollapsed: a } = s(p);
|
|
43
|
+
return /* @__PURE__ */ n(
|
|
44
|
+
j,
|
|
45
|
+
{
|
|
46
|
+
className: d(t, C.navigationHeader, {
|
|
47
|
+
[C.collapsed]: a
|
|
48
|
+
}),
|
|
49
|
+
...o
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
}, z = "_navigationItem_1jt2l_1", N = {
|
|
53
|
+
navigationItem: z
|
|
54
|
+
}, A = ({ className: t, ...o }) => {
|
|
55
|
+
const { isCollapsed: a } = s(p);
|
|
56
|
+
return /* @__PURE__ */ n(
|
|
57
|
+
"li",
|
|
58
|
+
{
|
|
59
|
+
className: d(t, N.navigationItem, {
|
|
60
|
+
[N.collapsed]: a
|
|
61
|
+
}),
|
|
62
|
+
...o
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
}, B = "_navigationLink_tfdcf_1", E = "_collapse_tfdcf_21", G = "_collapsed_tfdcf_37", J = "_title_tfdcf_40", r = {
|
|
66
|
+
navigationLink: B,
|
|
67
|
+
collapse: E,
|
|
68
|
+
collapsed: G,
|
|
69
|
+
title: J
|
|
70
|
+
}, ao = ({
|
|
71
|
+
as: t,
|
|
72
|
+
children: o,
|
|
73
|
+
className: a,
|
|
74
|
+
isActive: e,
|
|
75
|
+
title: i,
|
|
76
|
+
"aria-label": c,
|
|
77
|
+
...l
|
|
78
|
+
}) => {
|
|
79
|
+
const { variant: m } = s(P), x = s(T), { isCollapsed: g } = s(p), u = s(M), L = t || k, f = () => {
|
|
80
|
+
u?.isOpen && u?.setOpen(!1);
|
|
81
|
+
};
|
|
82
|
+
return /* @__PURE__ */ v(H, { isDisabled: !g, children: [
|
|
83
|
+
/* @__PURE__ */ n($, { children: /* @__PURE__ */ v(
|
|
84
|
+
L,
|
|
85
|
+
{
|
|
86
|
+
"aria-current": e && "page",
|
|
87
|
+
"aria-label": c || (g ? i : void 0),
|
|
88
|
+
className: d(
|
|
89
|
+
a,
|
|
90
|
+
r.navigationLink,
|
|
91
|
+
m && r[m],
|
|
92
|
+
x && r.collapse,
|
|
93
|
+
{
|
|
94
|
+
[r.collapsed]: g
|
|
95
|
+
}
|
|
96
|
+
),
|
|
97
|
+
"data-active": e || void 0,
|
|
98
|
+
...t ? {
|
|
99
|
+
onClick: (_) => {
|
|
100
|
+
f(), l.onClick?.(_);
|
|
101
|
+
}
|
|
102
|
+
} : {
|
|
103
|
+
onPress: (_) => {
|
|
104
|
+
f(), l.onPress?.(_);
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
...l,
|
|
108
|
+
children: [
|
|
109
|
+
o,
|
|
110
|
+
/* @__PURE__ */ n("span", { className: r.title, children: i })
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
) }),
|
|
114
|
+
/* @__PURE__ */ n(I, { placement: "right", children: i })
|
|
115
|
+
] });
|
|
116
|
+
}, K = "_navigationSection_1ae77_1", Q = "_collapsed_1ae77_5", h = {
|
|
117
|
+
navigationSection: K,
|
|
118
|
+
collapsed: Q
|
|
119
|
+
}, eo = ({
|
|
120
|
+
className: t,
|
|
121
|
+
title: o,
|
|
122
|
+
...a
|
|
123
|
+
}) => {
|
|
124
|
+
const { isCollapsed: e } = s(p);
|
|
125
|
+
return /* @__PURE__ */ n(A, { children: /* @__PURE__ */ v(
|
|
126
|
+
"ul",
|
|
127
|
+
{
|
|
128
|
+
className: d(t, h.navigationSection, {
|
|
129
|
+
[h.collapsed]: e
|
|
130
|
+
}),
|
|
131
|
+
children: [
|
|
132
|
+
o && /* @__PURE__ */ n(w, { children: o }),
|
|
133
|
+
/* @__PURE__ */ n(b, { ...a })
|
|
134
|
+
]
|
|
135
|
+
}
|
|
136
|
+
) });
|
|
137
|
+
}, R = "_navigationSubMenu_vfyl6_1", U = "_collapsed_vfyl6_5", y = {
|
|
138
|
+
navigationSubMenu: R,
|
|
139
|
+
collapsed: U
|
|
140
|
+
}, so = ({
|
|
141
|
+
className: t,
|
|
142
|
+
children: o,
|
|
143
|
+
items: a,
|
|
144
|
+
...e
|
|
145
|
+
}) => {
|
|
146
|
+
const { isCollapsed: i } = s(p), { length: c } = Array.from(a || []);
|
|
147
|
+
return typeof o == "function" && c === 0 ? null : /* @__PURE__ */ n(
|
|
148
|
+
"ul",
|
|
149
|
+
{
|
|
150
|
+
className: d(t, y.navigationSubMenu, {
|
|
151
|
+
[y.collapsed]: i
|
|
152
|
+
}),
|
|
153
|
+
children: /* @__PURE__ */ n(
|
|
154
|
+
b,
|
|
155
|
+
{
|
|
156
|
+
items: a,
|
|
157
|
+
...e,
|
|
158
|
+
children: o
|
|
159
|
+
}
|
|
160
|
+
)
|
|
161
|
+
}
|
|
162
|
+
);
|
|
163
|
+
};
|
|
164
|
+
export {
|
|
165
|
+
to as N,
|
|
166
|
+
w as a,
|
|
167
|
+
A as b,
|
|
168
|
+
ao as c,
|
|
169
|
+
eo as d,
|
|
170
|
+
so as e
|
|
171
|
+
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as l, jsxs as
|
|
3
|
-
import { forwardRef as b, useRef as
|
|
2
|
+
import { jsx as l, jsxs as P } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as b, useRef as z, useEffect as $, createContext as I, useState as M, useContext as B } from "react";
|
|
4
4
|
import { C as H, P as j } from "./PanelContext-D6WQ7_yb.js";
|
|
5
|
-
import {
|
|
6
|
-
import { useControlledState as
|
|
5
|
+
import { useLocalizedStringFormatter as v, Button as C, clsx as h, Text as A } from "@midas-ds/components";
|
|
6
|
+
import { useControlledState as O } from "@react-stately/utils";
|
|
7
7
|
import { u as L } from "./useIsMobileDevice-D0iMVFPx.js";
|
|
8
|
-
import { c as _
|
|
8
|
+
import { c as _ } from "./createLucideIcon-CP-mMPfa.js";
|
|
9
9
|
import { useExitAnimation as R, useObjectRef as q, useEnterAnimation as F, filterDOMProps as X } from "@react-aria/utils";
|
|
10
10
|
import '../assets/Panel.css';const G = [
|
|
11
11
|
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
|
|
@@ -23,7 +23,7 @@ const U = [
|
|
|
23
23
|
], V = _("x", U), W = { expandSidebar: "Expand sidebar", collapseSidebar: "Collapse sidebar", closePanel: "Close panel" }, Y = { expandSidebar: "Expandera sidopanel", collapseSidebar: "Minimera sidopanel", closePanel: "Stäng panel" }, T = {
|
|
24
24
|
en: W,
|
|
25
25
|
sv: Y
|
|
26
|
-
}, Z = "
|
|
26
|
+
}, Z = "_collapsePanel_5za0f_1", ee = "_collapsed_5za0f_5", ne = "_panelTitle_5za0f_18", x = {
|
|
27
27
|
collapsePanel: Z,
|
|
28
28
|
collapsed: ee,
|
|
29
29
|
panelTitle: ne
|
|
@@ -36,20 +36,20 @@ const U = [
|
|
|
36
36
|
title: c,
|
|
37
37
|
...p
|
|
38
38
|
}) => {
|
|
39
|
-
const i =
|
|
39
|
+
const i = v(T), f = L(), [n, a] = O(
|
|
40
40
|
o,
|
|
41
41
|
m,
|
|
42
42
|
r
|
|
43
43
|
), t = () => a((d) => !d);
|
|
44
|
-
return
|
|
44
|
+
return f ? null : /* @__PURE__ */ l(H.Provider, { value: { isCollapsed: n }, children: /* @__PURE__ */ l(
|
|
45
45
|
E,
|
|
46
46
|
{
|
|
47
47
|
className: h(s, x.collapsePanel, {
|
|
48
48
|
[x.collapsed]: n
|
|
49
49
|
}),
|
|
50
50
|
...p,
|
|
51
|
-
children: /* @__PURE__ */
|
|
52
|
-
/* @__PURE__ */
|
|
51
|
+
children: /* @__PURE__ */ P("aside", { children: [
|
|
52
|
+
/* @__PURE__ */ P(D, { children: [
|
|
53
53
|
/* @__PURE__ */ l("div", { children: !n && c && /* @__PURE__ */ l(
|
|
54
54
|
N,
|
|
55
55
|
{
|
|
@@ -58,7 +58,7 @@ const U = [
|
|
|
58
58
|
}
|
|
59
59
|
) }),
|
|
60
60
|
/* @__PURE__ */ l(
|
|
61
|
-
|
|
61
|
+
C,
|
|
62
62
|
{
|
|
63
63
|
variant: "icon",
|
|
64
64
|
"aria-label": n ? i.format("expandSidebar") : i.format("collapseSidebar"),
|
|
@@ -71,7 +71,7 @@ const U = [
|
|
|
71
71
|
] })
|
|
72
72
|
}
|
|
73
73
|
) });
|
|
74
|
-
}, ae = "
|
|
74
|
+
}, ae = "_panelBody_aouaw_1", te = {
|
|
75
75
|
panelBody: ae
|
|
76
76
|
}, E = b(
|
|
77
77
|
({ className: e, ...s }, o) => /* @__PURE__ */ l(
|
|
@@ -103,12 +103,12 @@ const U = [
|
|
|
103
103
|
dismissPanel: ce,
|
|
104
104
|
panelTitle: de
|
|
105
105
|
}, S = (e) => {
|
|
106
|
-
const { onExited: s } = e, [o, m] =
|
|
106
|
+
const { onExited: s } = e, [o, m] = O(
|
|
107
107
|
e.isOpen,
|
|
108
108
|
e.defaultOpen || !1,
|
|
109
109
|
e.onOpenChange
|
|
110
|
-
), r =
|
|
111
|
-
return
|
|
110
|
+
), r = z(null), c = R(r, o), p = () => m((i) => !i);
|
|
111
|
+
return $(() => {
|
|
112
112
|
!o && !c && s?.();
|
|
113
113
|
}, [o, c, s]), !o && !c ? null : /* @__PURE__ */ l(
|
|
114
114
|
pe,
|
|
@@ -129,25 +129,25 @@ const U = [
|
|
|
129
129
|
defaultOpen: c,
|
|
130
130
|
promoting: p,
|
|
131
131
|
onPromotionEnd: i,
|
|
132
|
-
"aria-hidden":
|
|
132
|
+
"aria-hidden": f,
|
|
133
133
|
...n
|
|
134
134
|
}, a) => {
|
|
135
|
-
const t =
|
|
135
|
+
const t = v(T), d = q(a), u = F(d, !c), w = (g) => {
|
|
136
136
|
g.target === g.currentTarget && p && i?.();
|
|
137
137
|
};
|
|
138
|
-
return /* @__PURE__ */
|
|
138
|
+
return /* @__PURE__ */ P(
|
|
139
139
|
E,
|
|
140
140
|
{
|
|
141
|
-
"aria-hidden":
|
|
141
|
+
"aria-hidden": f || void 0,
|
|
142
142
|
className: h(e, y.dismissPanel),
|
|
143
143
|
ref: d,
|
|
144
144
|
"data-entering": u || void 0,
|
|
145
145
|
"data-exiting": r || void 0,
|
|
146
146
|
"data-promoting": p || void 0,
|
|
147
|
-
onAnimationEnd:
|
|
147
|
+
onAnimationEnd: w,
|
|
148
148
|
...X(n),
|
|
149
149
|
children: [
|
|
150
|
-
/* @__PURE__ */
|
|
150
|
+
/* @__PURE__ */ P(D, { children: [
|
|
151
151
|
/* @__PURE__ */ l("div", { children: s && /* @__PURE__ */ l(
|
|
152
152
|
N,
|
|
153
153
|
{
|
|
@@ -156,7 +156,7 @@ const U = [
|
|
|
156
156
|
}
|
|
157
157
|
) }),
|
|
158
158
|
/* @__PURE__ */ l(
|
|
159
|
-
|
|
159
|
+
C,
|
|
160
160
|
{
|
|
161
161
|
variant: "icon",
|
|
162
162
|
"aria-label": t.format("closePanel"),
|
|
@@ -170,7 +170,7 @@ const U = [
|
|
|
170
170
|
}
|
|
171
171
|
);
|
|
172
172
|
}
|
|
173
|
-
), k =
|
|
173
|
+
), k = I({
|
|
174
174
|
panels: [],
|
|
175
175
|
addPanel: () => {
|
|
176
176
|
},
|
|
@@ -186,13 +186,13 @@ const U = [
|
|
|
186
186
|
...o
|
|
187
187
|
}) => {
|
|
188
188
|
const { panels: m, closePanel: r, removePanel: c, resetPromoting: p } = me();
|
|
189
|
-
return /* @__PURE__ */
|
|
189
|
+
return /* @__PURE__ */ P(
|
|
190
190
|
"aside",
|
|
191
191
|
{
|
|
192
192
|
className: s,
|
|
193
193
|
...o,
|
|
194
194
|
children: [
|
|
195
|
-
m.map(({ id: i, ...
|
|
195
|
+
m.map(({ id: i, ...f }, n, { length: a }) => /* @__PURE__ */ l(
|
|
196
196
|
S,
|
|
197
197
|
{
|
|
198
198
|
"aria-hidden": n < a - 1 || void 0,
|
|
@@ -203,7 +203,7 @@ const U = [
|
|
|
203
203
|
},
|
|
204
204
|
onExited: () => c(i),
|
|
205
205
|
onPromotionEnd: () => p(i),
|
|
206
|
-
...
|
|
206
|
+
...f
|
|
207
207
|
},
|
|
208
208
|
i
|
|
209
209
|
)),
|
|
@@ -216,7 +216,7 @@ const U = [
|
|
|
216
216
|
defaultPanels: s = [],
|
|
217
217
|
panelBehavior: o = "bring-to-front"
|
|
218
218
|
}) => {
|
|
219
|
-
const [m, r] =
|
|
219
|
+
const [m, r] = M(
|
|
220
220
|
s.map((n) => ({ ...n, isOpen: !0, defaultOpen: !0 }))
|
|
221
221
|
), c = (n) => {
|
|
222
222
|
r((a) => {
|
|
@@ -241,7 +241,7 @@ const U = [
|
|
|
241
241
|
);
|
|
242
242
|
}, i = (n) => {
|
|
243
243
|
r((a) => a.filter((t) => t.id !== n));
|
|
244
|
-
},
|
|
244
|
+
}, f = (n) => {
|
|
245
245
|
r(
|
|
246
246
|
(a) => a.map((t) => t.id === n ? { ...t, promoting: !1 } : t)
|
|
247
247
|
);
|
|
@@ -249,7 +249,7 @@ const U = [
|
|
|
249
249
|
return /* @__PURE__ */ l(
|
|
250
250
|
k.Provider,
|
|
251
251
|
{
|
|
252
|
-
value: { panels: m, addPanel: c, closePanel: p, removePanel: i, resetPromoting:
|
|
252
|
+
value: { panels: m, addPanel: c, closePanel: p, removePanel: i, resetPromoting: f },
|
|
253
253
|
children: e
|
|
254
254
|
}
|
|
255
255
|
);
|
|
@@ -263,7 +263,7 @@ const U = [
|
|
|
263
263
|
}, Ce = ({
|
|
264
264
|
variant: e = "collapse",
|
|
265
265
|
...s
|
|
266
|
-
}) => /* @__PURE__ */
|
|
266
|
+
}) => /* @__PURE__ */ P(j.Provider, { value: { variant: e }, children: [
|
|
267
267
|
e === "collapse" && /* @__PURE__ */ l(se, { ...s }),
|
|
268
268
|
e === "dismiss" && /* @__PURE__ */ l(S, { ...s })
|
|
269
269
|
] });
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { forwardRef as l, createElement as n } from "react";
|
|
2
|
+
const u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim();
|
|
3
|
+
const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
4
|
+
const f = (t) => t.replace(
|
|
5
|
+
/^([A-Z])|[\s-_]+(\w)/g,
|
|
6
|
+
(e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
|
|
7
|
+
);
|
|
8
|
+
const i = (t) => {
|
|
9
|
+
const e = f(t);
|
|
10
|
+
return e.charAt(0).toUpperCase() + e.slice(1);
|
|
11
|
+
};
|
|
12
|
+
var h = {
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
width: 24,
|
|
15
|
+
height: 24,
|
|
16
|
+
viewBox: "0 0 24 24",
|
|
17
|
+
fill: "none",
|
|
18
|
+
stroke: "currentColor",
|
|
19
|
+
strokeWidth: 2,
|
|
20
|
+
strokeLinecap: "round",
|
|
21
|
+
strokeLinejoin: "round"
|
|
22
|
+
};
|
|
23
|
+
const g = (t) => {
|
|
24
|
+
for (const e in t)
|
|
25
|
+
if (e.startsWith("aria-") || e === "role" || e === "title")
|
|
26
|
+
return !0;
|
|
27
|
+
return !1;
|
|
28
|
+
};
|
|
29
|
+
const A = l(
|
|
30
|
+
({
|
|
31
|
+
color: t = "currentColor",
|
|
32
|
+
size: e = 24,
|
|
33
|
+
strokeWidth: r = 2,
|
|
34
|
+
absoluteStrokeWidth: o,
|
|
35
|
+
className: s = "",
|
|
36
|
+
children: a,
|
|
37
|
+
iconNode: p,
|
|
38
|
+
...c
|
|
39
|
+
}, m) => n(
|
|
40
|
+
"svg",
|
|
41
|
+
{
|
|
42
|
+
ref: m,
|
|
43
|
+
...h,
|
|
44
|
+
width: e,
|
|
45
|
+
height: e,
|
|
46
|
+
stroke: t,
|
|
47
|
+
strokeWidth: o ? Number(r) * 24 / Number(e) : r,
|
|
48
|
+
className: u("lucide", s),
|
|
49
|
+
...!a && !g(c) && { "aria-hidden": "true" },
|
|
50
|
+
...c
|
|
51
|
+
},
|
|
52
|
+
[
|
|
53
|
+
...p.map(([C, d]) => n(C, d)),
|
|
54
|
+
...Array.isArray(a) ? a : [a]
|
|
55
|
+
]
|
|
56
|
+
)
|
|
57
|
+
);
|
|
58
|
+
const k = (t, e) => {
|
|
59
|
+
const r = l(
|
|
60
|
+
({ className: o, ...s }, a) => n(A, {
|
|
61
|
+
ref: a,
|
|
62
|
+
iconNode: e,
|
|
63
|
+
className: u(
|
|
64
|
+
`lucide-${w(i(t))}`,
|
|
65
|
+
`lucide-${t}`,
|
|
66
|
+
o
|
|
67
|
+
),
|
|
68
|
+
...s
|
|
69
|
+
})
|
|
70
|
+
);
|
|
71
|
+
return r.displayName = i(t), r;
|
|
72
|
+
};
|
|
73
|
+
export {
|
|
74
|
+
k as c
|
|
75
|
+
};
|
package/header/index.js
CHANGED
package/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { H as s, a as o, b as t, M as n } from "./chunks/Header-
|
|
1
|
+
import { H as s, a as o, b as t, M as n } from "./chunks/Header-T5EUvNY7.js";
|
|
2
2
|
import { L as r, a as l } from "./chunks/LayoutContent-DhVL-boV.js";
|
|
3
3
|
import { M as m } from "./chunks/Main-Ce4U9_ce.js";
|
|
4
|
-
import { N as p, a as d, b as f, c as u, d as C, e as M } from "./chunks/NavigationSubMenu-
|
|
5
|
-
import { C as v, D as b, a as g, b as D, c as H, P as c, d as L, e as y, f as A, u as S } from "./chunks/Panel-
|
|
4
|
+
import { N as p, a as d, b as f, c as u, d as C, e as M } from "./chunks/NavigationSubMenu-C-M26YYp.js";
|
|
5
|
+
import { C as v, D as b, a as g, b as D, c as H, P as c, d as L, e as y, f as A, u as S } from "./chunks/Panel-C-B48gnt.js";
|
|
6
6
|
import { C as B, P as I } from "./chunks/PanelContext-D6WQ7_yb.js";
|
|
7
7
|
import { N as T } from "./chunks/Navbar-wOOCcsru.js";
|
|
8
8
|
import { M as j } from "./chunks/MobileMenuContext-Coj0sJ0N.js";
|
package/navigation/index.js
CHANGED
package/package.json
CHANGED
package/panel/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as e, D as l, a as n, b as P, c as i, P as o, d as t, e as m, f as r, u as C } from "../chunks/Panel-
|
|
1
|
+
import { C as e, D as l, a as n, b as P, c as i, P as o, d as t, e as m, f as r, u as C } from "../chunks/Panel-C-B48gnt.js";
|
|
2
2
|
import { C as x, P as d } from "../chunks/PanelContext-D6WQ7_yb.js";
|
|
3
3
|
export {
|
|
4
4
|
e as CollapsePanel,
|
package/assets/Button.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._container_1qexx_1{display:inline-flex}._spinner_1qexx_5{animation:_rotating_1qexx_1 1s linear infinite;stroke-linecap:square}@media(prefers-reduced-motion){._spinner_1qexx_5{animation-duration:2s}}@media(forced-colors:active){._spinner_1qexx_5{color:CanvasText}}._large_1qexx_18{color:var(--midas-icon-tertiary)}@keyframes _rotating_1qexx_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._button_1woxv_1{--border-width: 1px;font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-30);font-weight:500;padding:calc(var(--midas-space-70) - var(--border-width)) calc(var(--midas-space-large) - var(--border-width));line-height:var(--midas-typography-line-height-30);background-color:var(--midas-button-background-primary-base);border:solid var(--border-width) transparent;color:var(--midas-text-on-color);cursor:pointer;opacity:1;outline:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--midas-space-small)}._button_1woxv_1[data-focus-visible],._button_1woxv_1:focus-visible{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._button_1woxv_1[data-focus-visible],._button_1woxv_1:focus-visible{outline:3px solid highlight;outline-offset:2px}}._button_1woxv_1[data-hovered]{background-color:var(--midas-button-background-primary-hover)}._button_1woxv_1[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-primary-active);outline:none}._button_1woxv_1[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled)}._secondary_1woxv_48{color:var(--midas-text-tertiary);background-color:var(--midas-button-background-secondary-base);border-color:var(--midas-button-border-secondary);opacity:1}._secondary_1woxv_48[data-hovered]{background-color:var(--midas-button-background-secondary-hover)}._secondary_1woxv_48[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled);border-color:var(--midas-border-color-disabled)}._secondary_1woxv_48[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-secondary-active);border-color:var(--midas-text-tertiary)}._tertiary_1woxv_71{color:var(--midas-text-tertiary);background-color:transparent;opacity:1}._tertiary_1woxv_71[data-hovered]{background-color:var(--midas-button-background-tertiary-hover)}._tertiary_1woxv_71[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:transparent}._tertiary_1woxv_71[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-tertiary-active)}._iconBtn_1woxv_91{background-color:transparent;padding:calc(var(--midas-space-70) - var(--border-width));color:var(--midas-icon-primary);display:flex;align-items:center}._iconBtn_1woxv_91[data-hovered]{background-color:var(--midas-button-icon-hover)}._iconBtn_1woxv_91[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._iconBtn_1woxv_91[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-icon-active)}._iconBtn_1woxv_91._medium_1woxv_111{padding:calc(var(--midas-space-50) - var(--border-width))}._danger_1woxv_116{color:var(--midas-color-white-base);background-color:var(--midas-button-background-danger-base);opacity:1}._danger_1woxv_116[data-hovered]{color:var(--midas-color-white-base);background-color:var(--midas-button-background-danger-hover)}._danger_1woxv_116[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled)}._danger_1woxv_116[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-danger-active);outline:none}._iconRight_1woxv_138{flex-direction:row-reverse}._fullwidth_1woxv_142{width:100%}._medium_1woxv_111{padding:calc(var(--midas-space-50) - var(--border-width)) calc(var(--midas-space-medium) - var(--border-width))}@media(forced-colors:active){._primary_1woxv_152{border-width:2px}}
|
package/assets/Text.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._body_g096r_1,._body-small_g096r_2,._description_g096r_3,._description-small_g096r_4{color:var(--midas-text-primary)}._body_g096r_1{font:var(--midas-typography-body)}._body_g096r_1[data-expressive]{line-height:var(--midas-typography-line-height-50)}._body-small_g096r_2{font:var(--midas-typography-body-small)}._description-small_g096r_4{font:var(--midas-typography-description-small)}._bold_g096r_24{font-weight:700}._italic_g096r_28{font-style:italic}._description_g096r_3{font:var(--midas-typography-description);margin-bottom:var(--midas-space-small)}._description_g096r_3>[data-disabled],[data-disabled] ._description_g096r_3{color:var(--midas-text-disabled)}@media(forced-colors:active){._description_g096r_3>[data-disabled],[data-disabled] ._description_g096r_3{color:GrayText}}._description_g096r_3>[data-readonly],[data-readonly] ._description_g096r_3{color:var(--midas-text-read-only)}
|
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsxs as v, jsx as c, Fragment as b } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef as f, createElement as _, useMemo as k } from "react";
|
|
4
|
-
import { useLocale as A, useContextProps as N, ButtonContext as P, Button as z, composeRenderProps as S } from "react-aria-components";
|
|
5
|
-
import { c as h } from "./Text-B18MZHuN.js";
|
|
6
|
-
import { VisuallyHidden as W } from "react-aria";
|
|
7
|
-
import { LocalizedStringFormatter as R, LocalizedStringDictionary as $ } from "@internationalized/string";
|
|
8
|
-
import '../assets/Button.css';const j = "_container_1qexx_1", D = "_spinner_1qexx_5", F = "_large_1qexx_18", g = {
|
|
9
|
-
container: j,
|
|
10
|
-
spinner: D,
|
|
11
|
-
large: F
|
|
12
|
-
};
|
|
13
|
-
const C = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
|
|
14
|
-
const E = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
15
|
-
const U = (e) => e.replace(
|
|
16
|
-
/^([A-Z])|[\s-_]+(\w)/g,
|
|
17
|
-
(t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
|
|
18
|
-
);
|
|
19
|
-
const w = (e) => {
|
|
20
|
-
const t = U(e);
|
|
21
|
-
return t.charAt(0).toUpperCase() + t.slice(1);
|
|
22
|
-
};
|
|
23
|
-
var q = {
|
|
24
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
25
|
-
width: 24,
|
|
26
|
-
height: 24,
|
|
27
|
-
viewBox: "0 0 24 24",
|
|
28
|
-
fill: "none",
|
|
29
|
-
stroke: "currentColor",
|
|
30
|
-
strokeWidth: 2,
|
|
31
|
-
strokeLinecap: "round",
|
|
32
|
-
strokeLinejoin: "round"
|
|
33
|
-
};
|
|
34
|
-
const I = (e) => {
|
|
35
|
-
for (const t in e)
|
|
36
|
-
if (t.startsWith("aria-") || t === "role" || t === "title")
|
|
37
|
-
return !0;
|
|
38
|
-
return !1;
|
|
39
|
-
};
|
|
40
|
-
const M = f(
|
|
41
|
-
({
|
|
42
|
-
color: e = "currentColor",
|
|
43
|
-
size: t = 24,
|
|
44
|
-
strokeWidth: o = 2,
|
|
45
|
-
absoluteStrokeWidth: r,
|
|
46
|
-
className: i = "",
|
|
47
|
-
children: a,
|
|
48
|
-
iconNode: l,
|
|
49
|
-
...d
|
|
50
|
-
}, m) => _(
|
|
51
|
-
"svg",
|
|
52
|
-
{
|
|
53
|
-
ref: m,
|
|
54
|
-
...q,
|
|
55
|
-
width: t,
|
|
56
|
-
height: t,
|
|
57
|
-
stroke: e,
|
|
58
|
-
strokeWidth: r ? Number(o) * 24 / Number(t) : o,
|
|
59
|
-
className: C("lucide", i),
|
|
60
|
-
...!a && !I(d) && { "aria-hidden": "true" },
|
|
61
|
-
...d
|
|
62
|
-
},
|
|
63
|
-
[
|
|
64
|
-
...l.map(([u, p]) => _(u, p)),
|
|
65
|
-
...Array.isArray(a) ? a : [a]
|
|
66
|
-
]
|
|
67
|
-
)
|
|
68
|
-
);
|
|
69
|
-
const G = (e, t) => {
|
|
70
|
-
const o = f(
|
|
71
|
-
({ className: r, ...i }, a) => _(M, {
|
|
72
|
-
ref: a,
|
|
73
|
-
iconNode: t,
|
|
74
|
-
className: C(
|
|
75
|
-
`lucide-${E(w(e))}`,
|
|
76
|
-
`lucide-${e}`,
|
|
77
|
-
r
|
|
78
|
-
),
|
|
79
|
-
...i
|
|
80
|
-
})
|
|
81
|
-
);
|
|
82
|
-
return o.displayName = w(e), o;
|
|
83
|
-
};
|
|
84
|
-
const Z = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], H = G("loader-circle", Z), y = "sv", x = /* @__PURE__ */ new WeakMap();
|
|
85
|
-
function K(e) {
|
|
86
|
-
let t = x.get(e);
|
|
87
|
-
return t || (t = new $(e, y), x.set(e, t)), t;
|
|
88
|
-
}
|
|
89
|
-
function O(e, t) {
|
|
90
|
-
return K(e);
|
|
91
|
-
}
|
|
92
|
-
function T(e, t) {
|
|
93
|
-
if (!e || typeof e != "object" || !(y in e))
|
|
94
|
-
throw new Error(
|
|
95
|
-
`useLocalizedStringFormatter: Default language "${y}" must be defined in dictionary.`
|
|
96
|
-
);
|
|
97
|
-
const { locale: o } = A(), r = O(e);
|
|
98
|
-
return k(
|
|
99
|
-
() => new R(o, r),
|
|
100
|
-
[r, o]
|
|
101
|
-
);
|
|
102
|
-
}
|
|
103
|
-
const V = { loadingPleaseWait: "Loading, please wait..." }, J = { loadingPleaseWait: "Laddar, vänligen vänta..." }, Q = {
|
|
104
|
-
en: V,
|
|
105
|
-
sv: J
|
|
106
|
-
}, X = ({
|
|
107
|
-
small: e,
|
|
108
|
-
color: t,
|
|
109
|
-
className: o
|
|
110
|
-
}) => {
|
|
111
|
-
const r = T(Q);
|
|
112
|
-
return /* @__PURE__ */ v(
|
|
113
|
-
"div",
|
|
114
|
-
{
|
|
115
|
-
className: h(g.container, o),
|
|
116
|
-
role: "status",
|
|
117
|
-
children: [
|
|
118
|
-
/* @__PURE__ */ c(
|
|
119
|
-
H,
|
|
120
|
-
{
|
|
121
|
-
className: h(g.spinner, !e && g.large),
|
|
122
|
-
size: e ? 20 : 96,
|
|
123
|
-
strokeWidth: e ? 2 : 8,
|
|
124
|
-
absoluteStrokeWidth: !0,
|
|
125
|
-
color: t
|
|
126
|
-
}
|
|
127
|
-
),
|
|
128
|
-
/* @__PURE__ */ c(W, { children: r.format("loadingPleaseWait") })
|
|
129
|
-
]
|
|
130
|
-
}
|
|
131
|
-
);
|
|
132
|
-
}, Y = "_button_1woxv_1", ee = "_secondary_1woxv_48", te = "_tertiary_1woxv_71", oe = "_iconBtn_1woxv_91", re = "_medium_1woxv_111", ne = "_danger_1woxv_116", ae = "_iconRight_1woxv_138", ie = "_fullwidth_1woxv_142", se = "_primary_1woxv_152", n = {
|
|
133
|
-
button: Y,
|
|
134
|
-
secondary: ee,
|
|
135
|
-
tertiary: te,
|
|
136
|
-
iconBtn: oe,
|
|
137
|
-
medium: re,
|
|
138
|
-
danger: ne,
|
|
139
|
-
iconRight: ae,
|
|
140
|
-
fullwidth: ie,
|
|
141
|
-
primary: se
|
|
142
|
-
}, ce = f(
|
|
143
|
-
(e, t) => {
|
|
144
|
-
const [o, r] = N(e, t, P), {
|
|
145
|
-
className: i,
|
|
146
|
-
fullwidth: a,
|
|
147
|
-
icon: l,
|
|
148
|
-
iconPlacement: d,
|
|
149
|
-
iconSize: m,
|
|
150
|
-
isPending: u,
|
|
151
|
-
size: p = "large",
|
|
152
|
-
variant: s = "primary",
|
|
153
|
-
...L
|
|
154
|
-
} = o;
|
|
155
|
-
return /* @__PURE__ */ c(
|
|
156
|
-
z,
|
|
157
|
-
{
|
|
158
|
-
className: h(
|
|
159
|
-
n.button,
|
|
160
|
-
s === "primary" && n.primary,
|
|
161
|
-
s === "secondary" && n.secondary,
|
|
162
|
-
s === "tertiary" && n.tertiary,
|
|
163
|
-
s === "danger" && n.danger,
|
|
164
|
-
s === "icon" && n.iconBtn,
|
|
165
|
-
a && n.fullwidth,
|
|
166
|
-
p === "medium" && n.medium,
|
|
167
|
-
d === "right" && n.iconRight,
|
|
168
|
-
i
|
|
169
|
-
),
|
|
170
|
-
ref: r,
|
|
171
|
-
...L,
|
|
172
|
-
children: S(o.children, (B) => /* @__PURE__ */ v(b, { children: [
|
|
173
|
-
l && !u && /* @__PURE__ */ c(
|
|
174
|
-
l,
|
|
175
|
-
{
|
|
176
|
-
"aria-hidden": !0,
|
|
177
|
-
size: m ?? 20
|
|
178
|
-
}
|
|
179
|
-
),
|
|
180
|
-
u && /* @__PURE__ */ c(X, { small: !0 }),
|
|
181
|
-
B
|
|
182
|
-
] }))
|
|
183
|
-
}
|
|
184
|
-
);
|
|
185
|
-
}
|
|
186
|
-
);
|
|
187
|
-
ce.displayName = "Button";
|
|
188
|
-
export {
|
|
189
|
-
ce as B,
|
|
190
|
-
G as c,
|
|
191
|
-
T as u
|
|
192
|
-
};
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as e, jsxs as l, Fragment as v } from "react/jsx-runtime";
|
|
3
|
-
import { createContext as f, forwardRef as b } from "react";
|
|
4
|
-
import { composeRenderProps as d, DialogTrigger as y, ModalOverlay as M, Modal as w, Dialog as N } from "react-aria-components";
|
|
5
|
-
import { c as g, B as h } from "./Button-CCH8cWvV.js";
|
|
6
|
-
import { useControlledState as x } from "@react-stately/utils";
|
|
7
|
-
import { u as m } from "./useIsMobileDevice-D0iMVFPx.js";
|
|
8
|
-
import { M as A } from "./MobileMenuContext-Coj0sJ0N.js";
|
|
9
|
-
import { T as D, c as O } from "./Text-B18MZHuN.js";
|
|
10
|
-
import '../assets/Header.css';const H = "_headerActions_1rka5_1", P = {
|
|
11
|
-
headerActions: H
|
|
12
|
-
}, U = ({ className: a, ...r }) => /* @__PURE__ */ e(
|
|
13
|
-
"div",
|
|
14
|
-
{
|
|
15
|
-
className: `${a} ${P.headerActions}`,
|
|
16
|
-
...r
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
const $ = [
|
|
20
|
-
["path", { d: "M4 5h16", key: "1tepv9" }],
|
|
21
|
-
["path", { d: "M4 12h16", key: "1lakjw" }],
|
|
22
|
-
["path", { d: "M4 19h16", key: "1djgab" }]
|
|
23
|
-
], k = g("menu", $), C = f({
|
|
24
|
-
size: void 0
|
|
25
|
-
}), j = "_label_1191f_1", z = {
|
|
26
|
-
label: j
|
|
27
|
-
}, I = b(
|
|
28
|
-
({ children: a, icon: r, ...s }, n) => (!a && !s["aria-label"] && process.env.NODE_ENV !== "production" && console.warn(
|
|
29
|
-
"Please provide an 'aria-label' for HeaderAction components that doesnt have a visible label (children)"
|
|
30
|
-
), /* @__PURE__ */ e(
|
|
31
|
-
h,
|
|
32
|
-
{
|
|
33
|
-
ref: n,
|
|
34
|
-
size: "medium",
|
|
35
|
-
variant: "tertiary",
|
|
36
|
-
...s,
|
|
37
|
-
children: d(a, (o) => /* @__PURE__ */ l(v, { children: [
|
|
38
|
-
r,
|
|
39
|
-
typeof o < "u" && /* @__PURE__ */ e("span", { className: z.label, children: o })
|
|
40
|
-
] }))
|
|
41
|
-
}
|
|
42
|
-
))
|
|
43
|
-
);
|
|
44
|
-
I.displayName = "HeaderAction";
|
|
45
|
-
const T = "_overlay_12sw8_1", B = "_drawer_12sw8_19", E = "_header_12sw8_44", i = {
|
|
46
|
-
overlay: T,
|
|
47
|
-
drawer: B,
|
|
48
|
-
header: E
|
|
49
|
-
}, W = ({
|
|
50
|
-
children: a,
|
|
51
|
-
title: r,
|
|
52
|
-
isDrawerOpen: s,
|
|
53
|
-
defaultDrawerOpen: n = !1,
|
|
54
|
-
onDrawerOpenChange: o
|
|
55
|
-
}) => {
|
|
56
|
-
const p = m(), [_, c] = x(
|
|
57
|
-
s,
|
|
58
|
-
n,
|
|
59
|
-
o
|
|
60
|
-
), u = () => c((t) => !t);
|
|
61
|
-
return p ? /* @__PURE__ */ e(A.Provider, { value: {}, children: /* @__PURE__ */ l(y, { children: [
|
|
62
|
-
/* @__PURE__ */ e(
|
|
63
|
-
h,
|
|
64
|
-
{
|
|
65
|
-
icon: k,
|
|
66
|
-
variant: "icon",
|
|
67
|
-
onPress: u
|
|
68
|
-
}
|
|
69
|
-
),
|
|
70
|
-
/* @__PURE__ */ e(
|
|
71
|
-
M,
|
|
72
|
-
{
|
|
73
|
-
className: i.overlay,
|
|
74
|
-
isDismissable: !0,
|
|
75
|
-
isOpen: _,
|
|
76
|
-
onOpenChange: c,
|
|
77
|
-
children: d(a, (t) => /* @__PURE__ */ e(w, { className: i.drawer, children: /* @__PURE__ */ l(N, { children: [
|
|
78
|
-
r && /* @__PURE__ */ e(D, { className: i.header, children: r }),
|
|
79
|
-
t
|
|
80
|
-
] }) }))
|
|
81
|
-
}
|
|
82
|
-
)
|
|
83
|
-
] }) }) : null;
|
|
84
|
-
}, L = "_header_105ne_1", R = {
|
|
85
|
-
header: L
|
|
86
|
-
}, X = ({ className: a, ...r }) => {
|
|
87
|
-
const s = m();
|
|
88
|
-
return /* @__PURE__ */ e(C.Provider, { value: { size: s ? "x-small" : "large" }, children: /* @__PURE__ */ e(
|
|
89
|
-
"header",
|
|
90
|
-
{
|
|
91
|
-
className: O(a, R.header),
|
|
92
|
-
...r
|
|
93
|
-
}
|
|
94
|
-
) });
|
|
95
|
-
};
|
|
96
|
-
export {
|
|
97
|
-
X as H,
|
|
98
|
-
W as M,
|
|
99
|
-
I as a,
|
|
100
|
-
U as b
|
|
101
|
-
};
|
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as t, jsxs as g, Fragment as $ } from "react/jsx-runtime";
|
|
3
|
-
import { TooltipTrigger as S, Tooltip as M, OverlayArrow as k, Collection as w, OverlayTriggerStateContext as j, Focusable as H, Link as I } from "react-aria-components";
|
|
4
|
-
import { useContext as i } from "react";
|
|
5
|
-
import { c, T as P } from "./Text-B18MZHuN.js";
|
|
6
|
-
import { C as d, P as q } from "./PanelContext-D6WQ7_yb.js";
|
|
7
|
-
import { M as O } from "./MobileMenuContext-Coj0sJ0N.js";
|
|
8
|
-
import { Collection as L } from "@react-aria/collections";
|
|
9
|
-
import '../assets/NavigationSubMenu.css';const D = "_tooltip_exq12_1", F = "_arrow_exq12_18", C = {
|
|
10
|
-
tooltip: D,
|
|
11
|
-
arrow: F
|
|
12
|
-
};
|
|
13
|
-
function A({ children: o, className: n, ...a }) {
|
|
14
|
-
return /* @__PURE__ */ t(
|
|
15
|
-
M,
|
|
16
|
-
{
|
|
17
|
-
className: c(C.tooltip, n),
|
|
18
|
-
...a,
|
|
19
|
-
children: (e) => /* @__PURE__ */ g($, { children: [
|
|
20
|
-
/* @__PURE__ */ t(k, { className: C.arrow, children: /* @__PURE__ */ t(
|
|
21
|
-
"svg",
|
|
22
|
-
{
|
|
23
|
-
width: 8,
|
|
24
|
-
height: 8,
|
|
25
|
-
viewBox: "0 0 8 8",
|
|
26
|
-
children: /* @__PURE__ */ t("path", { d: "M0 0 L4 4 L8 0" })
|
|
27
|
-
}
|
|
28
|
-
) }),
|
|
29
|
-
typeof o == "function" ? o(e) : o
|
|
30
|
-
] })
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
function B({
|
|
35
|
-
delay: o = 0,
|
|
36
|
-
...n
|
|
37
|
-
}) {
|
|
38
|
-
return /* @__PURE__ */ t(
|
|
39
|
-
S,
|
|
40
|
-
{
|
|
41
|
-
delay: o,
|
|
42
|
-
...n
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
}
|
|
46
|
-
const z = "_rootList_l3v98_1", E = {
|
|
47
|
-
rootList: z
|
|
48
|
-
}, ro = ({
|
|
49
|
-
className: o,
|
|
50
|
-
items: n,
|
|
51
|
-
children: a,
|
|
52
|
-
dependencies: e,
|
|
53
|
-
idScope: s,
|
|
54
|
-
addIdAndValue: r,
|
|
55
|
-
...l
|
|
56
|
-
}) => /* @__PURE__ */ t(
|
|
57
|
-
"nav",
|
|
58
|
-
{
|
|
59
|
-
className: o,
|
|
60
|
-
...l,
|
|
61
|
-
children: /* @__PURE__ */ t("ul", { className: E.rootList, children: /* @__PURE__ */ t(
|
|
62
|
-
w,
|
|
63
|
-
{
|
|
64
|
-
items: n,
|
|
65
|
-
children: a,
|
|
66
|
-
dependencies: e,
|
|
67
|
-
idScope: s,
|
|
68
|
-
addIdAndValue: r
|
|
69
|
-
}
|
|
70
|
-
) })
|
|
71
|
-
}
|
|
72
|
-
), G = "_navigationHeader_j94pq_1", J = "_collapsed_j94pq_6", h = {
|
|
73
|
-
navigationHeader: G,
|
|
74
|
-
collapsed: J
|
|
75
|
-
}, K = ({
|
|
76
|
-
className: o,
|
|
77
|
-
...n
|
|
78
|
-
}) => {
|
|
79
|
-
const { isCollapsed: a } = i(d);
|
|
80
|
-
return /* @__PURE__ */ t(
|
|
81
|
-
P,
|
|
82
|
-
{
|
|
83
|
-
className: c(o, h.navigationHeader, {
|
|
84
|
-
[h.collapsed]: a
|
|
85
|
-
}),
|
|
86
|
-
...n
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
}, Q = "_navigationItem_1jt2l_1", y = {
|
|
90
|
-
navigationItem: Q
|
|
91
|
-
}, R = ({ className: o, ...n }) => {
|
|
92
|
-
const { isCollapsed: a } = i(d);
|
|
93
|
-
return /* @__PURE__ */ t(
|
|
94
|
-
"li",
|
|
95
|
-
{
|
|
96
|
-
className: c(o, y.navigationItem, {
|
|
97
|
-
[y.collapsed]: a
|
|
98
|
-
}),
|
|
99
|
-
...n
|
|
100
|
-
}
|
|
101
|
-
);
|
|
102
|
-
}, U = "_navigationLink_tfdcf_1", V = "_collapse_tfdcf_21", W = "_collapsed_tfdcf_37", X = "_title_tfdcf_40", p = {
|
|
103
|
-
navigationLink: U,
|
|
104
|
-
collapse: V,
|
|
105
|
-
collapsed: W,
|
|
106
|
-
title: X
|
|
107
|
-
}, po = ({
|
|
108
|
-
as: o,
|
|
109
|
-
children: n,
|
|
110
|
-
className: a,
|
|
111
|
-
isActive: e,
|
|
112
|
-
title: s,
|
|
113
|
-
"aria-label": r,
|
|
114
|
-
...l
|
|
115
|
-
}) => {
|
|
116
|
-
const { variant: m } = i(q), b = i(O), { isCollapsed: _ } = i(d), u = i(j), T = o || I, f = () => {
|
|
117
|
-
u?.isOpen && u?.setOpen(!1);
|
|
118
|
-
};
|
|
119
|
-
return /* @__PURE__ */ g(B, { isDisabled: !_, children: [
|
|
120
|
-
/* @__PURE__ */ t(H, { children: /* @__PURE__ */ g(
|
|
121
|
-
T,
|
|
122
|
-
{
|
|
123
|
-
"aria-current": e && "page",
|
|
124
|
-
"aria-label": r || (_ ? s : void 0),
|
|
125
|
-
className: c(
|
|
126
|
-
a,
|
|
127
|
-
p.navigationLink,
|
|
128
|
-
m && p[m],
|
|
129
|
-
b && p.collapse,
|
|
130
|
-
{
|
|
131
|
-
[p.collapsed]: _
|
|
132
|
-
}
|
|
133
|
-
),
|
|
134
|
-
"data-active": e || void 0,
|
|
135
|
-
...o ? {
|
|
136
|
-
onClick: (v) => {
|
|
137
|
-
f(), l.onClick?.(v);
|
|
138
|
-
}
|
|
139
|
-
} : {
|
|
140
|
-
onPress: (v) => {
|
|
141
|
-
f(), l.onPress?.(v);
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
...l,
|
|
145
|
-
children: [
|
|
146
|
-
n,
|
|
147
|
-
/* @__PURE__ */ t("span", { className: p.title, children: s })
|
|
148
|
-
]
|
|
149
|
-
}
|
|
150
|
-
) }),
|
|
151
|
-
/* @__PURE__ */ t(A, { placement: "right", children: s })
|
|
152
|
-
] });
|
|
153
|
-
}, Y = "_navigationSection_1ae77_1", Z = "_collapsed_1ae77_5", N = {
|
|
154
|
-
navigationSection: Y,
|
|
155
|
-
collapsed: Z
|
|
156
|
-
}, go = ({
|
|
157
|
-
className: o,
|
|
158
|
-
title: n,
|
|
159
|
-
...a
|
|
160
|
-
}) => {
|
|
161
|
-
const { isCollapsed: e } = i(d);
|
|
162
|
-
return /* @__PURE__ */ t(R, { children: /* @__PURE__ */ g(
|
|
163
|
-
"ul",
|
|
164
|
-
{
|
|
165
|
-
className: c(o, N.navigationSection, {
|
|
166
|
-
[N.collapsed]: e
|
|
167
|
-
}),
|
|
168
|
-
children: [
|
|
169
|
-
n && /* @__PURE__ */ t(K, { children: n }),
|
|
170
|
-
/* @__PURE__ */ t(L, { ...a })
|
|
171
|
-
]
|
|
172
|
-
}
|
|
173
|
-
) });
|
|
174
|
-
}, oo = "_navigationSubMenu_vfyl6_1", to = "_collapsed_vfyl6_5", x = {
|
|
175
|
-
navigationSubMenu: oo,
|
|
176
|
-
collapsed: to
|
|
177
|
-
}, _o = ({
|
|
178
|
-
className: o,
|
|
179
|
-
children: n,
|
|
180
|
-
items: a,
|
|
181
|
-
...e
|
|
182
|
-
}) => {
|
|
183
|
-
const { isCollapsed: s } = i(d), { length: r } = Array.from(a || []);
|
|
184
|
-
return typeof n == "function" && r === 0 ? null : /* @__PURE__ */ t(
|
|
185
|
-
"ul",
|
|
186
|
-
{
|
|
187
|
-
className: c(o, x.navigationSubMenu, {
|
|
188
|
-
[x.collapsed]: s
|
|
189
|
-
}),
|
|
190
|
-
children: /* @__PURE__ */ t(
|
|
191
|
-
L,
|
|
192
|
-
{
|
|
193
|
-
items: a,
|
|
194
|
-
...e,
|
|
195
|
-
children: n
|
|
196
|
-
}
|
|
197
|
-
)
|
|
198
|
-
}
|
|
199
|
-
);
|
|
200
|
-
};
|
|
201
|
-
export {
|
|
202
|
-
ro as N,
|
|
203
|
-
K as a,
|
|
204
|
-
R as b,
|
|
205
|
-
po as c,
|
|
206
|
-
go as d,
|
|
207
|
-
_o as e
|
|
208
|
-
};
|
package/chunks/Text-B18MZHuN.js
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { Text as f } from "react-aria-components";
|
|
3
|
-
import '../assets/Text.css';function a(t) {
|
|
4
|
-
var i, o, r = "";
|
|
5
|
-
if (typeof t == "string" || typeof t == "number") r += t;
|
|
6
|
-
else if (typeof t == "object") if (Array.isArray(t)) {
|
|
7
|
-
var s = t.length;
|
|
8
|
-
for (i = 0; i < s; i++) t[i] && (o = a(t[i])) && (r && (r += " "), r += o);
|
|
9
|
-
} else for (o in t) t[o] && (r && (r += " "), r += o);
|
|
10
|
-
return r;
|
|
11
|
-
}
|
|
12
|
-
function c() {
|
|
13
|
-
for (var t, i, o = 0, r = "", s = arguments.length; o < s; o++) (t = arguments[o]) && (i = a(t)) && (r && (r += " "), r += i);
|
|
14
|
-
return r;
|
|
15
|
-
}
|
|
16
|
-
function _(...t) {
|
|
17
|
-
return t.some((i) => typeof i == "function") ? (i) => c(
|
|
18
|
-
t.map(
|
|
19
|
-
(o) => typeof o == "function" ? o(i) : o
|
|
20
|
-
)
|
|
21
|
-
) : c(t);
|
|
22
|
-
}
|
|
23
|
-
const u = "_body_g096r_1", m = "_description_g096r_3", b = "_bold_g096r_24", g = "_italic_g096r_28", n = {
|
|
24
|
-
body: u,
|
|
25
|
-
"body-small": "_body-small_g096r_2",
|
|
26
|
-
description: m,
|
|
27
|
-
"description-small": "_description-small_g096r_4",
|
|
28
|
-
bold: b,
|
|
29
|
-
italic: g
|
|
30
|
-
}, e = "span", E = ({
|
|
31
|
-
children: t,
|
|
32
|
-
className: i,
|
|
33
|
-
size: o,
|
|
34
|
-
isExpressive: r = !1,
|
|
35
|
-
elementType: s = e,
|
|
36
|
-
...l
|
|
37
|
-
}) => {
|
|
38
|
-
const d = {
|
|
39
|
-
className: _(
|
|
40
|
-
l.slot === "description" ? o === "small" ? n["description-small"] : n.description : o === "small" ? n["body-small"] : n.body,
|
|
41
|
-
{
|
|
42
|
-
[n.bold]: ["b", "strong"].includes(s),
|
|
43
|
-
[n.italic]: ["i", "em"].includes(s)
|
|
44
|
-
},
|
|
45
|
-
i
|
|
46
|
-
),
|
|
47
|
-
elementType: s || e,
|
|
48
|
-
...r && { "data-expressive": !0 },
|
|
49
|
-
...l
|
|
50
|
-
};
|
|
51
|
-
return /* @__PURE__ */ p(f, { ...d, children: t });
|
|
52
|
-
};
|
|
53
|
-
export {
|
|
54
|
-
E as T,
|
|
55
|
-
_ as c
|
|
56
|
-
};
|