@midas-ds/layout 0.2.50 → 0.2.51
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 +10 -0
- package/chunks/{header-iv39Aynt.js → header-D4J0i_bA.js} +15 -15
- package/chunks/{layout-D1po9FHB.js → layout-DNM8xMYM.js} +1 -1
- package/chunks/{main-fC0vGdZw.js → main-DsKDUX08.js} +1 -1
- package/chunks/{navbar-DwUBXEZn.js → navbar-BVgnjg2G.js} +1 -1
- package/chunks/{navigation-DJD1q1vB.js → navigation-R9Acriur.js} +23 -23
- package/chunks/{panel-C7322H8Y.js → panel-Dekrlpea.js} +1 -1
- package/chunks/{sidebar-C19-ABpL.js → sidebar-D5GGUdTv.js} +12 -12
- package/header/index.js +1 -1
- package/index.js +7 -7
- package/layout/index.js +1 -1
- package/main/index.js +1 -1
- package/navbar/index.js +1 -1
- package/navigation/index.js +1 -1
- package/package.json +3 -2
- package/panel/index.js +1 -1
- package/sidebar/index.js +1 -1
- package/utils/index.js +12 -2
- package/chunks/clsx-Bok9rGJm.js +0 -18
- package/chunks/utils-CjjqyX25.js +0 -39
- package/header/Header.stories.d.ts +0 -15
- package/header/header-action/HeaderAction.stories.d.ts +0 -14
- package/header/header-actions/HeaderActions.stories.d.ts +0 -13
- package/header/mobile-menu/MobileMenu.stories.d.ts +0 -19
- package/layout/Layout.stories.d.ts +0 -18
- package/navbar/Navbar.stories.d.ts +0 -23
- package/navigation/Navigation.stories.d.ts +0 -25
- package/navigation/navigation-link/NavigationLink.stories.d.ts +0 -25
- package/panel/Panel.stories.d.ts +0 -317
- package/sidebar/Sidebar.stories.d.ts +0 -22
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 0.2.51 (2026-10-09)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **components,layout,table-styles:** declare public type packages ([#1406](https://github.com/migrationsverket/midas/pull/1406))
|
|
6
|
+
|
|
7
|
+
### 🧱 Updated Dependencies
|
|
8
|
+
|
|
9
|
+
- Updated components to 17.30.1
|
|
10
|
+
|
|
1
11
|
## 0.2.50 (2026-10-09)
|
|
2
12
|
|
|
3
13
|
### 🚀 Features
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
2
|
+
import { useIsMobileDevice as e } from "../utils/index.js";
|
|
3
|
+
import t from "clsx";
|
|
4
4
|
import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
5
|
import { createContext as a, forwardRef as o } from "react";
|
|
6
6
|
import { Dialog as s, Modal as c, composeRenderProps as l } from "react-aria-components";
|
|
7
7
|
import { Button as u, DialogTrigger as d, Logo as f, ModalOverlay as p, Text as m, clsx as h, useLocalizedStringFormatter as g } from "@midas-ds/components";
|
|
8
8
|
import { Menu as _ } from "lucide-react";
|
|
9
|
-
import '../assets/header.css';var v = { headerActions: "_headerActions_zpqnd_1" }, y = ({ children:
|
|
10
|
-
className:
|
|
11
|
-
children:
|
|
9
|
+
import '../assets/header.css';var v = { headerActions: "_headerActions_zpqnd_1" }, y = ({ children: e, className: n }) => /* @__PURE__ */ r("div", {
|
|
10
|
+
className: t(v.headerActions, n),
|
|
11
|
+
children: e
|
|
12
12
|
}), b = {
|
|
13
13
|
headerAction: "_headerAction_dgfa1_1",
|
|
14
14
|
label: "_label_dgfa1_7"
|
|
15
|
-
}, x = o(({ children:
|
|
15
|
+
}, x = o(({ children: e, icon: a, className: o, ...s }, c) => (!e && !s["aria-label"] && process.env.NODE_ENV !== "production" && console.warn("Please provide an 'aria-label' for HeaderAction components that doesnt have a visible label (children)"), /* @__PURE__ */ r(u, {
|
|
16
16
|
ref: c,
|
|
17
17
|
size: "medium",
|
|
18
18
|
variant: "tertiary",
|
|
19
|
-
className:
|
|
19
|
+
className: t(b.headerAction, o),
|
|
20
20
|
...s,
|
|
21
|
-
children: l(
|
|
21
|
+
children: l(e, (e) => /* @__PURE__ */ i(n, { children: [a, e !== void 0 && /* @__PURE__ */ r("span", {
|
|
22
22
|
className: b.label,
|
|
23
23
|
children: e
|
|
24
24
|
})] }))
|
|
@@ -37,8 +37,8 @@ var S = {
|
|
|
37
37
|
primary: e,
|
|
38
38
|
padding: !1,
|
|
39
39
|
className: S.desktop
|
|
40
|
-
})] }), w = { headerTitle: "_headerTitle_cw9hi_1" }, T = ({ className:
|
|
41
|
-
className:
|
|
40
|
+
})] }), w = { headerTitle: "_headerTitle_cw9hi_1" }, T = ({ className: e, ...n }) => /* @__PURE__ */ r("span", {
|
|
41
|
+
className: t(w.headerTitle, e),
|
|
42
42
|
...n
|
|
43
43
|
}), E = a(void 0), D = {
|
|
44
44
|
en: { openMenu: "Open menu" },
|
|
@@ -51,8 +51,8 @@ var S = {
|
|
|
51
51
|
"drawer-slide": "_drawer-slide_1k2eg_1",
|
|
52
52
|
dialog: "_dialog_1k2eg_43",
|
|
53
53
|
header: "_header_1k2eg_49"
|
|
54
|
-
}, k = ({ children:
|
|
55
|
-
let b =
|
|
54
|
+
}, k = ({ children: t, className: n, defaultOpen: a, isOpen: o, onOpenChange: f, title: v, ...y }) => {
|
|
55
|
+
let b = e(), x = g(D);
|
|
56
56
|
return b ? /* @__PURE__ */ r(E.Provider, {
|
|
57
57
|
value: {},
|
|
58
58
|
children: /* @__PURE__ */ i(d, {
|
|
@@ -69,7 +69,7 @@ var S = {
|
|
|
69
69
|
className: h(n, O.overlay),
|
|
70
70
|
isDismissable: !0,
|
|
71
71
|
...y,
|
|
72
|
-
children: l(
|
|
72
|
+
children: l(t, (e) => /* @__PURE__ */ r(c, {
|
|
73
73
|
className: O.drawer,
|
|
74
74
|
children: /* @__PURE__ */ i(s, {
|
|
75
75
|
className: O.dialog,
|
|
@@ -82,8 +82,8 @@ var S = {
|
|
|
82
82
|
})]
|
|
83
83
|
})
|
|
84
84
|
}) : null;
|
|
85
|
-
}, A = { header: "_header_s0sjn_1" }, j = ({ className:
|
|
86
|
-
className: e
|
|
85
|
+
}, A = { header: "_header_s0sjn_1" }, j = ({ className: e, ...n }) => /* @__PURE__ */ r("header", {
|
|
86
|
+
className: t(e, A.header),
|
|
87
87
|
...n
|
|
88
88
|
});
|
|
89
89
|
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
2
|
+
import e from "clsx";
|
|
3
3
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
4
|
import { Button as r, useLocalizedStringFormatter as i } from "@midas-ds/components";
|
|
5
5
|
import '../assets/layout.css';var a = { layout: "_layout_4r2tn_1" }, o = {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { n } from "./
|
|
5
|
-
import
|
|
2
|
+
import { r as e } from "./header-D4J0i_bA.js";
|
|
3
|
+
import { n as t } from "./sidebar-D5GGUdTv.js";
|
|
4
|
+
import { n } from "./navbar-BVgnjg2G.js";
|
|
5
|
+
import r from "clsx";
|
|
6
6
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
7
7
|
import { useContext as o } from "react";
|
|
8
8
|
import { Collection as s, Focusable as c, Link as l, OverlayTriggerStateContext as u } from "react-aria-components";
|
|
@@ -23,17 +23,17 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
|
|
|
23
23
|
}), _ = {
|
|
24
24
|
navigationHeader: "_navigationHeader_18u5f_1",
|
|
25
25
|
collapsed: "_collapsed_18u5f_7"
|
|
26
|
-
}, v = ({ className: e, ...
|
|
27
|
-
let r = o(
|
|
26
|
+
}, v = ({ className: e, ...n }) => {
|
|
27
|
+
let r = o(t);
|
|
28
28
|
return /* @__PURE__ */ i(d, {
|
|
29
29
|
className: m(e, _.navigationHeader, { [_.collapsed]: r?.isCollapsed }),
|
|
30
|
-
...
|
|
30
|
+
...n
|
|
31
31
|
});
|
|
32
|
-
}, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className:
|
|
33
|
-
let a = o(
|
|
32
|
+
}, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className: e, ...n }) => {
|
|
33
|
+
let a = o(t);
|
|
34
34
|
return /* @__PURE__ */ i("li", {
|
|
35
|
-
className: e
|
|
36
|
-
...
|
|
35
|
+
className: r(e, y.navigationItem, { [y.collapsed]: a?.isCollapsed }),
|
|
36
|
+
...n
|
|
37
37
|
});
|
|
38
38
|
}, x = {
|
|
39
39
|
navigationLink: "_navigationLink_7oo3n_1",
|
|
@@ -41,8 +41,8 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
|
|
|
41
41
|
collapsed: "_collapsed_7oo3n_51",
|
|
42
42
|
navbar: "_navbar_7oo3n_56",
|
|
43
43
|
title: "_title_7oo3n_85"
|
|
44
|
-
}, S = ({ as:
|
|
45
|
-
let b = o(
|
|
44
|
+
}, S = ({ as: r, children: s, className: d, isActive: h, isDisabled: g, icon: _, "aria-label": v, ...y }) => {
|
|
45
|
+
let b = o(e), S = o(t), C = o(n), w = S?.isCollapsed, T = o(u), E = r || l, D = () => {
|
|
46
46
|
T?.isOpen && T?.setOpen(!1);
|
|
47
47
|
}, O = typeof s == "string" ? s : void 0;
|
|
48
48
|
return !O && !v && process.env.NODE_ENV !== "production" && console.warn("An 'aria-label' is required for <NavigationLink> elements with non plain text children"), /* @__PURE__ */ a(p, {
|
|
@@ -58,7 +58,7 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
|
|
|
58
58
|
"aria-disabled": g || void 0,
|
|
59
59
|
"data-active": h || void 0,
|
|
60
60
|
"data-disabled": g || void 0,
|
|
61
|
-
...
|
|
61
|
+
...r ? {
|
|
62
62
|
tabIndex: g ? -1 : void 0,
|
|
63
63
|
onClick: (e) => {
|
|
64
64
|
if (g) {
|
|
@@ -86,23 +86,23 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
|
|
|
86
86
|
}, C = {
|
|
87
87
|
navigationSection: "_navigationSection_1ae77_1",
|
|
88
88
|
collapsed: "_collapsed_1ae77_5"
|
|
89
|
-
}, w = ({ className:
|
|
90
|
-
let l = o(
|
|
91
|
-
return /* @__PURE__ */ a(b, { children: [
|
|
92
|
-
className: e
|
|
89
|
+
}, w = ({ className: e, title: n, ...c }) => {
|
|
90
|
+
let l = o(t);
|
|
91
|
+
return /* @__PURE__ */ a(b, { children: [n && /* @__PURE__ */ i(v, { children: n }), /* @__PURE__ */ i("ul", {
|
|
92
|
+
className: r(e, C.navigationSection, { [C.collapsed]: l?.isCollapsed }),
|
|
93
93
|
children: /* @__PURE__ */ i(s, { ...c })
|
|
94
94
|
})] });
|
|
95
95
|
}, T = {
|
|
96
96
|
navigationSubMenu: "_navigationSubMenu_vfyl6_1",
|
|
97
97
|
collapsed: "_collapsed_vfyl6_5"
|
|
98
|
-
}, E = ({ className:
|
|
99
|
-
let l = o(
|
|
100
|
-
return typeof
|
|
101
|
-
className: e
|
|
98
|
+
}, E = ({ className: e, children: n, items: a, ...c }) => {
|
|
99
|
+
let l = o(t), { length: u } = Array.from(a || []);
|
|
100
|
+
return typeof n == "function" && u === 0 ? null : /* @__PURE__ */ i("ul", {
|
|
101
|
+
className: r(e, T.navigationSubMenu, { [T.collapsed]: l?.isCollapsed }),
|
|
102
102
|
children: /* @__PURE__ */ i(s, {
|
|
103
103
|
items: a,
|
|
104
104
|
...c,
|
|
105
|
-
children:
|
|
105
|
+
children: n
|
|
106
106
|
})
|
|
107
107
|
});
|
|
108
108
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
2
|
+
import e from "clsx";
|
|
3
3
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
4
|
import { createContext as r, forwardRef as i, useContext as a, useEffect as o, useRef as s, useState as c } from "react";
|
|
5
5
|
import { Button as l, Text as u, clsx as d, useLocalizedStringFormatter as f } from "@midas-ds/components";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import {
|
|
3
|
-
import { t } from "./
|
|
4
|
-
import
|
|
2
|
+
import { useIsMobileDevice as e } from "../utils/index.js";
|
|
3
|
+
import { c as t, l as n, s as r, u as i } from "./panel-Dekrlpea.js";
|
|
4
|
+
import a from "clsx";
|
|
5
5
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
6
6
|
import c, { createContext as l } from "react";
|
|
7
7
|
import { Button as u, useLocalizedStringFormatter as d } from "@midas-ds/components";
|
|
@@ -25,22 +25,22 @@ import '../assets/sidebar.css';var h = {
|
|
|
25
25
|
collapseButton: "_collapseButton_1gkx7_47",
|
|
26
26
|
sidebarContent: "_sidebarContent_1gkx7_55"
|
|
27
27
|
}, v = ({ children: l, className: v, title: y, ...b }) => {
|
|
28
|
-
let x = d(h), S =
|
|
28
|
+
let x = d(h), S = e(), [C, w] = p(b.isCollapsed, b.defaultCollapsed || !1, b.onCollapseChange), [T, E] = c.useState(!1), D = () => {
|
|
29
29
|
E(!0), w((e) => !e);
|
|
30
30
|
}, O = (e) => {
|
|
31
31
|
e.propertyName === "width" && e.target === e.currentTarget && E(!1);
|
|
32
32
|
};
|
|
33
33
|
return S ? null : /* @__PURE__ */ o(g.Provider, {
|
|
34
34
|
value: { isCollapsed: C },
|
|
35
|
-
children: /* @__PURE__ */ s(
|
|
36
|
-
className:
|
|
35
|
+
children: /* @__PURE__ */ s(i, {
|
|
36
|
+
className: a(v, _.sidebar, { [_.collapsed]: C }),
|
|
37
37
|
"data-transitioning": T || void 0,
|
|
38
38
|
onTransitionEnd: O,
|
|
39
39
|
...m(b, { propNames: /* @__PURE__ */ new Set(["style"]) }),
|
|
40
|
-
children: [/* @__PURE__ */ s(
|
|
41
|
-
className:
|
|
42
|
-
children: [/* @__PURE__ */ o(
|
|
43
|
-
className:
|
|
40
|
+
children: [/* @__PURE__ */ s(t, {
|
|
41
|
+
className: a(_.sidebarHeader, { [_.collapsed]: C }),
|
|
42
|
+
children: [/* @__PURE__ */ o(r, {
|
|
43
|
+
className: a(_.sidebarTitle, { [_.collapsed]: C }),
|
|
44
44
|
title: y
|
|
45
45
|
}), /* @__PURE__ */ o(u, {
|
|
46
46
|
"aria-label": C ? x.format("expandSidebar") : x.format("collapseSidebar"),
|
|
@@ -48,11 +48,11 @@ import '../assets/sidebar.css';var h = {
|
|
|
48
48
|
variant: "icon",
|
|
49
49
|
size: "medium",
|
|
50
50
|
children: /* @__PURE__ */ o("span", {
|
|
51
|
-
className:
|
|
51
|
+
className: a(_.collapseButton, { [_.collapsed]: C }),
|
|
52
52
|
children: /* @__PURE__ */ o(f, { size: 20 })
|
|
53
53
|
})
|
|
54
54
|
})]
|
|
55
|
-
}), /* @__PURE__ */ o(
|
|
55
|
+
}), /* @__PURE__ */ o(n, {
|
|
56
56
|
className: _.sidebarContent,
|
|
57
57
|
children: l
|
|
58
58
|
})]
|
package/header/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/header-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/header-D4J0i_bA.js";
|
|
2
2
|
export { o as Header, r as HeaderAction, a as HeaderActions, e as HeaderLogo, t as HeaderTitle, n as MobileMenu, i as MobileMenuContext };
|
package/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/header-
|
|
2
|
-
import { n as s, t as c } from "./chunks/layout-
|
|
3
|
-
import { t as l } from "./chunks/main-
|
|
4
|
-
import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/navigation-
|
|
5
|
-
import { a as g, c as _, i as v, l as y, n as b, o as x, r as S, s as C, t as w, u as T } from "./chunks/panel-
|
|
6
|
-
import { n as E, t as D } from "./chunks/sidebar-
|
|
7
|
-
import { n as O, t as k } from "./chunks/navbar-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/header-D4J0i_bA.js";
|
|
2
|
+
import { n as s, t as c } from "./chunks/layout-DNM8xMYM.js";
|
|
3
|
+
import { t as l } from "./chunks/main-DsKDUX08.js";
|
|
4
|
+
import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/navigation-R9Acriur.js";
|
|
5
|
+
import { a as g, c as _, i as v, l as y, n as b, o as x, r as S, s as C, t as w, u as T } from "./chunks/panel-Dekrlpea.js";
|
|
6
|
+
import { n as E, t as D } from "./chunks/sidebar-D5GGUdTv.js";
|
|
7
|
+
import { n as O, t as k } from "./chunks/navbar-BVgnjg2G.js";
|
|
8
8
|
export { o as Header, r as HeaderAction, a as HeaderActions, e as HeaderLogo, t as HeaderTitle, s as Layout, c as LayoutContent, l as Main, n as MobileMenu, i as MobileMenuContext, k as Navbar, O as NavbarContext, p as Navigation, u as NavigationHeader, d as NavigationItem, m as NavigationLink, f as NavigationSection, h as NavigationSubMenu, x as Panel, T as PanelBody, y as PanelContent, v as PanelContext, _ as PanelHeader, S as PanelProvider, w as PanelRegion, C as PanelTitle, D as Sidebar, E as SidebarContext, g as UsePanels, b as usePanels };
|
package/layout/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/layout-
|
|
1
|
+
import { n as e, t } from "../chunks/layout-DNM8xMYM.js";
|
|
2
2
|
export { e as Layout, t as LayoutContent };
|
package/main/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/main-
|
|
1
|
+
import { t as e } from "../chunks/main-DsKDUX08.js";
|
|
2
2
|
export { e as Main };
|
package/navbar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/navbar-
|
|
1
|
+
import { n as e, t } from "../chunks/navbar-BVgnjg2G.js";
|
|
2
2
|
export { t as Navbar, e as NavbarContext };
|
package/navigation/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-R9Acriur.js";
|
|
2
2
|
export { r as Navigation, e as NavigationHeader, t as NavigationItem, i as NavigationLink, n as NavigationSection, a as NavigationSubMenu };
|
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"description": "Midas Layout components",
|
|
15
15
|
"homepage": "https://designsystem.migrationsverket.se/",
|
|
16
16
|
"license": "CC0-1.0",
|
|
17
|
-
"version": "0.2.
|
|
17
|
+
"version": "0.2.51",
|
|
18
18
|
"module": "./index.js",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "./index.js",
|
|
@@ -41,10 +41,11 @@
|
|
|
41
41
|
"react-dom": "^18.3.1 || ^19.0.0"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@midas-ds/components": "17.30.
|
|
44
|
+
"@midas-ds/components": "17.30.1",
|
|
45
45
|
"@react-aria/utils": "3.34.1",
|
|
46
46
|
"@react-stately/utils": "3.12.1",
|
|
47
47
|
"lucide-react": ">=0.563.0 <2.0.0",
|
|
48
|
+
"clsx": "^2.1.1",
|
|
48
49
|
"react-aria-components": "1.21.1"
|
|
49
50
|
}
|
|
50
51
|
}
|
package/panel/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../chunks/panel-
|
|
1
|
+
import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../chunks/panel-Dekrlpea.js";
|
|
2
2
|
export { a as Panel, l as PanelBody, r as PanelContent, n as PanelContext, t as PanelHeader, o as PanelProvider, c as PanelRegion, s as PanelTitle, e as UsePanels, i as usePanels };
|
package/sidebar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/sidebar-
|
|
1
|
+
import { n as e, t } from "../chunks/sidebar-D5GGUdTv.js";
|
|
2
2
|
export { t as Sidebar, e as SidebarContext };
|
package/utils/index.js
CHANGED
|
@@ -1,2 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import { useSyncExternalStore as e } from "react";
|
|
3
|
+
//#region src/utils/useIsMobileDevice.ts
|
|
4
|
+
var t = "(max-width: 640px)", n = (e) => {
|
|
5
|
+
let n = window.matchMedia(t);
|
|
6
|
+
return n.addEventListener("change", e), () => n.removeEventListener("change", e);
|
|
7
|
+
}, r = () => window.matchMedia(t).matches, i = () => !1;
|
|
8
|
+
function a() {
|
|
9
|
+
return e(n, r, i);
|
|
10
|
+
}
|
|
11
|
+
//#endregion
|
|
12
|
+
export { a as useIsMobileDevice };
|
package/chunks/clsx-Bok9rGJm.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
//#region ../../node_modules/clsx/dist/clsx.mjs
|
|
2
|
-
function e(t) {
|
|
3
|
-
var n, r, i = "";
|
|
4
|
-
if (typeof t == "string" || typeof t == "number") i += t;
|
|
5
|
-
else if (typeof t == "object") {
|
|
6
|
-
if (Array.isArray(t)) {
|
|
7
|
-
var a = t.length;
|
|
8
|
-
for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
|
|
9
|
-
} else for (r in t) t[r] && (i && (i += " "), i += r);
|
|
10
|
-
}
|
|
11
|
-
return i;
|
|
12
|
-
}
|
|
13
|
-
function t() {
|
|
14
|
-
for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
|
|
15
|
-
return i;
|
|
16
|
-
}
|
|
17
|
-
//#endregion
|
|
18
|
-
export { t };
|
package/chunks/utils-CjjqyX25.js
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import e, { useContext as t, useEffect as n, useState as r } from "react";
|
|
3
|
-
String(Math.round(Math.random() * 1e10));
|
|
4
|
-
//#region ../../node_modules/react-aria/dist/private/ssr/SSRProvider.mjs
|
|
5
|
-
var i = /*#__PURE__*/ e.createContext(!1);
|
|
6
|
-
typeof window < "u" && window.document && window.document.createElement, e.useId;
|
|
7
|
-
function a() {
|
|
8
|
-
return !1;
|
|
9
|
-
}
|
|
10
|
-
function o() {
|
|
11
|
-
return !0;
|
|
12
|
-
}
|
|
13
|
-
function s(e) {
|
|
14
|
-
return () => {};
|
|
15
|
-
}
|
|
16
|
-
function c() {
|
|
17
|
-
return typeof e.useSyncExternalStore == "function" ? e.useSyncExternalStore(s, a, o) : t(i);
|
|
18
|
-
}
|
|
19
|
-
//#endregion
|
|
20
|
-
//#region ../../node_modules/@adobe/react-spectrum/dist/private/utils/useMediaQuery.mjs
|
|
21
|
-
function l(e) {
|
|
22
|
-
let t = typeof window < "u" && typeof window.matchMedia == "function", [i, a] = r(() => t ? window.matchMedia(e).matches : !1);
|
|
23
|
-
return n(() => {
|
|
24
|
-
if (!t) return;
|
|
25
|
-
let n = window.matchMedia(e), r = (e) => {
|
|
26
|
-
a(e.matches);
|
|
27
|
-
};
|
|
28
|
-
return n.addListener(r), () => {
|
|
29
|
-
n.removeListener(r);
|
|
30
|
-
};
|
|
31
|
-
}, [t, e]), !c() && i;
|
|
32
|
-
}
|
|
33
|
-
//#endregion
|
|
34
|
-
//#region src/utils/useIsMobileDevice.ts
|
|
35
|
-
function u() {
|
|
36
|
-
return l("(max-width: 640px)");
|
|
37
|
-
}
|
|
38
|
-
//#endregion
|
|
39
|
-
export { u as t };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Header } from './Header';
|
|
3
|
-
type Story = StoryObj<typeof Header>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ className, ...rest }: import('./Header').HeaderProps) => import('react').JSX.Element;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
rootElement: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default _default;
|
|
14
|
-
export declare const Desktop: Story;
|
|
15
|
-
export declare const Mobile: Story;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { HeaderAction } from '.';
|
|
3
|
-
type Story = StoryObj<typeof HeaderAction>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: import('react').ForwardRefExoticComponent<import('./HeaderAction').HeaderActionProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export default _default;
|
|
13
|
-
export declare const Primary: Story;
|
|
14
|
-
export declare const IconOnly: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { HeaderActions } from './HeaderActions';
|
|
3
|
-
type Story = StoryObj<typeof HeaderActions>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ children, className }: import('./HeaderActions').HeaderActionsProps) => import('react').JSX.Element;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export default _default;
|
|
13
|
-
export declare const Primary: Story;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { MobileMenu } from '.';
|
|
3
|
-
type Story = StoryObj<typeof MobileMenu>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ children, className, defaultOpen, isOpen, onOpenChange, title, ...rest }: import('./MobileMenu').MobileMenuProps) => import('react').JSX.Element | null;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
globals: {
|
|
9
|
-
viewport: {
|
|
10
|
-
value: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
args: {
|
|
14
|
-
children: import('react').JSX.Element;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export default _default;
|
|
18
|
-
export declare const Primary: Story;
|
|
19
|
-
export declare const Controlled: Story;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Layout } from '.';
|
|
3
|
-
type Story = StoryObj<typeof Layout>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ children, className, ...rest }: import('./Layout').LayoutProps) => import('react').JSX.Element;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
args: {
|
|
9
|
-
children: string;
|
|
10
|
-
};
|
|
11
|
-
parameters: {
|
|
12
|
-
layout: string;
|
|
13
|
-
rootElement: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export default _default;
|
|
17
|
-
export declare const WithMobileMenu: Story;
|
|
18
|
-
export declare const WithNavbar: Story;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Navbar } from './Navbar';
|
|
3
|
-
type Story = StoryObj<typeof Navbar>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ className, children, ...rest }: import('./Navbar').NavbarProps) => import('react').JSX.Element;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
rootElement: string;
|
|
11
|
-
};
|
|
12
|
-
globals: {
|
|
13
|
-
viewport: {
|
|
14
|
-
value: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
args: {
|
|
18
|
-
children: import('react').JSX.Element;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
|
22
|
-
export declare const Primary: Story;
|
|
23
|
-
export declare const FiveItems: Story;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Navigation } from '.';
|
|
3
|
-
import { Key } from 'react-aria-components';
|
|
4
|
-
import { ReactNode } from 'react';
|
|
5
|
-
type Story<T extends object = Item> = StoryObj<typeof Navigation<T>>;
|
|
6
|
-
type Section = {
|
|
7
|
-
id: Key;
|
|
8
|
-
title?: string;
|
|
9
|
-
children: Item[];
|
|
10
|
-
};
|
|
11
|
-
type Item = {
|
|
12
|
-
id: Key;
|
|
13
|
-
title: string;
|
|
14
|
-
href: string;
|
|
15
|
-
icon?: ReactNode;
|
|
16
|
-
children?: Item[];
|
|
17
|
-
};
|
|
18
|
-
declare const _default: {
|
|
19
|
-
component: <T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: import('./Navigation').NavigationProps<T>) => import('react').JSX.Element;
|
|
20
|
-
title: string;
|
|
21
|
-
tags: string[];
|
|
22
|
-
};
|
|
23
|
-
export default _default;
|
|
24
|
-
export declare const Flat: Story;
|
|
25
|
-
export declare const Nested: Story<Section>;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { NavigationLink } from '.';
|
|
3
|
-
type Story = StoryObj<typeof NavigationLink>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: <C extends import('react').ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ as, children, className, isActive, isDisabled, icon, "aria-label": ariaLabel, ...rest }: import('./NavigationLink').NavigationLinkProps<C>) => import('react').JSX.Element;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
args: {
|
|
9
|
-
children: string;
|
|
10
|
-
href: string;
|
|
11
|
-
icon: import('react').JSX.Element;
|
|
12
|
-
};
|
|
13
|
-
parameters: {
|
|
14
|
-
layout: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export default _default;
|
|
18
|
-
export declare const Primary: Story;
|
|
19
|
-
export declare const Active: Story;
|
|
20
|
-
export declare const Disabled: Story;
|
|
21
|
-
export declare const Collapsed: Story;
|
|
22
|
-
export declare const WithBadge: Story;
|
|
23
|
-
export declare const WithBadgeLabel: Story;
|
|
24
|
-
export declare const WithBadgeActive: Story;
|
|
25
|
-
export declare const WithBadgeCollapsed: Story;
|
package/panel/Panel.stories.d.ts
DELETED
|
@@ -1,317 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Panel } from '.';
|
|
3
|
-
type Story = StoryObj<typeof Panel>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: (props: import('./Panel').PanelProps) => import('react').JSX.Element | null;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
rootElement: string;
|
|
11
|
-
};
|
|
12
|
-
args: {
|
|
13
|
-
title: string;
|
|
14
|
-
};
|
|
15
|
-
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
16
|
-
id: string;
|
|
17
|
-
title: string;
|
|
18
|
-
isOpen?: boolean | undefined;
|
|
19
|
-
defaultOpen?: boolean | undefined;
|
|
20
|
-
onOpenChange?: ((isOpen: boolean) => void) | undefined;
|
|
21
|
-
onExited?: (() => void) | undefined;
|
|
22
|
-
promoting?: boolean | undefined;
|
|
23
|
-
onPromotionEnd?: (() => void) | undefined;
|
|
24
|
-
actions?: import('react').ReactNode;
|
|
25
|
-
ref?: import('react').Ref<HTMLElement> | undefined;
|
|
26
|
-
key?: import('react').Key | null | undefined;
|
|
27
|
-
defaultChecked?: boolean | undefined | undefined;
|
|
28
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
29
|
-
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
30
|
-
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
31
|
-
accessKey?: string | undefined | undefined;
|
|
32
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
33
|
-
autoFocus?: boolean | undefined | undefined;
|
|
34
|
-
className?: string | undefined | undefined;
|
|
35
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
36
|
-
contextMenu?: string | undefined | undefined;
|
|
37
|
-
dir?: string | undefined | undefined;
|
|
38
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
39
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
40
|
-
hidden?: boolean | undefined | undefined;
|
|
41
|
-
lang?: string | undefined | undefined;
|
|
42
|
-
nonce?: string | undefined | undefined;
|
|
43
|
-
slot?: string | undefined | undefined;
|
|
44
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
45
|
-
style?: import('react').CSSProperties | undefined;
|
|
46
|
-
tabIndex?: number | undefined | undefined;
|
|
47
|
-
translate?: "yes" | "no" | undefined | undefined;
|
|
48
|
-
radioGroup?: string | undefined | undefined;
|
|
49
|
-
role?: import('react').AriaRole | undefined;
|
|
50
|
-
about?: string | undefined | undefined;
|
|
51
|
-
content?: string | undefined | undefined;
|
|
52
|
-
datatype?: string | undefined | undefined;
|
|
53
|
-
inlist?: any;
|
|
54
|
-
prefix?: string | undefined | undefined;
|
|
55
|
-
property?: string | undefined | undefined;
|
|
56
|
-
rel?: string | undefined | undefined;
|
|
57
|
-
resource?: string | undefined | undefined;
|
|
58
|
-
rev?: string | undefined | undefined;
|
|
59
|
-
typeof?: string | undefined | undefined;
|
|
60
|
-
vocab?: string | undefined | undefined;
|
|
61
|
-
autoCorrect?: string | undefined | undefined;
|
|
62
|
-
autoSave?: string | undefined | undefined;
|
|
63
|
-
color?: string | undefined | undefined;
|
|
64
|
-
itemProp?: string | undefined | undefined;
|
|
65
|
-
itemScope?: boolean | undefined | undefined;
|
|
66
|
-
itemType?: string | undefined | undefined;
|
|
67
|
-
itemID?: string | undefined | undefined;
|
|
68
|
-
itemRef?: string | undefined | undefined;
|
|
69
|
-
results?: number | undefined | undefined;
|
|
70
|
-
security?: string | undefined | undefined;
|
|
71
|
-
unselectable?: "on" | "off" | undefined | undefined;
|
|
72
|
-
popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
|
|
73
|
-
popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
|
|
74
|
-
popoverTarget?: string | undefined | undefined;
|
|
75
|
-
inert?: boolean | undefined | undefined;
|
|
76
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
77
|
-
is?: string | undefined | undefined;
|
|
78
|
-
exportparts?: string | undefined | undefined;
|
|
79
|
-
part?: string | undefined | undefined;
|
|
80
|
-
"aria-activedescendant"?: string | undefined | undefined;
|
|
81
|
-
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
82
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
83
|
-
"aria-braillelabel"?: string | undefined | undefined;
|
|
84
|
-
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
85
|
-
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
86
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
87
|
-
"aria-colcount"?: number | undefined | undefined;
|
|
88
|
-
"aria-colindex"?: number | undefined | undefined;
|
|
89
|
-
"aria-colindextext"?: string | undefined | undefined;
|
|
90
|
-
"aria-colspan"?: number | undefined | undefined;
|
|
91
|
-
"aria-controls"?: string | undefined | undefined;
|
|
92
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
93
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
94
|
-
"aria-description"?: string | undefined | undefined;
|
|
95
|
-
"aria-details"?: string | undefined | undefined;
|
|
96
|
-
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
97
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
98
|
-
"aria-errormessage"?: string | undefined | undefined;
|
|
99
|
-
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
100
|
-
"aria-flowto"?: string | undefined | undefined;
|
|
101
|
-
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
102
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
103
|
-
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
104
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
105
|
-
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
106
|
-
"aria-label"?: string | undefined | undefined;
|
|
107
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
108
|
-
"aria-level"?: number | undefined | undefined;
|
|
109
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
110
|
-
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
111
|
-
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
112
|
-
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
113
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
114
|
-
"aria-owns"?: string | undefined | undefined;
|
|
115
|
-
"aria-placeholder"?: string | undefined | undefined;
|
|
116
|
-
"aria-posinset"?: number | undefined | undefined;
|
|
117
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
118
|
-
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
119
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
120
|
-
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
121
|
-
"aria-roledescription"?: string | undefined | undefined;
|
|
122
|
-
"aria-rowcount"?: number | undefined | undefined;
|
|
123
|
-
"aria-rowindex"?: number | undefined | undefined;
|
|
124
|
-
"aria-rowindextext"?: string | undefined | undefined;
|
|
125
|
-
"aria-rowspan"?: number | undefined | undefined;
|
|
126
|
-
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
127
|
-
"aria-setsize"?: number | undefined | undefined;
|
|
128
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
129
|
-
"aria-valuemax"?: number | undefined | undefined;
|
|
130
|
-
"aria-valuemin"?: number | undefined | undefined;
|
|
131
|
-
"aria-valuenow"?: number | undefined | undefined;
|
|
132
|
-
"aria-valuetext"?: string | undefined | undefined;
|
|
133
|
-
children?: import('react').ReactNode;
|
|
134
|
-
dangerouslySetInnerHTML?: {
|
|
135
|
-
__html: string | TrustedHTML;
|
|
136
|
-
} | undefined | undefined;
|
|
137
|
-
onCopy?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
|
|
138
|
-
onCopyCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
|
|
139
|
-
onCut?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
|
|
140
|
-
onCutCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
|
|
141
|
-
onPaste?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
|
|
142
|
-
onPasteCapture?: import('react').ClipboardEventHandler<HTMLElement> | undefined;
|
|
143
|
-
onCompositionEnd?: import('react').CompositionEventHandler<HTMLElement> | undefined;
|
|
144
|
-
onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
|
|
145
|
-
onCompositionStart?: import('react').CompositionEventHandler<HTMLElement> | undefined;
|
|
146
|
-
onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
|
|
147
|
-
onCompositionUpdate?: import('react').CompositionEventHandler<HTMLElement> | undefined;
|
|
148
|
-
onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLElement> | undefined;
|
|
149
|
-
onFocus?: import('react').FocusEventHandler<HTMLElement> | undefined;
|
|
150
|
-
onFocusCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
|
|
151
|
-
onBlur?: import('react').FocusEventHandler<HTMLElement> | undefined;
|
|
152
|
-
onBlurCapture?: import('react').FocusEventHandler<HTMLElement> | undefined;
|
|
153
|
-
onChange?: import('react').ChangeEventHandler<HTMLElement, Element> | undefined;
|
|
154
|
-
onChangeCapture?: import('react').ChangeEventHandler<HTMLElement, Element> | undefined;
|
|
155
|
-
onBeforeInput?: import('react').InputEventHandler<HTMLElement> | undefined;
|
|
156
|
-
onBeforeInputCapture?: import('react').InputEventHandler<HTMLElement> | undefined;
|
|
157
|
-
onInput?: import('react').InputEventHandler<HTMLElement> | undefined;
|
|
158
|
-
onInputCapture?: import('react').InputEventHandler<HTMLElement> | undefined;
|
|
159
|
-
onReset?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
160
|
-
onResetCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
161
|
-
onSubmit?: import('react').SubmitEventHandler<HTMLElement> | undefined;
|
|
162
|
-
onSubmitCapture?: import('react').SubmitEventHandler<HTMLElement> | undefined;
|
|
163
|
-
onInvalid?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
164
|
-
onInvalidCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
165
|
-
onLoad?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
166
|
-
onLoadCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
167
|
-
onError?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
168
|
-
onErrorCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
169
|
-
onKeyDown?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
|
|
170
|
-
onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
|
|
171
|
-
onKeyPress?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
|
|
172
|
-
onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
|
|
173
|
-
onKeyUp?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
|
|
174
|
-
onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLElement> | undefined;
|
|
175
|
-
onAbort?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
176
|
-
onAbortCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
177
|
-
onCanPlay?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
178
|
-
onCanPlayCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
179
|
-
onCanPlayThrough?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
180
|
-
onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
181
|
-
onDurationChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
182
|
-
onDurationChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
183
|
-
onEmptied?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
184
|
-
onEmptiedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
185
|
-
onEncrypted?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
186
|
-
onEncryptedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
187
|
-
onEnded?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
188
|
-
onEndedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
189
|
-
onLoadedData?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
190
|
-
onLoadedDataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
191
|
-
onLoadedMetadata?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
192
|
-
onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
193
|
-
onLoadStart?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
194
|
-
onLoadStartCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
195
|
-
onPause?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
196
|
-
onPauseCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
197
|
-
onPlay?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
198
|
-
onPlayCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
199
|
-
onPlaying?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
200
|
-
onPlayingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
201
|
-
onProgress?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
202
|
-
onProgressCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
203
|
-
onRateChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
204
|
-
onRateChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
205
|
-
onSeeked?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
206
|
-
onSeekedCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
207
|
-
onSeeking?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
208
|
-
onSeekingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
209
|
-
onStalled?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
210
|
-
onStalledCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
211
|
-
onSuspend?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
212
|
-
onSuspendCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
213
|
-
onTimeUpdate?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
214
|
-
onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
215
|
-
onVolumeChange?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
216
|
-
onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
217
|
-
onWaiting?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
218
|
-
onWaitingCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
219
|
-
onAuxClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
220
|
-
onAuxClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
221
|
-
onClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
222
|
-
onClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
223
|
-
onContextMenu?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
224
|
-
onContextMenuCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
225
|
-
onDoubleClick?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
226
|
-
onDoubleClickCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
227
|
-
onDrag?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
228
|
-
onDragCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
229
|
-
onDragEnd?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
230
|
-
onDragEndCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
231
|
-
onDragEnter?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
232
|
-
onDragEnterCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
233
|
-
onDragExit?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
234
|
-
onDragExitCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
235
|
-
onDragLeave?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
236
|
-
onDragLeaveCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
237
|
-
onDragOver?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
238
|
-
onDragOverCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
239
|
-
onDragStart?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
240
|
-
onDragStartCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
241
|
-
onDrop?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
242
|
-
onDropCapture?: import('react').DragEventHandler<HTMLElement> | undefined;
|
|
243
|
-
onMouseDown?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
244
|
-
onMouseDownCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
245
|
-
onMouseEnter?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
246
|
-
onMouseLeave?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
247
|
-
onMouseMove?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
248
|
-
onMouseMoveCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
249
|
-
onMouseOut?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
250
|
-
onMouseOutCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
251
|
-
onMouseOver?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
252
|
-
onMouseOverCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
253
|
-
onMouseUp?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
254
|
-
onMouseUpCapture?: import('react').MouseEventHandler<HTMLElement> | undefined;
|
|
255
|
-
onSelect?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
256
|
-
onSelectCapture?: import('react').ReactEventHandler<HTMLElement> | undefined;
|
|
257
|
-
onTouchCancel?: import('react').TouchEventHandler<HTMLElement> | undefined;
|
|
258
|
-
onTouchCancelCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
|
|
259
|
-
onTouchEnd?: import('react').TouchEventHandler<HTMLElement> | undefined;
|
|
260
|
-
onTouchEndCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
|
|
261
|
-
onTouchMove?: import('react').TouchEventHandler<HTMLElement> | undefined;
|
|
262
|
-
onTouchMoveCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
|
|
263
|
-
onTouchStart?: import('react').TouchEventHandler<HTMLElement> | undefined;
|
|
264
|
-
onTouchStartCapture?: import('react').TouchEventHandler<HTMLElement> | undefined;
|
|
265
|
-
onPointerDown?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
266
|
-
onPointerDownCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
267
|
-
onPointerMove?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
268
|
-
onPointerMoveCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
269
|
-
onPointerUp?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
270
|
-
onPointerUpCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
271
|
-
onPointerCancel?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
272
|
-
onPointerCancelCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
273
|
-
onPointerEnter?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
274
|
-
onPointerLeave?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
275
|
-
onPointerOver?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
276
|
-
onPointerOverCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
277
|
-
onPointerOut?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
278
|
-
onPointerOutCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
279
|
-
onGotPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
280
|
-
onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
281
|
-
onLostPointerCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
282
|
-
onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLElement> | undefined;
|
|
283
|
-
onScroll?: import('react').UIEventHandler<HTMLElement> | undefined;
|
|
284
|
-
onScrollCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
|
|
285
|
-
onScrollEnd?: import('react').UIEventHandler<HTMLElement> | undefined;
|
|
286
|
-
onScrollEndCapture?: import('react').UIEventHandler<HTMLElement> | undefined;
|
|
287
|
-
onWheel?: import('react').WheelEventHandler<HTMLElement> | undefined;
|
|
288
|
-
onWheelCapture?: import('react').WheelEventHandler<HTMLElement> | undefined;
|
|
289
|
-
onAnimationStart?: import('react').AnimationEventHandler<HTMLElement> | undefined;
|
|
290
|
-
onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
|
|
291
|
-
onAnimationEnd?: import('react').AnimationEventHandler<HTMLElement> | undefined;
|
|
292
|
-
onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
|
|
293
|
-
onAnimationIteration?: import('react').AnimationEventHandler<HTMLElement> | undefined;
|
|
294
|
-
onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLElement> | undefined;
|
|
295
|
-
onToggle?: import('react').ToggleEventHandler<HTMLElement> | undefined;
|
|
296
|
-
onBeforeToggle?: import('react').ToggleEventHandler<HTMLElement> | undefined;
|
|
297
|
-
onTransitionCancel?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
298
|
-
onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
299
|
-
onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
300
|
-
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
301
|
-
onTransitionRun?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
302
|
-
onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
303
|
-
onTransitionStart?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
304
|
-
onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
305
|
-
}>) => import('react').JSX.Element)[];
|
|
306
|
-
};
|
|
307
|
-
export default _default;
|
|
308
|
-
export declare const Primary: Story;
|
|
309
|
-
export declare const Controlled: Story;
|
|
310
|
-
export declare const WithActions: Story;
|
|
311
|
-
export declare const WithScrollableContent: Story;
|
|
312
|
-
export declare const BehaviorReplace: Story;
|
|
313
|
-
export declare const BehaviorBringToFront: Story;
|
|
314
|
-
export declare const BehaviorPopTo: Story;
|
|
315
|
-
export declare const VariantOverlay: Story;
|
|
316
|
-
export declare const VariantPush: Story;
|
|
317
|
-
export declare const DetailView: Story;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Sidebar } from './Sidebar';
|
|
3
|
-
type Story = StoryObj<typeof Sidebar>;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
component: ({ children, className, title, ...props }: import('./Sidebar').SidebarProps) => import('react').JSX.Element | null;
|
|
6
|
-
title: string;
|
|
7
|
-
tags: string[];
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: string;
|
|
10
|
-
rootElement: string;
|
|
11
|
-
};
|
|
12
|
-
args: {
|
|
13
|
-
title: string;
|
|
14
|
-
children: import('react').JSX.Element;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export default _default;
|
|
18
|
-
export declare const Primary: Story;
|
|
19
|
-
export declare const Collapsed: Story;
|
|
20
|
-
export declare const WithBadge: Story;
|
|
21
|
-
export declare const WithBadgeCollapsed: Story;
|
|
22
|
-
export declare const Controlled: Story;
|