@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 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 { t as e } from "./clsx-Bok9rGJm.js";
3
- import { t } from "./utils-CjjqyX25.js";
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: t, className: n }) => /* @__PURE__ */ r("div", {
10
- className: e(v.headerActions, n),
11
- children: t
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: t, icon: a, className: o, ...s }, c) => (!t && !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, {
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: e(b.headerAction, o),
19
+ className: t(b.headerAction, o),
20
20
  ...s,
21
- children: l(t, (e) => /* @__PURE__ */ i(n, { children: [a, e !== void 0 && /* @__PURE__ */ r("span", {
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: t, ...n }) => /* @__PURE__ */ r("span", {
41
- className: e(w.headerTitle, t),
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: e, className: n, defaultOpen: a, isOpen: o, onOpenChange: f, title: v, ...y }) => {
55
- let b = t(), x = g(D);
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(e, (e) => /* @__PURE__ */ r(c, {
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: t, ...n }) => /* @__PURE__ */ r("header", {
86
- className: e(t, A.header),
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 { t as e } from "./clsx-Bok9rGJm.js";
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,4 +1,4 @@
1
- import { t as e } from "./clsx-Bok9rGJm.js";
1
+ import e from "clsx";
2
2
  import { jsx as t } from "react/jsx-runtime";
3
3
  import '../assets/main.css';var n = { main: "_main_1cmhi_1" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("main", {
4
4
  className: e(r, n.main),
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-Bok9rGJm.js";
2
+ import e from "clsx";
3
3
  import { jsx as t } from "react/jsx-runtime";
4
4
  import { createContext as n } from "react";
5
5
  import '../assets/navbar.css';//#region src/navbar/NavbarContext.tsx
@@ -1,8 +1,8 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-Bok9rGJm.js";
3
- import { r as t } from "./header-iv39Aynt.js";
4
- import { n } from "./sidebar-C19-ABpL.js";
5
- import { n as r } from "./navbar-DwUBXEZn.js";
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, ...t }) => {
27
- let r = o(n);
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
- ...t
30
+ ...n
31
31
  });
32
- }, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className: t, ...r }) => {
33
- let a = o(n);
32
+ }, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className: e, ...n }) => {
33
+ let a = o(t);
34
34
  return /* @__PURE__ */ i("li", {
35
- className: e(t, y.navigationItem, { [y.collapsed]: a?.isCollapsed }),
36
- ...r
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: e, children: s, className: d, isActive: h, isDisabled: g, icon: _, "aria-label": v, ...y }) => {
45
- let b = o(t), S = o(n), C = o(r), w = S?.isCollapsed, T = o(u), E = e || l, D = () => {
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
- ...e ? {
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: t, title: r, ...c }) => {
90
- let l = o(n);
91
- return /* @__PURE__ */ a(b, { children: [r && /* @__PURE__ */ i(v, { children: r }), /* @__PURE__ */ i("ul", {
92
- className: e(t, C.navigationSection, { [C.collapsed]: l?.isCollapsed }),
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: t, children: r, items: a, ...c }) => {
99
- let l = o(n), { length: u } = Array.from(a || []);
100
- return typeof r == "function" && u === 0 ? null : /* @__PURE__ */ i("ul", {
101
- className: e(t, T.navigationSubMenu, { [T.collapsed]: l?.isCollapsed }),
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: r
105
+ children: n
106
106
  })
107
107
  });
108
108
  };
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-Bok9rGJm.js";
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 { t as e } from "./clsx-Bok9rGJm.js";
3
- import { t } from "./utils-CjjqyX25.js";
4
- import { c as n, l as r, s as i, u as a } from "./panel-C7322H8Y.js";
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 = t(), [C, w] = p(b.isCollapsed, b.defaultCollapsed || !1, b.onCollapseChange), [T, E] = c.useState(!1), D = () => {
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(a, {
36
- className: e(v, _.sidebar, { [_.collapsed]: C }),
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(n, {
41
- className: e(_.sidebarHeader, { [_.collapsed]: C }),
42
- children: [/* @__PURE__ */ o(i, {
43
- className: e(_.sidebarTitle, { [_.collapsed]: C }),
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: e(_.collapseButton, { [_.collapsed]: C }),
51
+ className: a(_.collapseButton, { [_.collapsed]: C }),
52
52
  children: /* @__PURE__ */ o(f, { size: 20 })
53
53
  })
54
54
  })]
55
- }), /* @__PURE__ */ o(r, {
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-iv39Aynt.js";
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-iv39Aynt.js";
2
- import { n as s, t as c } from "./chunks/layout-D1po9FHB.js";
3
- import { t as l } from "./chunks/main-fC0vGdZw.js";
4
- import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/navigation-DJD1q1vB.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-C7322H8Y.js";
6
- import { n as E, t as D } from "./chunks/sidebar-C19-ABpL.js";
7
- import { n as O, t as k } from "./chunks/navbar-DwUBXEZn.js";
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-D1po9FHB.js";
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-fC0vGdZw.js";
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-DwUBXEZn.js";
1
+ import { n as e, t } from "../chunks/navbar-BVgnjg2G.js";
2
2
  export { t as Navbar, e as NavbarContext };
@@ -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-DJD1q1vB.js";
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.50",
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.0",
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-C7322H8Y.js";
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-C19-ABpL.js";
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
- import { t as e } from "../chunks/utils-CjjqyX25.js";
2
- export { e as useIsMobileDevice };
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 };
@@ -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 };
@@ -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;
@@ -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;