@middag-io/react 0.10.3 → 0.11.0

package/dist-lib/middag-react.js

@@ -31676,8 +31676,137 @@ function vH() {
 	})] });
 }
 //#endregion
+//#region src/base/shell/HostProductShell.tsx
+function yH({ children: e }) {
+	let { t } = n(), { toggleSidebar: r, open: i, setOpenMobile: a } = iw(), { props: o } = nt(), s = o.contract?.page ?? {
+		key: "unknown",
+		title: "",
+		breadcrumbs: [],
+		actions: []
+	}, c = z(() => {
+		a(!0);
+	}, [a]), l = z(() => {
+		r();
+	}, [r]);
+	return /* @__PURE__ */ U(V, { children: [
+		/* @__PURE__ */ H("a", {
+			href: "#middag-main-content",
+			className: "sr-only focus:not-sr-only focus:absolute focus:z-[300] focus:bg-background focus:px-4 focus:py-2 focus:text-sm",
+			children: t("middag.ui.shell.skip_to_content")
+		}),
+		/* @__PURE__ */ U(ow, {
+			"aria-label": t("middag.ui.sidebar.nav_label"),
+			collapsible: "offcanvas",
+			className: "border-sidebar-border bg-sidebar border-r",
+			children: [
+				/* @__PURE__ */ H(uw, {
+					className: "border-sidebar-border border-b px-4 py-3",
+					children: /* @__PURE__ */ H("p", {
+						className: "text-sidebar-foreground text-sm font-semibold",
+						children: "MIDDAG"
+					})
+				}),
+				/* @__PURE__ */ H(Js, { children: /* @__PURE__ */ H(Xw, {}) }),
+				/* @__PURE__ */ H(dw, {
+					className: "border-sidebar-border mt-auto border-t px-3 py-2",
+					children: /* @__PURE__ */ H(qC, {
+						delayDuration: 300,
+						children: /* @__PURE__ */ U("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ U(JC, { children: [/* @__PURE__ */ H(YC, {
+								asChild: !0,
+								children: /* @__PURE__ */ U("button", {
+									onClick: l,
+									className: "text-muted-foreground hover:bg-sidebar-hover hover:text-sidebar-foreground flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1.5 text-xs transition-colors",
+									type: "button",
+									children: [/* @__PURE__ */ H("span", {
+										className: "text-base leading-none",
+										children: "«"
+									}), /* @__PURE__ */ H("span", { children: t("middag.ui.sidebar.collapse") })]
+								})
+							}), /* @__PURE__ */ H(XC, {
+								side: "top",
+								children: t("middag.ui.sidebar.collapse")
+							})] }), /* @__PURE__ */ H("div", {
+								className: "flex items-center gap-0.5",
+								children: /* @__PURE__ */ H(vH, {})
+							})]
+						})
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ U("div", {
+			className: "product-shell__content flex min-h-screen flex-1 flex-col overflow-hidden",
+			children: [
+				/* @__PURE__ */ H(Js, { children: /* @__PURE__ */ H(ST, {
+					page: s,
+					onMobileMenuClick: c
+				}) }),
+				s.filterTabs && s.filterTabs.length > 0 && /* @__PURE__ */ H(NT, {
+					tabs: s.filterTabs,
+					activeTab: s.activeFilterTab
+				}),
+				/* @__PURE__ */ U("div", {
+					className: "flex min-h-0 flex-1",
+					children: [/* @__PURE__ */ H("main", {
+						id: "middag-main-content",
+						className: "min-w-0 flex-1 overflow-auto p-6",
+						"aria-live": "polite",
+						"aria-busy": "false",
+						children: e
+					}), /* @__PURE__ */ H(IT, {})]
+				})
+			]
+		}),
+		!i && /* @__PURE__ */ H(qC, {
+			delayDuration: 300,
+			children: /* @__PURE__ */ U("div", {
+				className: "fixed bottom-3 z-30 flex items-center gap-1.5",
+				style: { left: "calc(var(--host-sidebar-width, 0px) + 12px)" },
+				children: [/* @__PURE__ */ U(JC, { children: [/* @__PURE__ */ H(YC, {
+					asChild: !0,
+					children: /* @__PURE__ */ H("button", {
+						onClick: l,
+						className: "bg-sidebar border-sidebar-border text-muted-foreground hover:text-sidebar-foreground hover:bg-sidebar-hover flex h-9 w-9 items-center justify-center rounded-lg border shadow-md transition-colors",
+						"aria-label": t("middag.ui.sidebar.expand"),
+						type: "button",
+						children: /* @__PURE__ */ H("span", {
+							className: "text-base leading-none",
+							children: "»"
+						})
+					})
+				}), /* @__PURE__ */ H(XC, {
+					side: "top",
+					children: t("middag.ui.sidebar.expand")
+				})] }), /* @__PURE__ */ H("div", {
+					className: "bg-sidebar border-sidebar-border rounded-lg border shadow-md",
+					children: /* @__PURE__ */ H(vH, {})
+				})]
+			})
+		}),
+		/* @__PURE__ */ H(hl, {
+			position: "bottom-right",
+			richColors: !0
+		})
+	] });
+}
+function bH({ children: e }) {
+	return Je(() => {
+		AT();
+	}, []), /* @__PURE__ */ H(aw, {
+		defaultOpen: !0,
+		style: {
+			"--sidebar-width": "260px",
+			"--sidebar-width-icon": "60px"
+		},
+		className: "bg-background text-foreground flex min-h-screen",
+		children: /* @__PURE__ */ H(yH, { children: e })
+	});
+}
+//#endregion
 //#region src/base/shell/partials/CommandPalette.tsx
-function yH({ items: e, onSelect: t }) {
+function xH({ items: e, onSelect: t }) {
 	let { t: r } = n(), [i, a] = B(!1), [o, s] = B(""), [c, l] = B(0), u = Qe(null);
 	Je(() => {
 		let e = (e) => {
@@ -31811,16 +31940,16 @@ function yH({ items: e, onSelect: t }) {
 }
 //#endregion
 //#region src/base/shell/partials/HelpContext.tsx
-var bH = Ue({
+var SH = Ue({
 	help: null,
 	isOpen: !1,
 	setHelp: () => {},
 	toggle: () => {},
 	close: () => {}
 });
-function xH({ children: e }) {
+function CH({ children: e }) {
 	let [t, n] = B(null), [r, i] = B(!1), a = z(() => i((e) => !e), []), o = z(() => i(!1), []);
-	return /* @__PURE__ */ H(bH.Provider, {
+	return /* @__PURE__ */ H(SH.Provider, {
 		value: {
 			help: t,
 			isOpen: r,
@@ -31831,13 +31960,13 @@ function xH({ children: e }) {
 		children: e
 	});
 }
-function SH() {
-	return qe(bH);
+function wH() {
+	return qe(SH);
 }
 //#endregion
 //#region src/base/shell/partials/HelpPanel.tsx
-function CH() {
-	let { t: e } = n(), { help: t, isOpen: r, close: i } = SH(), a = r && t !== null;
+function TH() {
+	let { t: e } = n(), { help: t, isOpen: r, close: i } = wH(), a = r && t !== null;
 	return Je(() => {
 		if (!a) return;
 		let e = (e) => {
@@ -31929,103 +32058,103 @@ function CH() {
 }
 //#endregion
 //#region src/assets/lottie/index.ts
-var wH = "/lottie";
-function TH(e, t) {
-	return t.map((t) => `${wH}/${e}/${t}`);
+var EH = "/lottie";
+function DH(e, t) {
+	return t.map((t) => `${EH}/${e}/${t}`);
 }
-var EH = {
-	loading: TH("loading", [
+var OH = {
+	loading: DH("loading", [
 		"spinner-1.json",
 		"spinner-2.json",
 		"spinner-3.json"
 	]),
-	success: TH("success", [
+	success: DH("success", [
 		"check-1.json",
 		"check-2.json",
 		"check-3.json"
 	]),
-	error: TH("error", [
+	error: DH("error", [
 		"warning-1.json",
 		"warning-2.json",
 		"warning-3.json"
 	]),
-	emptyState: TH("empty-state", [
+	emptyState: DH("empty-state", [
 		"empty-1.json",
 		"empty-2.json",
 		"empty-3.json"
 	]),
-	notFound: TH("not-found", [
+	notFound: DH("not-found", [
 		"404-1.json",
 		"404-2.json",
 		"404-3.json"
 	]),
-	search: TH("search", [
+	search: DH("search", [
 		"search-1.json",
 		"search-2.json",
 		"search-3.json"
 	]),
-	upload: TH("upload", [
+	upload: DH("upload", [
 		"upload-1.json",
 		"upload-2.json",
 		"upload-3.json"
 	]),
-	notification: TH("notification", [
+	notification: DH("notification", [
 		"bell-1.json",
 		"bell-2.json",
 		"bell-3.json"
 	]),
-	email: TH("email", [
+	email: DH("email", [
 		"mail-1.json",
 		"mail-2.json",
 		"mail-3.json"
 	]),
-	settings: TH("settings", [
+	settings: DH("settings", [
 		"gear-1.json",
 		"gear-2.json",
 		"gear-3.json"
 	]),
-	user: TH("user", [
+	user: DH("user", [
 		"profile-1.json",
 		"profile-2.json",
 		"profile-3.json"
 	]),
-	dashboard: TH("dashboard", [
+	dashboard: DH("dashboard", [
 		"analytics-1.json",
 		"analytics-2.json",
 		"analytics-3.json"
 	]),
-	calendar: TH("calendar", ["schedule-1.json", "schedule-2.json"]),
-	security: TH("security", [
+	calendar: DH("calendar", ["schedule-1.json", "schedule-2.json"]),
+	security: DH("security", [
 		"lock-1.json",
 		"lock-2.json",
 		"lock-3.json"
 	]),
-	payment: TH("payment", [
+	payment: DH("payment", [
 		"wallet-1.json",
 		"wallet-2.json",
 		"wallet-3.json"
 	]),
-	cloud: TH("cloud", ["cloud-1.json", "cloud-2.json"]),
-	connection: TH("connection", [
+	cloud: DH("cloud", ["cloud-1.json", "cloud-2.json"]),
+	connection: DH("connection", [
 		"network-1.json",
 		"network-2.json",
 		"network-3.json"
 	]),
-	celebration: TH("celebration", [
+	celebration: DH("celebration", [
 		"confetti-1.json",
 		"confetti-2.json",
 		"confetti-3.json"
 	]),
-	onboarding: TH("onboarding", [
+	onboarding: DH("onboarding", [
 		"welcome-1.json",
 		"welcome-2.json",
 		"welcome-3.json"
 	]),
-	maintenance: TH("maintenance", [
+	maintenance: DH("maintenance", [
 		"construction-1.json",
 		"construction-2.json",
 		"construction-3.json"
 	])
 };
 //#endregion
-export { RV as ActionGridBlock, NO as ActivityTimelineBlock, wT as AdminShell, vH as AppearanceToggle, QV as AuthProvider, eH as Can, tH as Cannot, _V as CardGridBlock, yH as CommandPalette, bc as ContractPage, VT as DashboardLayout, mO as DenseTableBlock, AO as DetailPanelBlock, hO as EmptyStateBlock, Ws as ErrorReporterProvider, nH as FlashProvider, pV as FormPanelBlock, CH as HelpPanel, xH as HelpProvider, i as I18nProvider, IT as InlineInspector, zs as InspectorProvider, r as LIB_UI_DEFAULTS, vc as LazyBlock, BV as LinkListBlock, gV as MarkdownPanelBlock, WT as MasterDetailLayout, wO as MetricCardBlock, Js as NavErrorBoundary, NT as PageFilterTabs, ST as PageHeader, RT as ProductShell, cH as ProgressProvider, iH as ScopeProvider, ow as Sidebar, fw as SidebarContent, dw as SidebarFooter, pw as SidebarGroup, uw as SidebarHeader, lw as SidebarInset, mw as SidebarMenu, _w as SidebarMenuButton, hw as SidebarMenuItem, Xw as SidebarNav, aw as SidebarProvider, cw as SidebarRail, sw as SidebarTrigger, UT as SplitLayout, HT as StackLayout, kO as StatusStripBlock, HV as TabbedPanelBlock, hl as Toaster, JC as Tooltip, XC as TooltipContent, qC as TooltipProvider, YC as TooltipTrigger, KT as WizardLayout, UV as WorkflowProgressBlock, sl as applyTheme, As as blockRegistry, ll as cycleAppearance, MT as destroyHostHeaderHeight, al as getEffectiveTheme, ol as getStoredAppearance, dl as initDir, AT as initHostHeaderHeight, yc as isLazyBlock, ks as layoutRegistry, XV as localePtBR, XV as ptBR, EH as lottie, fl as onSystemThemeChange, Es as pageContractSchema, Ns as registerBlock, YV as registerDefaults, Ms as registerLayout, js as registerShell, Is as resolveBlock, Fs as resolveLayout, Ps as resolveShell, cl as setAppearance, jT as setHostHeaderHeight, Os as shellRegistry, ul as toggleDir, $V as useAuth, Gs as useErrorReporter, SH as useHelp, Rs as useInspector, hH as useIsDark, aH as useScope, oH as useScopeKey, iw as useSidebar, n as useTranslation, Ds as validatePageContract };
+export { RV as ActionGridBlock, NO as ActivityTimelineBlock, wT as AdminShell, vH as AppearanceToggle, QV as AuthProvider, eH as Can, tH as Cannot, _V as CardGridBlock, xH as CommandPalette, bc as ContractPage, VT as DashboardLayout, mO as DenseTableBlock, AO as DetailPanelBlock, hO as EmptyStateBlock, Ws as ErrorReporterProvider, nH as FlashProvider, pV as FormPanelBlock, TH as HelpPanel, CH as HelpProvider, bH as HostProductShell, i as I18nProvider, IT as InlineInspector, zs as InspectorProvider, r as LIB_UI_DEFAULTS, vc as LazyBlock, BV as LinkListBlock, gV as MarkdownPanelBlock, WT as MasterDetailLayout, wO as MetricCardBlock, Js as NavErrorBoundary, NT as PageFilterTabs, ST as PageHeader, RT as ProductShell, cH as ProgressProvider, iH as ScopeProvider, ow as Sidebar, fw as SidebarContent, dw as SidebarFooter, pw as SidebarGroup, uw as SidebarHeader, lw as SidebarInset, mw as SidebarMenu, _w as SidebarMenuButton, hw as SidebarMenuItem, Xw as SidebarNav, aw as SidebarProvider, cw as SidebarRail, sw as SidebarTrigger, UT as SplitLayout, HT as StackLayout, kO as StatusStripBlock, HV as TabbedPanelBlock, hl as Toaster, JC as Tooltip, XC as TooltipContent, qC as TooltipProvider, YC as TooltipTrigger, KT as WizardLayout, UV as WorkflowProgressBlock, sl as applyTheme, As as blockRegistry, ll as cycleAppearance, MT as destroyHostHeaderHeight, al as getEffectiveTheme, ol as getStoredAppearance, dl as initDir, AT as initHostHeaderHeight, yc as isLazyBlock, ks as layoutRegistry, XV as localePtBR, XV as ptBR, OH as lottie, fl as onSystemThemeChange, Es as pageContractSchema, Ns as registerBlock, YV as registerDefaults, Ms as registerLayout, js as registerShell, Is as resolveBlock, Fs as resolveLayout, Ps as resolveShell, cl as setAppearance, jT as setHostHeaderHeight, Os as shellRegistry, ul as toggleDir, $V as useAuth, Gs as useErrorReporter, wH as useHelp, Rs as useInspector, hH as useIsDark, aH as useScope, oH as useScopeKey, iw as useSidebar, n as useTranslation, Ds as validatePageContract };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@middag-io/react",
-  "version": "0.10.3",
+  "version": "0.11.0",
   "type": "module",
   "description": "MIDDAG shared React UI library for Moodle, WordPress and other Inertia hosts",
   "repository": {