@midas-ds/layout 0.2.49 → 0.2.51

package/chunks/header-CKgqPF7j.js

@@ -1,103 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Bok9rGJm.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./utils-CjjqyX25.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { createContext as o, forwardRef as s } from "react";
-import { Dialog as c, Modal as l, composeRenderProps as u } from "react-aria-components";
-import { Button as d, DialogTrigger as f, Logo as p, ModalOverlay as m, Text as h, clsx as g, useLocalizedStringFormatter as _ } from "@midas-ds/components";
-import '../assets/header.css';var v = { headerActions: "_headerActions_zpqnd_1" }, y = ({ children: t, className: n }) => /* @__PURE__ */ i("div", {
-	className: e(v.headerActions, n),
-	children: t
-}), b = {
-	headerAction: "_headerAction_dgfa1_1",
-	label: "_label_dgfa1_7"
-}, x = s(({ children: t, icon: n, 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__ */ i(d, {
-	ref: c,
-	size: "medium",
-	variant: "tertiary",
-	className: e(b.headerAction, o),
-	...s,
-	children: u(t, (e) => /* @__PURE__ */ a(r, { children: [n, e !== void 0 && /* @__PURE__ */ i("span", {
-		className: b.label,
-		children: e
-	})] }))
-})));
-x.displayName = "HeaderAction";
-var S = {
-	mobile: "_mobile_vwr3x_1",
-	desktop: "_desktop_vwr3x_11"
-}, C = ({ primary: e }) => /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(p, {
-	size: "x-small",
-	primary: e,
-	padding: !1,
-	className: S.mobile
-}), /* @__PURE__ */ i(p, {
-	size: "small",
-	primary: e,
-	padding: !1,
-	className: S.desktop
-})] }), w = { headerTitle: "_headerTitle_cw9hi_1" }, T = ({ className: t, ...n }) => /* @__PURE__ */ i("span", {
-	className: e(w.headerTitle, t),
-	...n
-}), E = t("menu", [
-	["path", {
-		d: "M4 5h16",
-		key: "1tepv9"
-	}],
-	["path", {
-		d: "M4 12h16",
-		key: "1lakjw"
-	}],
-	["path", {
-		d: "M4 19h16",
-		key: "1djgab"
-	}]
-]), D = o(void 0), O = {
-	en: { openMenu: "Open menu" },
-	sv: { openMenu: "Öppna meny" }
-}, k = {
-	triggerButton: "_triggerButton_1k2eg_1",
-	overlay: "_overlay_1k2eg_5",
-	"drawer-blur": "_drawer-blur_1k2eg_1",
-	drawer: "_drawer_1k2eg_18",
-	"drawer-slide": "_drawer-slide_1k2eg_1",
-	dialog: "_dialog_1k2eg_43",
-	header: "_header_1k2eg_49"
-}, A = ({ children: e, className: t, defaultOpen: r, isOpen: o, onOpenChange: s, title: p, ...v }) => {
-	let y = n(), b = _(O);
-	return y ? /* @__PURE__ */ i(D.Provider, {
-		value: {},
-		children: /* @__PURE__ */ a(f, {
-			isOpen: o,
-			onOpenChange: s,
-			defaultOpen: r,
-			children: [/* @__PURE__ */ i(d, {
-				"aria-label": b.format("openMenu"),
-				icon: E,
-				variant: "icon",
-				size: "medium",
-				className: k.triggerButton
-			}), /* @__PURE__ */ i(m, {
-				className: g(t, k.overlay),
-				isDismissable: !0,
-				...v,
-				children: u(e, (e) => /* @__PURE__ */ i(l, {
-					className: k.drawer,
-					children: /* @__PURE__ */ a(c, {
-						className: k.dialog,
-						children: [p && /* @__PURE__ */ i(h, {
-							className: k.header,
-							children: p
-						}), e]
-					})
-				}))
-			})]
-		})
-	}) : null;
-}, j = { header: "_header_s0sjn_1" }, M = ({ className: t, ...n }) => /* @__PURE__ */ i("header", {
-	className: e(t, j.header),
-	...n
-});
-//#endregion
-export { C as a, T as i, A as n, x as o, D as r, y as s, M as t };

package/chunks/panel-MI09-Qe_.js

@@ -1,165 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Bok9rGJm.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { createContext as i, forwardRef as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
-import { Button as u, Text as d, clsx as f, useLocalizedStringFormatter as p } from "@midas-ds/components";
-import { useControlledState as m } from "@react-stately/utils";
-import { filterDOMProps as h, useEnterAnimation as g, useExitAnimation as _, useObjectRef as v } from "@react-aria/utils";
-import '../assets/panel.css';var y = t("x", [["path", {
-	d: "M18 6 6 18",
-	key: "1bl5f8"
-}], ["path", {
-	d: "m6 6 12 12",
-	key: "d8bk6v"
-}]]), b = { panelBody: "_panelBody_1p0jk_1" }, x = a(({ className: t, ...r }, i) => /* @__PURE__ */ n("aside", {
-	ref: i,
-	className: e(t, b.panelBody),
-	...r
-})), S = { panelContent: "_panelContent_1gfrc_1" }, C = a(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	tabIndex: 0,
-	className: e(t, S.panelContent),
-	...r
-})), w = { panelHeader: "_panelHeader_1g1ux_1" }, T = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
-	className: e(t, w.panelHeader),
-	...r
-}), E = { panelTitle: "_panelTitle_w7y4m_1" }, D = ({ className: e, title: t, ...r }) => /* @__PURE__ */ n(d, {
-	className: f(e, E.panelTitle),
-	...r,
-	children: t
-}), O = {
-	en: { closePanel: "Close panel" },
-	sv: { closePanel: "Stäng panel" }
-}, k = {
-	panel: "_panel_16dwe_6",
-	promote: "_promote_16dwe_1",
-	"slide-horizontally": "_slide-horizontally_16dwe_1",
-	"slide-vertically": "_slide-vertically_16dwe_1",
-	panelActions: "_panelActions_16dwe_63",
-	panelTitle: "_panelTitle_16dwe_69"
-}, A = (e) => {
-	let { onExited: t } = e, [r, i] = m(e.isOpen, e.defaultOpen || !1, e.onOpenChange), a = c(null), o = _(a, r);
-	return s(() => {
-		!r && !o && t?.();
-	}, [
-		r,
-		o,
-		t
-	]), !r && !o ? null : /* @__PURE__ */ n(j, {
-		isExiting: o,
-		onPress: () => i((e) => !e),
-		ref: a,
-		...e
-	});
-}, j = a(({ className: t, title: i, actions: a, onPress: o, children: s, isExiting: c, defaultOpen: l, promoting: d, onPromotionEnd: f, "aria-hidden": m, ..._ }, b) => {
-	let S = p(O), w = v(b), E = g(w, !l);
-	return /* @__PURE__ */ r(x, {
-		"aria-hidden": m || void 0,
-		"aria-label": i,
-		className: e(t, k.panel),
-		ref: w,
-		"data-entering": E || void 0,
-		"data-exiting": c || void 0,
-		"data-promoting": d || void 0,
-		onAnimationEnd: (e) => {
-			e.target === e.currentTarget && d && f?.();
-		},
-		...h(_),
-		children: [/* @__PURE__ */ r(T, { children: [/* @__PURE__ */ n(D, {
-			className: k.panelTitle,
-			title: i
-		}), /* @__PURE__ */ r("div", {
-			className: k.panelActions,
-			children: [a, /* @__PURE__ */ n(u, {
-				"aria-label": S.format("closePanel"),
-				onPress: o,
-				size: "medium",
-				variant: "icon",
-				children: /* @__PURE__ */ n(y, { size: 20 })
-			})]
-		})] }), /* @__PURE__ */ n(C, { children: s })]
-	});
-}), M = (e) => null;
-M.displayName = "usePanels";
-var N = i({
-	panels: [],
-	panelVariant: "overlay",
-	addPanel: () => {},
-	closePanel: () => {},
-	removePanel: () => {},
-	resetPromoting: () => {}
-}), P = ({ children: e, defaultPanels: t = [], panelBehavior: r = "replace", panelVariant: i = "overlay" }) => {
-	let [a, o] = l(t.map((e) => ({
-		...e,
-		isOpen: !0,
-		defaultOpen: !0
-	})));
-	return /* @__PURE__ */ n(N.Provider, {
-		value: {
-			panels: a,
-			panelVariant: i,
-			addPanel: (e) => {
-				o((t) => {
-					if (r === "replace") return [{
-						...e,
-						isOpen: !0
-					}];
-					let n = t.findIndex((t) => t.id === e.id);
-					if (n === -1) return [...t, {
-						...e,
-						isOpen: !0
-					}];
-					if (r === "bring-to-front") {
-						if (n === t.length - 1) return t;
-						let r = t[n];
-						return [...t.filter((t) => t.id !== e.id), {
-							...r,
-							isOpen: !0,
-							promoting: !0
-						}];
-					}
-					return r === "pop-to" ? t.map((e, t) => t > n ? {
-						...e,
-						isOpen: !1
-					} : e) : t;
-				});
-			},
-			closePanel: (e) => {
-				o((t) => t.map((t) => t.id === e ? {
-					...t,
-					isOpen: !1
-				} : t));
-			},
-			removePanel: (e) => {
-				o((t) => t.filter((t) => t.id !== e));
-			},
-			resetPromoting: (e) => {
-				o((t) => t.map((t) => t.id === e ? {
-					...t,
-					promoting: !1
-				} : t));
-			}
-		},
-		children: e
-	});
-}, F = () => o(N), I = { push: "_push_xcbfl_1" }, L = ({ children: t, className: i, ...a }) => {
-	let { panels: o, panelVariant: s, closePanel: c, removePanel: l, resetPromoting: u } = F(), d = o.length > 0;
-	return /* @__PURE__ */ r("div", {
-		className: e(i, s === "push" && I.push),
-		"data-open": s === "push" && d ? !0 : void 0,
-		...a,
-		children: [o.map(({ id: e, ...t }, r, { length: i }) => /* @__PURE__ */ n(A, {
-			"aria-hidden": r < i - 1 || void 0,
-			id: e,
-			onOpenChange: (t) => {
-				t || c(e);
-			},
-			onExited: () => l(e),
-			onPromotionEnd: () => u(e),
-			...t
-		}, e)), t]
-	});
-};
-//#endregion
-export { M as a, T as c, N as i, C as l, F as n, A as o, P as r, D as s, L as t, x as u };

package/chunks/sidebar-BYqoekwF.js

@@ -1,80 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Bok9rGJm.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { c as n, l as r, s as i, u as a } from "./panel-MI09-Qe_.js";
-import { t as o } from "./utils-CjjqyX25.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l, { createContext as u } from "react";
-import { Button as d, useLocalizedStringFormatter as f } from "@midas-ds/components";
-import { useControlledState as p } from "@react-stately/utils";
-import { filterDOMProps as m } from "@react-aria/utils";
-import '../assets/sidebar.css';var h = t("panel-left-close", [
-	["rect", {
-		width: "18",
-		height: "18",
-		x: "3",
-		y: "3",
-		rx: "2",
-		key: "afitv7"
-	}],
-	["path", {
-		d: "M9 3v18",
-		key: "fh3hqa"
-	}],
-	["path", {
-		d: "m16 15-3-3 3-3",
-		key: "14y99z"
-	}]
-]), g = {
-	en: {
-		expandSidebar: "Expand sidebar",
-		collapseSidebar: "Collapse sidebar"
-	},
-	sv: {
-		expandSidebar: "Expandera sidopanel",
-		collapseSidebar: "Minimera sidopanel"
-	}
-}, _ = u(void 0), v = {
-	sidebar: "_sidebar_1gkx7_1",
-	collapsed: "_collapsed_1gkx7_8",
-	sidebarHeader: "_sidebarHeader_1gkx7_20",
-	sidebarTitle: "_sidebarTitle_1gkx7_29",
-	collapseButton: "_collapseButton_1gkx7_47",
-	sidebarContent: "_sidebarContent_1gkx7_55"
-}, y = ({ children: t, className: u, title: y, ...b }) => {
-	let x = f(g), S = o(), [C, w] = p(b.isCollapsed, b.defaultCollapsed || !1, b.onCollapseChange), [T, E] = l.useState(!1), D = () => {
-		E(!0), w((e) => !e);
-	}, O = (e) => {
-		e.propertyName === "width" && e.target === e.currentTarget && E(!1);
-	};
-	return S ? null : /* @__PURE__ */ s(_.Provider, {
-		value: { isCollapsed: C },
-		children: /* @__PURE__ */ c(a, {
-			className: e(u, v.sidebar, { [v.collapsed]: C }),
-			"data-transitioning": T || void 0,
-			onTransitionEnd: O,
-			...m(b, { propNames: /* @__PURE__ */ new Set(["style"]) }),
-			children: [/* @__PURE__ */ c(n, {
-				className: e(v.sidebarHeader, { [v.collapsed]: C }),
-				children: [/* @__PURE__ */ s(i, {
-					className: e(v.sidebarTitle, { [v.collapsed]: C }),
-					title: y
-				}), /* @__PURE__ */ s(d, {
-					"aria-label": C ? x.format("expandSidebar") : x.format("collapseSidebar"),
-					onPress: D,
-					variant: "icon",
-					size: "medium",
-					children: /* @__PURE__ */ s("span", {
-						className: e(v.collapseButton, { [v.collapsed]: C }),
-						children: /* @__PURE__ */ s(h, { size: 20 })
-					})
-				})]
-			}), /* @__PURE__ */ s(r, {
-				className: v.sidebarContent,
-				children: t
-			})]
-		})
-	});
-};
-//#endregion
-export { _ as n, y as t };

package/chunks/utils-CjjqyX25.js

@@ -1,39 +0,0 @@
-'use client';
-import e, { useContext as t, useEffect as n, useState as r } from "react";
-String(Math.round(Math.random() * 1e10));
-//#region ../../node_modules/react-aria/dist/private/ssr/SSRProvider.mjs
-var i = /*#__PURE__*/ e.createContext(!1);
-typeof window < "u" && window.document && window.document.createElement, e.useId;
-function a() {
-	return !1;
-}
-function o() {
-	return !0;
-}
-function s(e) {
-	return () => {};
-}
-function c() {
-	return typeof e.useSyncExternalStore == "function" ? e.useSyncExternalStore(s, a, o) : t(i);
-}
-//#endregion
-//#region ../../node_modules/@adobe/react-spectrum/dist/private/utils/useMediaQuery.mjs
-function l(e) {
-	let t = typeof window < "u" && typeof window.matchMedia == "function", [i, a] = r(() => t ? window.matchMedia(e).matches : !1);
-	return n(() => {
-		if (!t) return;
-		let n = window.matchMedia(e), r = (e) => {
-			a(e.matches);
-		};
-		return n.addListener(r), () => {
-			n.removeListener(r);
-		};
-	}, [t, e]), !c() && i;
-}
-//#endregion
-//#region src/utils/useIsMobileDevice.ts
-function u() {
-	return l("(max-width: 640px)");
-}
-//#endregion
-export { u as t };

package/header/Header.stories.d.ts

@@ -1,15 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { Header } from './Header';
-type Story = StoryObj<typeof Header>;
-declare const _default: {
-    component: ({ className, ...rest }: import('./Header').HeaderProps) => import('react').JSX.Element;
-    title: string;
-    tags: string[];
-    parameters: {
-        layout: string;
-        rootElement: string;
-    };
-};
-export default _default;
-export declare const Desktop: Story;
-export declare const Mobile: Story;

package/header/header-action/HeaderAction.stories.d.ts

@@ -1,14 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { HeaderAction } from '.';
-type Story = StoryObj<typeof HeaderAction>;
-declare const _default: {
-    component: import('react').ForwardRefExoticComponent<import('./HeaderAction').HeaderActionProps & import('react').RefAttributes<HTMLButtonElement>>;
-    title: string;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
-export declare const Primary: Story;
-export declare const IconOnly: Story;

package/header/header-actions/HeaderActions.stories.d.ts

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { HeaderActions } from './HeaderActions';
-type Story = StoryObj<typeof HeaderActions>;
-declare const _default: {
-    component: ({ children, className }: import('./HeaderActions').HeaderActionsProps) => import('react').JSX.Element;
-    title: string;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
-export declare const Primary: Story;

package/header/mobile-menu/MobileMenu.stories.d.ts

@@ -1,19 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { MobileMenu } from '.';
-type Story = StoryObj<typeof MobileMenu>;
-declare const _default: {
-    component: ({ children, className, defaultOpen, isOpen, onOpenChange, title, ...rest }: import('./MobileMenu').MobileMenuProps) => import('react').JSX.Element | null;
-    title: string;
-    tags: string[];
-    globals: {
-        viewport: {
-            value: string;
-        };
-    };
-    args: {
-        children: import('react').JSX.Element;
-    };
-};
-export default _default;
-export declare const Primary: Story;
-export declare const Controlled: Story;

package/layout/Layout.stories.d.ts

@@ -1,18 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { Layout } from '.';
-type Story = StoryObj<typeof Layout>;
-declare const _default: {
-    component: ({ children, className, ...rest }: import('./Layout').LayoutProps) => import('react').JSX.Element;
-    title: string;
-    tags: string[];
-    args: {
-        children: string;
-    };
-    parameters: {
-        layout: string;
-        rootElement: string;
-    };
-};
-export default _default;
-export declare const WithMobileMenu: Story;
-export declare const WithNavbar: Story;

package/navbar/Navbar.stories.d.ts

@@ -1,23 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { Navbar } from './Navbar';
-type Story = StoryObj<typeof Navbar>;
-declare const _default: {
-    component: ({ className, children, ...rest }: import('./Navbar').NavbarProps) => import('react').JSX.Element;
-    title: string;
-    tags: string[];
-    parameters: {
-        layout: string;
-        rootElement: string;
-    };
-    globals: {
-        viewport: {
-            value: string;
-        };
-    };
-    args: {
-        children: import('react').JSX.Element;
-    };
-};
-export default _default;
-export declare const Primary: Story;
-export declare const FiveItems: Story;

package/navigation/Navigation.stories.d.ts

@@ -1,25 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { Navigation } from '.';
-import { Key } from 'react-aria-components';
-import { ReactNode } from 'react';
-type Story<T extends object = Item> = StoryObj<typeof Navigation<T>>;
-type Section = {
-    id: Key;
-    title?: string;
-    children: Item[];
-};
-type Item = {
-    id: Key;
-    title: string;
-    href: string;
-    icon?: ReactNode;
-    children?: Item[];
-};
-declare const _default: {
-    component: <T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: import('./Navigation').NavigationProps<T>) => import('react').JSX.Element;
-    title: string;
-    tags: string[];
-};
-export default _default;
-export declare const Flat: Story;
-export declare const Nested: Story<Section>;

package/navigation/navigation-link/NavigationLink.stories.d.ts

@@ -1,25 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { NavigationLink } from '.';
-type Story = StoryObj<typeof NavigationLink>;
-declare const _default: {
-    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;
-    title: string;
-    tags: string[];
-    args: {
-        children: string;
-        href: string;
-        icon: import('react').JSX.Element;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default _default;
-export declare const Primary: Story;
-export declare const Active: Story;
-export declare const Disabled: Story;
-export declare const Collapsed: Story;
-export declare const WithBadge: Story;
-export declare const WithBadgeLabel: Story;
-export declare const WithBadgeActive: Story;
-export declare const WithBadgeCollapsed: Story;