@midas-ds/components 17.28.2 → 17.30.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.
Files changed (98) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/accordion/index.js +1 -1
  3. package/assets/file-list.css +1 -1
  4. package/assets/progress-bar.css +1 -1
  5. package/button/Button.stories.d.ts +1 -1
  6. package/button/index.js +1 -1
  7. package/calendar/index.js +1 -1
  8. package/card/index.js +1 -1
  9. package/checkbox/index.js +1 -1
  10. package/chunks/FeedbackStatusIcon-DvMDGBGL.js +36 -0
  11. package/chunks/{accordion-DIVTJU3O.js → accordion-BzmYSOS3.js} +23 -23
  12. package/chunks/{button-CenXTGXL.js → button-C-WkFek9.js} +1 -1
  13. package/chunks/calendar-Bt1FLxqr.js +107 -0
  14. package/chunks/card-CdH2UMUW.js +103 -0
  15. package/chunks/checkbox-DiFQy3MS.js +106 -0
  16. package/chunks/clear-button-Bv0YGBNG.js +17 -0
  17. package/chunks/color-scheme-switch-0axiBsna.js +160 -0
  18. package/chunks/{combobox-DIou4Z-d.js → combobox-DkZbA3o4.js} +24 -24
  19. package/chunks/{date-field-BF2f9bSf.js → date-field-CPpWZqws.js} +2 -2
  20. package/chunks/date-picker-DQ7vCG5-.js +142 -0
  21. package/chunks/file-list-D8Zc1aYS.js +139 -0
  22. package/chunks/{info-banner-osR4e6nB.js → info-banner-BVKtmVKN.js} +14 -14
  23. package/chunks/label-Dw5p84T2.js +50 -0
  24. package/chunks/layout-CUAjEEuH.js +378 -0
  25. package/chunks/link-DHu1cTmz.js +44 -0
  26. package/chunks/link-button-DYg_0p4Y.js +44 -0
  27. package/chunks/{list-box-BN_MSiOD.js → list-box-DmEoMvX1.js} +1 -1
  28. package/chunks/menu-CP0Xvmx0.js +48 -0
  29. package/chunks/modal-B_uSoXZM.js +66 -0
  30. package/chunks/progress-bar-BfFxpqUv.js +65 -0
  31. package/chunks/{radio-BD1EuxSa.js → radio-_z6ObjYx.js} +1 -1
  32. package/chunks/search-field-Cp_HHDl4.js +91 -0
  33. package/chunks/select-Wy6NakdH.js +176 -0
  34. package/chunks/spinner-COGZlDJB.js +29 -0
  35. package/chunks/table-O_Y45Sb7.js +84 -0
  36. package/chunks/tag-RjuYlFZI.js +78 -0
  37. package/chunks/{textfield-BSvCsAyC.js → textfield-Bu0Hg2pJ.js} +2 -2
  38. package/chunks/{time-field-CmjGBQph.js → time-field-Cnp-dYhm.js} +3 -3
  39. package/chunks/{toast-gJgjitZF.js → toast-Dg3fVjSS.js} +20 -20
  40. package/clear-button/index.js +1 -1
  41. package/color-scheme-switch/index.js +1 -1
  42. package/combobox/index.js +1 -1
  43. package/date-field/index.js +1 -1
  44. package/date-picker/index.js +1 -1
  45. package/file-list/FileList.stories.d.ts +15 -3
  46. package/file-list/FileListItem.d.ts +21 -1
  47. package/file-list/index.js +1 -1
  48. package/file-list/intl/translations.json.d.ts +10 -2
  49. package/index.js +49 -48
  50. package/info-banner/index.js +1 -1
  51. package/label/index.js +1 -1
  52. package/layout/index.js +1 -1
  53. package/link/index.js +1 -1
  54. package/link-button/index.js +1 -1
  55. package/list-box/index.js +1 -1
  56. package/menu/index.js +1 -1
  57. package/modal/index.js +1 -1
  58. package/package.json +3 -2
  59. package/progress-bar/ProgressBar.d.ts +11 -0
  60. package/progress-bar/ProgressBar.stories.d.ts +3 -0
  61. package/progress-bar/index.js +1 -1
  62. package/radio/index.js +1 -1
  63. package/search-field/index.js +1 -1
  64. package/select/index.js +1 -1
  65. package/spinner/index.js +1 -1
  66. package/table/index.js +1 -1
  67. package/tag/index.js +1 -1
  68. package/textfield/index.js +1 -1
  69. package/time-field/index.js +1 -1
  70. package/toast/index.js +1 -1
  71. package/chunks/FeedbackStatusIcon-DRI7WrSU.js +0 -54
  72. package/chunks/arrow-right-Db_H9KjE.js +0 -10
  73. package/chunks/calendar-Bl_obez5.js +0 -111
  74. package/chunks/card-zIYA-SQh.js +0 -103
  75. package/chunks/check-DV00NPU0.js +0 -7
  76. package/chunks/checkbox-Bqd8B58G.js +0 -110
  77. package/chunks/chevron-down-CP7nEDei.js +0 -7
  78. package/chunks/chevron-right-DwqboCdU.js +0 -7
  79. package/chunks/clear-button-D3I1X3yG.js +0 -17
  80. package/chunks/color-scheme-switch-DVZjdwc9.js +0 -203
  81. package/chunks/createLucideIcon-BgluSHFG.js +0 -39
  82. package/chunks/date-picker-DZivTUB_.js +0 -187
  83. package/chunks/file-list-TmEuO1fJ.js +0 -68
  84. package/chunks/info-jCyacVsy.js +0 -19
  85. package/chunks/label-LWlgvAwz.js +0 -50
  86. package/chunks/layout-Db5um0f7.js +0 -426
  87. package/chunks/link-BAgs4RwY.js +0 -59
  88. package/chunks/link-button-BuPMEGUj.js +0 -52
  89. package/chunks/menu-aT2IR0tO.js +0 -49
  90. package/chunks/modal-C-UsxdO0.js +0 -66
  91. package/chunks/progress-bar-7w_kWo2f.js +0 -40
  92. package/chunks/search-field-GNTRFpzf.js +0 -100
  93. package/chunks/select-oLCNpryY.js +0 -177
  94. package/chunks/spinner-LdHPVms_.js +0 -32
  95. package/chunks/square-arrow-out-up-right-DkgXD7hj.js +0 -17
  96. package/chunks/table-CmNWoAYO.js +0 -150
  97. package/chunks/tag-BIcqtf7b.js +0 -78
  98. package/chunks/x-BJAOO5a5.js +0 -10
@@ -1,50 +0,0 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
2
- import { t } from "./info-jCyacVsy.js";
3
- import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
4
- import { n as r } from "./button-CenXTGXL.js";
5
- import { t as i } from "./popover-DGcogqbS.js";
6
- import { t as a } from "./modal-C-UsxdO0.js";
7
- import * as o from "react";
8
- import s, { useContext as c } from "react";
9
- import { Label as l } from "react-aria-components";
10
- import { jsx as u, jsxs as d } from "react/jsx-runtime";
11
- import '../assets/label.css';var f = { labelBase: "_labelBase_f5wtf_1" }, p = {
12
- labelPopover: "_labelPopover_15nnd_1",
13
- labelPopoverTrigger: "_labelPopoverTrigger_15nnd_7"
14
- }, m = {
15
- en: { moreInfo: "More info" },
16
- sv: { moreInfo: "Mer information" }
17
- }, h = ({ children: e, "aria-label": o }) => {
18
- let s = c(g), l = n(m);
19
- return /* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(r, {
20
- "aria-label": o || l.format("moreInfo"),
21
- className: p.labelPopoverTrigger,
22
- id: s?.popoverId,
23
- size: "medium",
24
- slot: null,
25
- variant: "icon",
26
- children: /* @__PURE__ */ u(t, { size: 20 })
27
- }), /* @__PURE__ */ u(i, { children: e })] });
28
- }, g = s.createContext(void 0), _ = ({ children: e, popover: t }) => {
29
- let n = s.useId();
30
- return t ? /* @__PURE__ */ u(g.Provider, {
31
- value: { popoverId: n },
32
- children: /* @__PURE__ */ d("div", {
33
- className: p.labelPopover,
34
- children: [e, /* @__PURE__ */ u(h, { ...t })]
35
- })
36
- }) : e;
37
- }, v = "label", y = ({ children: t, className: n, elementType: r = v, ...i }) => {
38
- let a = {
39
- className: e(f.labelBase, n),
40
- elementType: r || v,
41
- ...i
42
- }, s = o.useContext(g);
43
- return /* @__PURE__ */ u(l, {
44
- ...a,
45
- "aria-describedby": s?.popoverId,
46
- children: t
47
- });
48
- };
49
- //#endregion
50
- export { _ as n, y as t };
@@ -1,426 +0,0 @@
1
- 'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
3
- import { t } from "./createLucideIcon-BgluSHFG.js";
4
- import { t as n } from "./x-BJAOO5a5.js";
5
- import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
6
- import { n as i } from "./button-CenXTGXL.js";
7
- import { n as a, t as o } from "./badge-BfK6XrlL.js";
8
- import { t as s } from "./grid-Cn_8RSvj.js";
9
- import { n as c, t as l } from "./tooltip-BkesIUIF.js";
10
- import { t as u } from "./logo-DyZ2pXt7.js";
11
- import * as d from "react";
12
- import { useEffect as f, useState as p } from "react";
13
- import { Link as m, RouterProvider as h } from "react-aria-components";
14
- import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
15
- import { variables as y } from "@midas-ds/theme";
16
- import '../assets/layout.css';var b = t("menu", [
17
- ["path", {
18
- d: "M4 5h16",
19
- key: "1tepv9"
20
- }],
21
- ["path", {
22
- d: "M4 12h16",
23
- key: "1lakjw"
24
- }],
25
- ["path", {
26
- d: "M4 19h16",
27
- key: "1djgab"
28
- }]
29
- ]), x = t("panel-left-close", [
30
- ["rect", {
31
- width: "18",
32
- height: "18",
33
- x: "3",
34
- y: "3",
35
- rx: "2",
36
- key: "afitv7"
37
- }],
38
- ["path", {
39
- d: "M9 3v18",
40
- key: "fh3hqa"
41
- }],
42
- ["path", {
43
- d: "m16 15-3-3 3-3",
44
- key: "14y99z"
45
- }]
46
- ]), S = t("panel-left-open", [
47
- ["rect", {
48
- width: "18",
49
- height: "18",
50
- x: "3",
51
- y: "3",
52
- rx: "2",
53
- key: "afitv7"
54
- }],
55
- ["path", {
56
- d: "M9 3v18",
57
- key: "fh3hqa"
58
- }],
59
- ["path", {
60
- d: "m14 9 3 3-3 3",
61
- key: "8010ee"
62
- }]
63
- ]), C = {
64
- baseLayout: "_baseLayout_1ylxx_1",
65
- mainContent: "_mainContent_1ylxx_10",
66
- header: "_header_1ylxx_15",
67
- headerExternal: "_headerExternal_1ylxx_26",
68
- headerContent: "_headerContent_1ylxx_41",
69
- logo: "_logo_1ylxx_60",
70
- headerItems: "_headerItems_1ylxx_69",
71
- toggleButton: "_toggleButton_1ylxx_75",
72
- sidebar: "_sidebar_1ylxx_83",
73
- main: "_main_1ylxx_10",
74
- app: "_app_1ylxx_116",
75
- sidebarOpened: "_sidebarOpened_1ylxx_124",
76
- sidebarHeader: "_sidebarHeader_1ylxx_128",
77
- appName: "_appName_1ylxx_140",
78
- collapseButton: "_collapseButton_1ylxx_147",
79
- sidebarCollapsed: "_sidebarCollapsed_1ylxx_156",
80
- userName: "_userName_1ylxx_166",
81
- abbr: "_abbr_1ylxx_178",
82
- userTitle: "_userTitle_1ylxx_184",
83
- title: "_title_1ylxx_196",
84
- sidebarNav: "_sidebarNav_1ylxx_207",
85
- list: "_list_1ylxx_213",
86
- listGroupTitle: "_listGroupTitle_1ylxx_219",
87
- listItem: "_listItem_1ylxx_226",
88
- listItemCollapsed: "_listItemCollapsed_1ylxx_231",
89
- listLink: "_listLink_1ylxx_235",
90
- listLinkCollapsed: "_listLinkCollapsed_1ylxx_298",
91
- active: "_active_1ylxx_303",
92
- linkText: "_linkText_1ylxx_314",
93
- backdrop: "_backdrop_1ylxx_321",
94
- backdropOpened: "_backdropOpened_1ylxx_331",
95
- skipToContent: "_skipToContent_1ylxx_349",
96
- navbar: "_navbar_1ylxx_363",
97
- navbarList: "_navbarList_1ylxx_375",
98
- navbarItem: "_navbarItem_1ylxx_397",
99
- headerContentExternal: "_headerContentExternal_1ylxx_448",
100
- logoExternalContainer: "_logoExternalContainer_1ylxx_456",
101
- logoExternal: "_logoExternal_1ylxx_456",
102
- logoExternalDesktop: "_logoExternalDesktop_1ylxx_468",
103
- navbarWrapper: "_navbarWrapper_1ylxx_477"
104
- }, w = d.createContext(void 0), T = ({ items: e, title: t, user: n, app: r, children: i, clientSideRouter: a, clientSideHref: o, headerChildren: s, isCollapsed: c, setIsCollapsed: l, isOpened: u, setIsOpened: d, variant: f, id: p }) => /* @__PURE__ */ _(w.Provider, {
105
- value: {
106
- items: e,
107
- title: t,
108
- user: n,
109
- app: r,
110
- headerChildren: s,
111
- isCollapsed: c,
112
- setIsCollapsed: l,
113
- isOpened: u,
114
- setIsOpened: d,
115
- clientSideRouter: a,
116
- clientSideHref: o,
117
- variant: f,
118
- id: p
119
- },
120
- children: i
121
- }), E = () => {
122
- let e = d.useContext(w);
123
- if (!e) throw Error("useLayoutContext must be used within a LayoutProvider");
124
- return e;
125
- }, D = ({ title: t, href: n, icon: r, active: i, hasBadge: s, onClick: u, target: d }) => {
126
- let { isCollapsed: h, setIsOpened: g, clientSideHref: y } = E(), b = y ? y(n) : n, [x, S] = p(!1);
127
- f(() => {
128
- if (typeof window < "u") {
129
- let e = window.location.pathname === b || window.location.pathname.startsWith(b + "/");
130
- S(i ?? e);
131
- }
132
- }, [i, b]);
133
- let w = () => {
134
- g?.(!1), u && u({
135
- title: t,
136
- href: b
137
- });
138
- };
139
- return h ? /* @__PURE__ */ v(c, { children: [/* @__PURE__ */ _(m, {
140
- href: n,
141
- "aria-label": t,
142
- className: e(C.listLink, C.listLinkCollapsed, x && C.active),
143
- onPress: w,
144
- target: d,
145
- children: /* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(r, {
146
- size: 20,
147
- "aria-label": t
148
- }), s && /* @__PURE__ */ _(a, {})] })
149
- }), /* @__PURE__ */ _(l, {
150
- placement: "right",
151
- children: t
152
- })] }) : /* @__PURE__ */ v(m, {
153
- href: n,
154
- "aria-label": t,
155
- className: e(C.listLink, x && C.active),
156
- onPress: w,
157
- target: d,
158
- children: [/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(r, { size: 20 }), s && /* @__PURE__ */ _(a, {})] }), t]
159
- });
160
- }, O = {
161
- en: {
162
- closeMenu: "Close menu",
163
- openMenu: "Open menu",
164
- maximizeMenu: "Maximize menu",
165
- minimizeMenu: "Minimize menu",
166
- sidebarMenu: "Sidebar menu",
167
- bottomMenu: "Bottom menu",
168
- skipToContent: "Skip to main content"
169
- },
170
- sv: {
171
- closeMenu: "Stäng meny",
172
- openMenu: "Öppna meny",
173
- maximizeMenu: "Maximera meny",
174
- minimizeMenu: "Minimera meny",
175
- sidebarMenu: "Sidomeny",
176
- bottomMenu: "Bottenmeny",
177
- skipToContent: "Hoppa till huvudinnehåll"
178
- }
179
- }, k = ({ onLinkClick: t }) => {
180
- let { items: n, app: a, isOpened: o, isCollapsed: s, setIsCollapsed: c, setIsOpened: l, clientSideRouter: u, clientSideHref: f, id: p } = E(), m = r(O), g = ({ group: n }) => /* @__PURE__ */ _("ul", {
181
- className: C.list,
182
- children: n.items.map((n, r) => /* @__PURE__ */ _("li", {
183
- className: e(C.listItem, s && C.listItemCollapsed),
184
- children: n.target === "_blank" || !u ? /* @__PURE__ */ _(D, {
185
- onClick: t,
186
- ...n
187
- }) : /* @__PURE__ */ _(h, {
188
- navigate: u,
189
- useHref: f,
190
- children: /* @__PURE__ */ _(D, {
191
- onClick: t,
192
- ...n
193
- })
194
- })
195
- }, "link_" + r))
196
- });
197
- return d.useEffect(() => {
198
- let e = (e) => {
199
- e.key === "Escape" && l !== void 0 && l(!1);
200
- };
201
- return window.addEventListener("keydown", e), () => {
202
- window.removeEventListener("keydown", e);
203
- };
204
- }, [l]), /* @__PURE__ */ v("aside", {
205
- id: p,
206
- className: e(C.sidebar, s && C.sidebarCollapsed, o && C.sidebarOpened),
207
- children: [/* @__PURE__ */ v("div", {
208
- className: C.sidebarHeader,
209
- children: [!s && /* @__PURE__ */ _("p", {
210
- className: C.appName,
211
- children: a.name
212
- }), /* @__PURE__ */ _(i, {
213
- variant: "icon",
214
- "aria-label": s ? m.format("maximizeMenu") : m.format("minimizeMenu"),
215
- onPress: () => c(!s),
216
- className: C.collapseButton,
217
- children: _(s ? S : x, { size: 20 })
218
- })]
219
- }), /* @__PURE__ */ _("nav", {
220
- className: C.sidebarNav,
221
- "aria-label": m.format("sidebarMenu"),
222
- children: /* @__PURE__ */ _("ul", {
223
- className: C.list,
224
- children: n.map((e, t) => /* @__PURE__ */ v("li", { children: [e.title && !s && /* @__PURE__ */ _("p", {
225
- className: C.listGroupTitle,
226
- children: e.title
227
- }), /* @__PURE__ */ _(g, { group: e })] }, "list_" + t))
228
- })
229
- })]
230
- });
231
- }, A = () => {
232
- let { title: t, user: a, app: o, isOpened: s, setIsOpened: c, setIsCollapsed: l, headerChildren: d, variant: f, id: p } = E(), m = r(O);
233
- return f === "external" ? /* @__PURE__ */ _("header", {
234
- className: e(C.header, C.headerExternal),
235
- children: /* @__PURE__ */ v("div", {
236
- className: C.headerContentExternal,
237
- children: [/* @__PURE__ */ v("div", {
238
- className: C.logoExternalContainer,
239
- children: [
240
- /* @__PURE__ */ _(u, {
241
- size: "x-small",
242
- padding: !1,
243
- className: C.logoExternal
244
- }),
245
- /* @__PURE__ */ _(u, {
246
- size: "small",
247
- padding: !1,
248
- className: C.logoExternalDesktop
249
- }),
250
- /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
251
- className: C.userName,
252
- children: a.name
253
- }), /* @__PURE__ */ _("p", {
254
- className: C.userTitle,
255
- children: a.title
256
- })] })
257
- ]
258
- }), /* @__PURE__ */ _("div", {
259
- className: C.headerItems,
260
- children: d
261
- })]
262
- })
263
- }) : /* @__PURE__ */ v("header", {
264
- className: C.header,
265
- style: { borderTop: `solid 4px ${o.color ? o.color : y.brandPrimary}` },
266
- children: [/* @__PURE__ */ v("div", {
267
- className: C.headerContent,
268
- children: [
269
- /* @__PURE__ */ _("div", {
270
- className: C.logo,
271
- children: /* @__PURE__ */ _(u, {
272
- size: "small",
273
- padding: !1
274
- })
275
- }),
276
- s !== void 0 && /* @__PURE__ */ _(i, {
277
- variant: "icon",
278
- className: C.toggleButton,
279
- "aria-label": s ? m.format("closeMenu") : m.format("openMenu"),
280
- "aria-controls": p,
281
- onPressStart: () => {
282
- l(!1), c?.(!0);
283
- },
284
- children: _(s ? n : b, {
285
- size: 20,
286
- "aria-hidden": "true"
287
- })
288
- }),
289
- /* @__PURE__ */ v("div", { children: [
290
- /* @__PURE__ */ _("p", {
291
- className: C.userName,
292
- children: a.name
293
- }),
294
- /* @__PURE__ */ _("p", {
295
- className: C.userTitle,
296
- children: a.title
297
- }),
298
- /* @__PURE__ */ _("p", {
299
- className: C.title,
300
- children: t
301
- })
302
- ] })
303
- ]
304
- }), /* @__PURE__ */ _("div", {
305
- className: C.headerItems,
306
- children: d
307
- })]
308
- });
309
- }, j = ({ id: e = "main:first-of-type" }) => {
310
- let t = () => {
311
- let t = document.querySelector(e);
312
- t && (t.tabIndex = -1, t.focus(), setTimeout(() => t.removeAttribute("tabindex"), 1e3));
313
- }, n = r(O);
314
- return /* @__PURE__ */ _(i, {
315
- onPress: t,
316
- className: C.skipToContent,
317
- children: n.format("skipToContent")
318
- });
319
- }, M = () => {
320
- let { isOpened: t, setIsOpened: n } = E();
321
- return t ? /* @__PURE__ */ _("div", {
322
- className: e(C.backdrop, C.backdropOpened),
323
- onClick: () => {
324
- n?.(!1);
325
- },
326
- "aria-hidden": !0
327
- }) : null;
328
- }, N = () => {
329
- let { items: t, clientSideRouter: n, clientSideHref: i } = E(), a = r(O), o = t?.[0]?.items;
330
- return /* @__PURE__ */ _("nav", {
331
- className: C.navbar,
332
- "aria-label": a.format("bottomMenu"),
333
- children: o && /* @__PURE__ */ _("ul", {
334
- className: e(C.navbarList),
335
- children: n ? /* @__PURE__ */ _(h, {
336
- navigate: n,
337
- useHref: i,
338
- children: /* @__PURE__ */ _(P, { items: o })
339
- }) : /* @__PURE__ */ _(P, { items: o })
340
- })
341
- });
342
- }, P = ({ items: t }) => /* @__PURE__ */ _(g, { children: t.map(({ href: t, active: n, icon: r, title: i, hasBadge: s }, c) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v(m, {
343
- href: t,
344
- className: e(C.navbarItem),
345
- "data-active": n,
346
- "aria-current": n && "page",
347
- children: [/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(r, { size: 20 }), s && /* @__PURE__ */ _(a, {})] }), i]
348
- }) }, c)) }), F = ({ items: t, title: n, user: r, app: i, children: a, headerChildren: o, clientSideRouter: c, clientSideHref: l, variant: u, className: f, onSidebarLinkClick: p }) => {
349
- let [m, h] = d.useState(!1), [g, y] = d.useState(!1), b = d.useId();
350
- return u === "external" ? /* @__PURE__ */ _(F.Provider, {
351
- items: t,
352
- title: n,
353
- user: r,
354
- app: i,
355
- clientSideRouter: c,
356
- clientSideHref: l,
357
- headerChildren: o,
358
- isCollapsed: m,
359
- setIsCollapsed: h,
360
- variant: u,
361
- id: b,
362
- children: /* @__PURE__ */ v("div", {
363
- className: e(C.baseLayout, f),
364
- children: [
365
- /* @__PURE__ */ _(j, {}),
366
- /* @__PURE__ */ _(F.Header, {}),
367
- /* @__PURE__ */ v("div", {
368
- className: C.mainContent,
369
- children: [
370
- /* @__PURE__ */ _(F.Sidebar, { onLinkClick: p }),
371
- /* @__PURE__ */ _(s, { children: /* @__PURE__ */ _("main", {
372
- className: C.main,
373
- children: /* @__PURE__ */ _("div", {
374
- className: C.app,
375
- children: a
376
- })
377
- }) }),
378
- /* @__PURE__ */ _(F.Backdrop, {})
379
- ]
380
- }),
381
- /* @__PURE__ */ _("div", {
382
- className: C.navbarWrapper,
383
- children: /* @__PURE__ */ _(F.Navbar, {})
384
- })
385
- ]
386
- })
387
- }) : /* @__PURE__ */ _(F.Provider, {
388
- items: t,
389
- title: n,
390
- user: r,
391
- app: i,
392
- clientSideRouter: c,
393
- clientSideHref: l,
394
- headerChildren: o,
395
- isCollapsed: m,
396
- setIsCollapsed: h,
397
- isOpened: g,
398
- setIsOpened: y,
399
- variant: u,
400
- id: b,
401
- children: /* @__PURE__ */ v("div", {
402
- className: e(C.baseLayout, f),
403
- children: [
404
- /* @__PURE__ */ _(j, {}),
405
- /* @__PURE__ */ _(F.Header, {}),
406
- /* @__PURE__ */ v("div", {
407
- className: C.mainContent,
408
- children: [
409
- /* @__PURE__ */ _(F.Sidebar, { onLinkClick: p }),
410
- /* @__PURE__ */ _(s, { children: /* @__PURE__ */ _("main", {
411
- className: C.main,
412
- children: /* @__PURE__ */ _("div", {
413
- className: C.app,
414
- children: a
415
- })
416
- }) }),
417
- /* @__PURE__ */ _(F.Backdrop, {})
418
- ]
419
- })
420
- ]
421
- })
422
- });
423
- };
424
- F.Provider = T, F.Header = A, F.Sidebar = k, F.SidebarLink = D, F.Navbar = N, F.Backdrop = M;
425
- //#endregion
426
- export { D as a, k as i, N as n, A as r, F as t };
@@ -1,59 +0,0 @@
1
- 'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
3
- import { t } from "./createLucideIcon-BgluSHFG.js";
4
- import { t as n } from "./arrow-right-Db_H9KjE.js";
5
- import { t as r } from "./square-arrow-out-up-right-DkgXD7hj.js";
6
- import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
7
- import { Link as a, RouterProvider as o } from "react-aria-components";
8
- import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
9
- import { VisuallyHidden as u } from "react-aria";
10
- import '../assets/link.css';var d = t("arrow-down-to-line", [
11
- ["path", {
12
- d: "M12 17V3",
13
- key: "1cwfxf"
14
- }],
15
- ["path", {
16
- d: "m6 11 6 6 6-6",
17
- key: "12ii2o"
18
- }],
19
- ["path", {
20
- d: "M19 21H5",
21
- key: "150jfl"
22
- }]
23
- ]), f = {
24
- link: "_link_duep2_1",
25
- icon: "_icon_duep2_53",
26
- standalone: "_standalone_duep2_57",
27
- stretched: "_stretched_duep2_76"
28
- }, p = {
29
- en: {
30
- opensInNewTab: "Opens in new tab",
31
- downloadsFile: "Downloads file"
32
- },
33
- sv: {
34
- opensInNewTab: "Öppnas i ny flik",
35
- downloadsFile: "Hämtar fil"
36
- }
37
- }, m = ({ children: t, standalone: o, target: m, stretched: g, download: _, icon: v, className: y, as: b, ...x }) => {
38
- let S = b || a, C = i(p), w = v ? { icon: v } : _ ? {
39
- icon: d,
40
- label: C.format("downloadsFile")
41
- } : m === "_blank" ? {
42
- icon: r,
43
- label: C.format("opensInNewTab")
44
- } : o ? { icon: n } : null;
45
- return /* @__PURE__ */ l(S, {
46
- className: e(f.link, o && f.standalone, g && f.stretched, y),
47
- ...x,
48
- target: m,
49
- download: _,
50
- children: [t, w ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(h, {
51
- className: f.icon,
52
- icon: w.icon,
53
- size: 16,
54
- "aria-hidden": !0
55
- }), w.label && /* @__PURE__ */ c(u, { children: w.label })] }) : null]
56
- });
57
- }, h = ({ icon: e, ...t }) => /* @__PURE__ */ c(e, { ...t });
58
- //#endregion
59
- export { o as n, m as t };
@@ -1,52 +0,0 @@
1
- 'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
3
- import { t } from "./createLucideIcon-BgluSHFG.js";
4
- import { t as n } from "./arrow-right-Db_H9KjE.js";
5
- import { t as r } from "./square-arrow-out-up-right-DkgXD7hj.js";
6
- import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
7
- import "react";
8
- import { Link as a, RouterProvider as o } from "react-aria-components";
9
- import { jsx as s, jsxs as c } from "react/jsx-runtime";
10
- import { VisuallyHidden as l } from "react-aria";
11
- import '../assets/link-button.css';var u = t("arrow-left", [["path", {
12
- d: "m12 19-7-7 7-7",
13
- key: "1l729n"
14
- }], ["path", {
15
- d: "M19 12H5",
16
- key: "x3x0zl"
17
- }]]), d = {
18
- linkButton: "_linkButton_1k5w6_1",
19
- secondary: "_secondary_1k5w6_58",
20
- icon: "_icon_1k5w6_63",
21
- tertiary: "_tertiary_1k5w6_102",
22
- danger: "_danger_1k5w6_130",
23
- iconBtn: "_iconBtn_1k5w6_149",
24
- medium: "_medium_1k5w6_173",
25
- iconLeft: "_iconLeft_1k5w6_178",
26
- fullwidth: "_fullwidth_1k5w6_182",
27
- button: "_button_1k5w6_192"
28
- }, f = {
29
- en: { opensInNewTab: "Opens in new tab" },
30
- sv: { opensInNewTab: "Öppnas i ny flik" }
31
- }, p = ({ children: t, variant: o, fullwidth: p, icon: h, iconPlacement: g, className: _, as: v, size: y = "large", ...b }) => {
32
- let x = v || a, S = i(f), C = h ? { icon: h } : b.target === "_blank" ? {
33
- icon: r,
34
- label: S.format("opensInNewTab")
35
- } : g === "left" ? { icon: u } : { icon: n };
36
- return /* @__PURE__ */ c(x, {
37
- className: e(d.linkButton, o === "primary" && d.primary, o === "secondary" && d.secondary, o === "tertiary" && d.tertiary, o === "danger" && d.danger, o === "icon" && d.iconBtn, y === "medium" && d.medium, p && d.fullwidth, g === "left" && d.iconLeft, _),
38
- ...b,
39
- children: [
40
- t,
41
- /* @__PURE__ */ s(m, {
42
- className: d.icon,
43
- icon: C.icon,
44
- size: 20,
45
- "aria-hidden": !0
46
- }),
47
- C.label && /* @__PURE__ */ s(l, { children: C.label })
48
- ]
49
- });
50
- }, m = ({ icon: e, ...t }) => /* @__PURE__ */ s(e, { ...t });
51
- //#endregion
52
- export { o as n, p as t };
@@ -1,49 +0,0 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
2
- import { t } from "./check-DV00NPU0.js";
3
- import { t as n } from "./chevron-right-DwqboCdU.js";
4
- import { Menu as r, MenuItem as i, MenuSection as a, MenuTrigger as o, Popover as s, Separator as c } from "react-aria-components";
5
- import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
6
- import '../assets/menu.css';var f = {
7
- menu: "_menu_1wm5z_1",
8
- menuSection: "_menuSection_1wm5z_17",
9
- medium: "_medium_1wm5z_29",
10
- menuItem: "_menuItem_1wm5z_36",
11
- mainContent: "_mainContent_1wm5z_105",
12
- checkMark: "_checkMark_1wm5z_116",
13
- separator: "_separator_1wm5z_126",
14
- menuPopover: "_menuPopover_1wm5z_149 _dropdownAnimation_1ljkv_4"
15
- }, p = ({ className: t, size: n = "large", ...i }) => /* @__PURE__ */ u(r, {
16
- className: e(t, f.menu, n === "medium" && f.medium),
17
- ...i
18
- }), m = (r) => /* @__PURE__ */ u(i, {
19
- ...r,
20
- textValue: r.textValue || (typeof r.children == "string" ? r.children : void 0),
21
- className: e(f.menuItem, r.className),
22
- children: (e) => {
23
- let { children: i } = r, { selectionMode: a, isSelected: o, hasSubmenu: s } = e;
24
- return /* @__PURE__ */ d(l, { children: [
25
- a !== "none" && /* @__PURE__ */ u(t, {
26
- size: 16,
27
- className: f.checkMark,
28
- "data-selected": o || void 0
29
- }),
30
- /* @__PURE__ */ u("div", {
31
- className: f.mainContent,
32
- children: typeof i == "function" ? i(e) : i
33
- }),
34
- s && /* @__PURE__ */ u(n, { size: 20 })
35
- ] });
36
- }
37
- }), h = ({ className: t, ...n }) => /* @__PURE__ */ u(s, {
38
- className: e(t, f.menuPopover),
39
- offset: 4,
40
- ...n
41
- }), g = ({ className: t, ...n }) => /* @__PURE__ */ u(a, {
42
- className: e(t, f.menuSection),
43
- ...n
44
- }), _ = ({ className: t, ...n }) => /* @__PURE__ */ u(c, {
45
- className: e(t, f.separator),
46
- ...n
47
- });
48
- //#endregion
49
- export { p as a, m as i, g as n, o, h as r, _ as t };