@burdenoff/fe-libs 2026.510.126

package/dist/shared/components/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import { Component, ReactNode, ErrorInfo } from 'react';
+export interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode | ((error: Error, errorInfo: ErrorInfo) => ReactNode);
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/shared/components/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/shared/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC;IAC3E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;CAC7B;AAED,qBAAa,aAAc,SAAQ,SAAS,CAC1C,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IASrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAO1E,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAa3D,MAAM,IAAI,SAAS;CA+EpB"}

package/dist/shared/components/ErrorBoundary.js

@@ -0,0 +1,90 @@
+import { Component as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/shared/components/ErrorBoundary.tsx
+var r = class extends e {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null,
+			errorInfo: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		this.setState({
+			error: e,
+			errorInfo: t
+		}), this.props.onError?.(e, t), console.error("ErrorBoundary caught an error:", e, t);
+	}
+	render() {
+		let { hasError: e, error: r, errorInfo: i } = this.state, { fallback: a, children: o } = this.props;
+		return e && r && i ? typeof a == "function" ? a(r, i) : a || /* @__PURE__ */ n("div", {
+			style: {
+				padding: "2rem",
+				maxWidth: "600px",
+				margin: "2rem auto",
+				border: "1px solid #ef4444",
+				borderRadius: "8px",
+				backgroundColor: "#fef2f2"
+			},
+			children: [/* @__PURE__ */ t("h2", {
+				style: {
+					color: "#dc2626",
+					marginBottom: "1rem",
+					fontSize: "1.5rem",
+					fontWeight: 600
+				},
+				children: "Something went wrong"
+			}), /* @__PURE__ */ n("details", {
+				style: {
+					whiteSpace: "pre-wrap",
+					color: "#7f1d1d"
+				},
+				children: [
+					/* @__PURE__ */ t("summary", {
+						style: {
+							cursor: "pointer",
+							marginBottom: "0.5rem",
+							fontWeight: 500
+						},
+						children: "Error details"
+					}),
+					/* @__PURE__ */ n("p", {
+						style: {
+							marginTop: "0.5rem",
+							fontSize: "0.875rem"
+						},
+						children: [
+							/* @__PURE__ */ t("strong", { children: "Message:" }),
+							" ",
+							r.message
+						]
+					}),
+					r.stack && /* @__PURE__ */ t("pre", {
+						style: {
+							marginTop: "0.5rem",
+							fontSize: "0.75rem",
+							overflow: "auto"
+						},
+						children: r.stack
+					}),
+					i.componentStack && /* @__PURE__ */ t("pre", {
+						style: {
+							marginTop: "0.5rem",
+							fontSize: "0.75rem",
+							overflow: "auto"
+						},
+						children: i.componentStack
+					})
+				]
+			})]
+		}) : o;
+	}
+};
+//#endregion
+export { r as ErrorBoundary };

package/dist/shared/components/ErrorFallback.d.ts

@@ -0,0 +1,3 @@
+import { FallbackProps } from 'react-error-boundary';
+export declare function ErrorFallback({ error, resetErrorBoundary }: FallbackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorFallback.d.ts.map

package/dist/shared/components/ErrorFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/shared/components/ErrorFallback.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,aAAa,2CAgDzE"}

package/dist/shared/components/ErrorFallback.js

@@ -0,0 +1,46 @@
+import { isChunkLoadError as e } from "../utils/lazyWithRetry.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/shared/components/ErrorFallback.tsx
+function i({ error: i, resetErrorBoundary: a }) {
+	let o = i instanceof Error ? i : Error(String(i)), s = e(o), c = () => {
+		window.location.reload();
+	};
+	return /* @__PURE__ */ n("div", {
+		className: "min-h-[400px] bg-bg-canvas flex items-center justify-center p-4",
+		children: /* @__PURE__ */ r("div", {
+			className: "bg-bg-surface border border-border-default rounded-lg p-8 max-w-md w-full text-center",
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "text-4xl mb-4",
+					children: s ? "🔄" : "❌"
+				}),
+				/* @__PURE__ */ n("h2", {
+					className: "text-heading-h3 text-text-primary mb-2",
+					children: s ? "Page needs to reload" : "Something went wrong"
+				}),
+				/* @__PURE__ */ n("p", {
+					className: "text-text-secondary mb-6 text-sm",
+					children: s ? "The application was updated or the dev server restarted. A quick reload will fix this. If the issue persists, restart the dev server." : o.message
+				}),
+				/* @__PURE__ */ n("div", {
+					className: "flex gap-3 justify-center",
+					children: s ? /* @__PURE__ */ n("button", {
+						onClick: c,
+						className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover font-medium",
+						children: "Reload page"
+					}) : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("button", {
+						onClick: a,
+						className: "px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover font-medium",
+						children: "Try again"
+					}), /* @__PURE__ */ n("button", {
+						onClick: c,
+						className: "px-4 py-2 bg-transparent text-text-secondary border border-border-default rounded-md hover:bg-bg-surface-hover font-medium",
+						children: "Reload page"
+					})] })
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { i as ErrorFallback };

package/dist/shared/components/KeyboardHelpDialogWrapper.d.ts

@@ -0,0 +1,7 @@
+import { KeyboardShortcut } from '../keyboard/types';
+export interface KeyboardHelpDialogWrapperProps {
+    /** Shortcut definitions to display in the help dialog */
+    shortcuts: KeyboardShortcut[];
+}
+export declare function KeyboardHelpDialogWrapper({ shortcuts, }: KeyboardHelpDialogWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=KeyboardHelpDialogWrapper.d.ts.map

package/dist/shared/components/KeyboardHelpDialogWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardHelpDialogWrapper.d.ts","sourceRoot":"","sources":["../../../src/shared/components/KeyboardHelpDialogWrapper.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,WAAW,8BAA8B;IAC7C,yDAAyD;IACzD,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,GACV,EAAE,8BAA8B,kDAYhC"}

package/dist/shared/components/KeyboardHelpDialogWrapper.js

@@ -0,0 +1,14 @@
+import { useGlobalUi as e } from "../providers/shell/GlobalUiProvider.js";
+import { ShortcutHelpDialog as t } from "../../chrome/ShortcutHelpDialog.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/shared/components/KeyboardHelpDialogWrapper.tsx
+function r({ shortcuts: r }) {
+	let { isKeyboardHelpOpen: i, closeKeyboardHelp: a } = e();
+	return i ? /* @__PURE__ */ n(t, {
+		isOpen: i,
+		onClose: a,
+		shortcuts: r
+	}) : null;
+}
+//#endregion
+export { r as KeyboardHelpDialogWrapper };

package/dist/shared/components/LegalPage.d.ts

@@ -0,0 +1,19 @@
+/**
+ * LegalPage Component
+ *
+ * Renders resolved content pages (privacy policy, terms of service, etc.)
+ * by fetching from the global gateway's resolvedContentPage query.
+ * Template variables are replaced server-side with product-specific values.
+ */
+export interface LegalPageProps {
+    /** Product ID for template variable resolution (e.g., "workspaces", "fluidgrids") */
+    productId: string;
+    /** Custom slug mapping (default: privacy→privacy-policy, terms→terms-of-service, etc.) */
+    slugMap?: Record<string, string>;
+    /** Home route path (default: "/") */
+    homeRoute?: string;
+    /** Home link label (default: "Back to Dashboard") */
+    homeLabel?: string;
+}
+export declare function LegalPage({ productId, slugMap, homeRoute, homeLabel, }: LegalPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LegalPage.d.ts.map

package/dist/shared/components/LegalPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalPage.d.ts","sourceRoot":"","sources":["../../../src/shared/components/LegalPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAmDH,MAAM,WAAW,cAAc;IAC7B,qFAAqF;IACrF,SAAS,EAAE,MAAM,CAAC;IAClB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,OAA0B,EAC1B,SAAe,EACf,SAA+B,GAChC,EAAE,cAAc,2CA2MhB"}

package/dist/shared/components/LoadingFallback.d.ts

@@ -0,0 +1,31 @@
+/**
+ * LoadingFallback Component
+ *
+ * Used as Suspense fallback for lazy-loaded components.
+ * Includes a 200ms delay before showing the spinner to avoid flash
+ * for fast-loading components.
+ *
+ * @module @burdenoff/fe-libs/shared/components/LoadingFallback
+ */
+export interface LoadingFallbackProps {
+    /** Custom message to display */
+    message?: string;
+    /** Whether to show a full-screen loader */
+    fullScreen?: boolean;
+    /** Size of the spinner */
+    size?: "sm" | "md" | "lg";
+}
+export declare function LoadingFallback({ message, fullScreen, size, }: LoadingFallbackProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * PageLoadingFallback - Full page loading state
+ */
+export declare function PageLoadingFallback({ message }: {
+    message?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * SectionLoadingFallback - Section/component loading state
+ */
+export declare function SectionLoadingFallback({ message }: {
+    message?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingFallback.d.ts.map

package/dist/shared/components/LoadingFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingFallback.d.ts","sourceRoot":"","sources":["../../../src/shared/components/LoadingFallback.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAsB,EACtB,UAAkB,EAClB,IAAW,GACZ,EAAE,oBAAoB,2CA6CtB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAEpE;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAEvE"}

package/dist/shared/components/LoadingFallback.js

@@ -0,0 +1,46 @@
+import { useEffect as e, useState as t } from "react";
+import { Loader2 as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/shared/components/LoadingFallback.tsx
+function a({ message: a = "Loading...", fullScreen: o = !1, size: s = "md" }) {
+	let [c, l] = t(!1);
+	e(() => {
+		let e = setTimeout(() => l(!0), 200);
+		return () => clearTimeout(e);
+	}, []);
+	let u = {
+		sm: "w-4 h-4",
+		md: "w-8 h-8",
+		lg: "w-12 h-12"
+	};
+	if (!c) return o ? /* @__PURE__ */ r("div", { className: "min-h-screen bg-bg-canvas" }) : /* @__PURE__ */ r("div", { className: "p-8" });
+	let d = /* @__PURE__ */ i("div", {
+		className: "flex flex-col items-center justify-center gap-3 animate-in fade-in duration-300",
+		children: [/* @__PURE__ */ r(n, { className: `${u[s]} text-brand-primary animate-spin` }), a && /* @__PURE__ */ r("span", {
+			className: "text-text-secondary text-sm",
+			children: a
+		})]
+	});
+	return o ? /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-center min-h-screen bg-bg-canvas animate-in fade-in duration-300",
+		children: d
+	}) : /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-center p-8 animate-in fade-in duration-300",
+		children: d
+	});
+}
+function o({ message: e }) {
+	return /* @__PURE__ */ r(a, {
+		fullScreen: !0,
+		message: e,
+		size: "lg"
+	});
+}
+function s({ message: e }) {
+	return /* @__PURE__ */ r(a, {
+		message: e,
+		size: "md"
+	});
+}
+//#endregion
+export { a as LoadingFallback, o as PageLoadingFallback, s as SectionLoadingFallback };

package/dist/shared/components/MicrofrontendErrorBoundary.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface MicrofrontendErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    loadingMessage?: string;
+}
+/**
+ * MicrofrontendErrorBoundary wraps a lazy-loaded microfrontend with
+ * both a React Error Boundary and a Suspense loading state.
+ *
+ * This ensures that if a microfrontend fails to load (chunk error) or
+ * crashes at runtime, the rest of the application remains functional.
+ *
+ * The boundary is keyed by the active route's pathname so that when the
+ * user clicks a sidenav link after an error, the boundary resets and
+ * mounts the new route's children fresh — without this, the failed
+ * fallback UI would persist and only a hard reload would recover.
+ */
+export declare function MicrofrontendErrorBoundary({ children, fallback, loadingMessage, }: MicrofrontendErrorBoundaryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MicrofrontendErrorBoundary.d.ts.map

package/dist/shared/components/MicrofrontendErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrofrontendErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/shared/components/MicrofrontendErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,QAAQ,EACR,cAA6B,GAC9B,EAAE,+BAA+B,2CAcjC"}

package/dist/shared/components/MicrofrontendErrorBoundary.js

@@ -0,0 +1,19 @@
+import { ErrorFallback as e } from "./ErrorFallback.js";
+import { m as t } from "../../node_modules/react-error-boundary/dist/react-error-boundary.js";
+import { PageLoadingFallback as n } from "./LoadingFallback.js";
+import { Suspense as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useLocation as a } from "react-router-dom";
+//#region src/shared/components/MicrofrontendErrorBoundary.tsx
+function o({ children: o, fallback: s, loadingMessage: c = "Loading..." }) {
+	return /* @__PURE__ */ i(t, {
+		FallbackComponent: e,
+		resetKeys: [a().pathname],
+		children: /* @__PURE__ */ i(r, {
+			fallback: s ?? /* @__PURE__ */ i(n, { message: c }),
+			children: o
+		})
+	});
+}
+//#endregion
+export { o as MicrofrontendErrorBoundary };

package/dist/shared/components/PWAInstallBanner.d.ts

@@ -0,0 +1,14 @@
+export interface PWAInstallBannerProps {
+    /** Product name to display in the banner (default: "App") */
+    productName?: string;
+    /** Brand initial letter for the icon (default: "B") */
+    brandInitial?: string;
+}
+/**
+ * PWAInstallBanner Component
+ *
+ * Shows a banner prompting users to install the app as a PWA.
+ * Also shows an update banner when a new version is available.
+ */
+export declare function PWAInstallBanner({ productName, brandInitial, }: PWAInstallBannerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PWAInstallBanner.d.ts.map

package/dist/shared/components/PWAInstallBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PWAInstallBanner.d.ts","sourceRoot":"","sources":["../../../src/shared/components/PWAInstallBanner.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,WAAmB,EACnB,YAAkB,GACnB,EAAE,qBAAqB,kDAgIvB"}

package/dist/shared/components/PWAInstallBanner.js

@@ -0,0 +1,113 @@
+import { usePWA as e } from "../hooks/usePWA.js";
+import { useEffect as t, useState as n } from "react";
+import { Download as r, RefreshCw as i, X as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/shared/components/PWAInstallBanner.tsx
+function c({ productName: c = "App", brandInitial: l = "B" }) {
+	let { canInstall: u, isInstalled: d, hasUpdate: f, install: p, update: m, dismissInstall: h } = e(), [g, _] = n(!1);
+	t(() => {
+		if (!u || d) {
+			let e = setTimeout(() => _(!1), 0);
+			return () => clearTimeout(e);
+		}
+		let e = localStorage.getItem("pwa-install-dismissed");
+		if (e) {
+			let t = parseInt(e, 10);
+			if (Date.now() - t < 10080 * 60 * 1e3) return;
+		}
+		let t = setTimeout(() => _(!0), 3e3);
+		return () => clearTimeout(t);
+	}, [u, d]);
+	let v = async () => {
+		await p() && _(!1);
+	}, y = () => {
+		h(), _(!1);
+	};
+	return f ? /* @__PURE__ */ o("div", {
+		className: "fixed bottom-4 left-4 right-4 md:left-auto md:right-4 md:w-96 z-50 animate-in slide-in-from-bottom-4",
+		children: /* @__PURE__ */ o("div", {
+			className: "bg-status-info-bg border border-status-info-border rounded-lg shadow-lg p-4",
+			children: /* @__PURE__ */ s("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ o("div", {
+					className: "flex-shrink-0",
+					children: /* @__PURE__ */ o(i, { className: "w-5 h-5 text-status-info-text" })
+				}), /* @__PURE__ */ s("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ o("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: "Update Available"
+						}),
+						/* @__PURE__ */ s("p", {
+							className: "text-sm text-text-secondary mt-1",
+							children: [
+								"A new version of ",
+								c,
+								" is available. Refresh to update."
+							]
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "mt-3 flex gap-2",
+							children: /* @__PURE__ */ o("button", {
+								onClick: m,
+								className: "px-3 py-1.5 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+								children: "Refresh Now"
+							})
+						})
+					]
+				})]
+			})
+		})
+	}) : g ? /* @__PURE__ */ o("div", {
+		className: "fixed bottom-4 left-4 right-4 md:left-auto md:right-4 md:w-96 z-50 animate-in slide-in-from-bottom-4",
+		children: /* @__PURE__ */ o("div", {
+			className: "bg-bg-elevated border border-border-default rounded-lg shadow-lg p-4",
+			children: /* @__PURE__ */ s("div", {
+				className: "flex items-start gap-3",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "flex-shrink-0",
+						children: /* @__PURE__ */ o("div", {
+							className: "w-10 h-10 rounded-lg bg-gradient-to-br from-brand-primary to-brand-secondary flex items-center justify-center text-white font-bold",
+							children: l
+						})
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "flex-1 min-w-0",
+						children: [
+							/* @__PURE__ */ s("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: ["Install ", c]
+							}),
+							/* @__PURE__ */ o("p", {
+								className: "text-sm text-text-secondary mt-1",
+								children: "Add to your home screen for quick access and offline support."
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "mt-3 flex gap-2",
+								children: [/* @__PURE__ */ s("button", {
+									onClick: v,
+									className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+									children: [/* @__PURE__ */ o(r, { className: "w-4 h-4" }), "Install"]
+								}), /* @__PURE__ */ o("button", {
+									onClick: y,
+									className: "px-3 py-1.5 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
+									children: "Not now"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ o("button", {
+						onClick: y,
+						className: "flex-shrink-0 p-1 text-text-muted hover:text-text-secondary transition-colors",
+						"aria-label": "Dismiss",
+						children: /* @__PURE__ */ o(a, { className: "w-4 h-4" })
+					})
+				]
+			})
+		})
+	}) : null;
+}
+//#endregion
+export { c as PWAInstallBanner };