@burdenoff/fe-libs 2026.510.126

package/dist/chrome/ContextSwitcher.js

@@ -0,0 +1,393 @@
+import { Sheet as e, SheetContent as t, SheetHeader as n, SheetTitle as r } from "../ui/sheet.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/chrome/ContextSwitcher.tsx
+function d(e = 640) {
+	let [t, n] = s(!1);
+	return a(() => {
+		let t = () => n(window.innerWidth < e);
+		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+	}, [e]), t;
+}
+var f = ({ value: e, onChange: t, placeholder: n, inputRef: r }) => /* @__PURE__ */ l("div", {
+	className: "relative px-3 py-2 border-b border-[var(--color-border-subtle)]",
+	children: /* @__PURE__ */ u("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ l("svg", {
+				className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ l("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+				})
+			}),
+			/* @__PURE__ */ l("input", {
+				ref: r,
+				type: "text",
+				value: e,
+				onChange: (e) => t(e.target.value),
+				placeholder: n,
+				className: "w-full pl-9 pr-8 py-2 text-sm bg-[var(--color-bg-surface)] border border-[var(--color-border-subtle)] rounded-md focus:outline-none focus:ring-2 focus:ring-[var(--color-action-primary-border)] focus:border-transparent text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] transition-all duration-200"
+			}),
+			e && /* @__PURE__ */ l("button", {
+				onClick: () => t(""),
+				className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded-md hover:bg-[var(--color-action-ghost-bgHover)] text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] transition-all duration-150 ease-out",
+				"aria-label": "Clear search",
+				children: /* @__PURE__ */ l("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ l("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M6 18L18 6M6 6l12 12"
+					})
+				})
+			})
+		]
+	})
+}), p = ({ message: e, isSearchResult: t }) => /* @__PURE__ */ l("div", {
+	className: "px-4 py-8 text-center animate-in fade-in-0 duration-200",
+	children: t ? /* @__PURE__ */ u(c, { children: [
+		/* @__PURE__ */ l("svg", {
+			className: "w-8 h-8 mx-auto mb-2 text-[var(--color-text-tertiary)]",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ l("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+			})
+		}),
+		/* @__PURE__ */ l("p", {
+			className: "text-[var(--color-text-secondary)] text-sm",
+			children: "No results found"
+		}),
+		/* @__PURE__ */ l("p", {
+			className: "text-[var(--color-text-tertiary)] text-xs mt-1",
+			children: "Try a different search term"
+		})
+	] }) : /* @__PURE__ */ l("p", {
+		className: "text-[var(--color-text-secondary)] text-sm",
+		children: e
+	})
+}), m = ({ label: e, isActive: t, onClick: n }) => /* @__PURE__ */ l("button", {
+	onClick: n,
+	className: `flex-1 px-3 py-2.5 text-[13px] font-medium whitespace-nowrap text-center transition-all duration-200 ease-out ${t ? "text-[var(--color-text-link)] border-b-2 border-[var(--color-action-primary-bg)] bg-[var(--color-bg-accent)]" : "text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-action-ghost-bgHover)] border-b-2 border-transparent"}`,
+	children: e
+}), h = ({ organizations: h, workspaces: g, projects: _, currentOrganizationId: v, currentWorkspaceId: y, currentProjectId: b, onOrganizationChange: x, onWorkspaceChange: S, onProjectChange: C, compact: w = !1 }) => {
+	let [T, E] = s(!1), [D, O] = s(() => v ? "workspace" : "org"), [k, A] = s({
+		org: "",
+		workspace: "",
+		project: ""
+	}), j = d(), M = o(null), N = o(null), P = o(v);
+	P.current = v;
+	let F = h.find((e) => e.id === v), I = g.find((e) => e.id === y), L = _.find((e) => e.id === b), R = g.filter((e) => e.organizationId === v), z = _.filter((e) => e.workspaceId === y), B = i((e, t) => {
+		if (!t.trim()) return e;
+		let n = t.toLowerCase().trim();
+		return e.filter((e) => e.name.toLowerCase().includes(n));
+	}, []), V = B(h, k.org), H = B(R, k.workspace), U = B(z, k.project), W = i((e, t) => {
+		A((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), G = i((e) => {
+		O(e), A({
+			org: "",
+			workspace: "",
+			project: ""
+		}), setTimeout(() => {
+			N.current?.focus();
+		}, 50);
+	}, []);
+	a(() => {
+		if (j) return;
+		let e = (e) => {
+			M.current && !M.current.contains(e.target) && E(!1);
+		};
+		if (T) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [T, j]), a(() => {
+		T ? (O(P.current ? "workspace" : "org"), setTimeout(() => {
+			N.current?.focus();
+		}, 100)) : A({
+			org: "",
+			workspace: "",
+			project: ""
+		});
+	}, [T]);
+	let K = (e) => {
+		x && x(e);
+	}, q = (e) => {
+		S && S(e);
+	}, J = (e) => {
+		C && C(e), E(!1);
+	}, Y = () => /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
+		className: "flex items-stretch border-b border-[var(--color-border-subtle)] bg-[var(--color-bg-surface)]",
+		children: [
+			/* @__PURE__ */ l(m, {
+				label: "Organization",
+				isActive: D === "org",
+				onClick: () => G("org")
+			}),
+			/* @__PURE__ */ l(m, {
+				label: "Workspace",
+				isActive: D === "workspace",
+				onClick: () => G("workspace")
+			}),
+			/* @__PURE__ */ l(m, {
+				label: "Project",
+				isActive: D === "project",
+				onClick: () => G("project")
+			})
+		]
+	}), /* @__PURE__ */ u("div", {
+		className: "flex-1 overflow-hidden",
+		children: [
+			D === "org" && /* @__PURE__ */ u("div", {
+				className: "h-full flex flex-col",
+				children: [/* @__PURE__ */ l(f, {
+					value: k.org,
+					onChange: (e) => W("org", e),
+					placeholder: "Search organizations...",
+					inputRef: N
+				}), /* @__PURE__ */ l("div", {
+					className: "flex-1 overflow-y-auto py-1",
+					children: V.length > 0 ? V.map((e, t) => /* @__PURE__ */ u("button", {
+						onClick: () => K(e),
+						className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-out animate-in fade-in-0 slide-in-from-left-2 ${e.id === v ? "bg-[var(--color-bg-accent)] text-[var(--color-text-primary)] font-medium" : "text-[var(--color-text-primary)] hover:bg-[var(--color-action-ghost-bgHover)] hover:translate-x-0.5"}`,
+						style: { animationDelay: `${t * 30}ms` },
+						children: [
+							/* @__PURE__ */ l("svg", {
+								className: "w-5 h-5 text-[var(--color-text-secondary)] flex-shrink-0",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ l("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
+								})
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "flex-1 text-left truncate",
+								children: e.name
+							}),
+							e.id === v && /* @__PURE__ */ l("svg", {
+								className: "w-5 h-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
+								fill: "currentColor",
+								viewBox: "0 0 20 20",
+								children: /* @__PURE__ */ l("path", {
+									fillRule: "evenodd",
+									d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+									clipRule: "evenodd"
+								})
+							})
+						]
+					}, e.id)) : /* @__PURE__ */ l(p, {
+						message: "No organizations available",
+						isSearchResult: k.org.length > 0
+					})
+				})]
+			}),
+			D === "workspace" && /* @__PURE__ */ u("div", {
+				className: "h-full flex flex-col",
+				children: [/* @__PURE__ */ l(f, {
+					value: k.workspace,
+					onChange: (e) => W("workspace", e),
+					placeholder: "Search workspaces...",
+					inputRef: N
+				}), /* @__PURE__ */ l("div", {
+					className: "flex-1 overflow-y-auto py-1",
+					children: R.length === 0 ? /* @__PURE__ */ l(p, { message: "No workspaces in this organization" }) : H.length > 0 ? H.map((e, t) => /* @__PURE__ */ u("button", {
+						onClick: () => q(e),
+						className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-out animate-in fade-in-0 slide-in-from-left-2 ${e.id === y ? "bg-[var(--color-bg-accent)] text-[var(--color-text-primary)] font-medium" : "text-[var(--color-text-primary)] hover:bg-[var(--color-action-ghost-bgHover)] hover:translate-x-0.5"}`,
+						style: { animationDelay: `${t * 30}ms` },
+						children: [
+							/* @__PURE__ */ l("svg", {
+								className: "w-5 h-5 text-[var(--color-text-secondary)] flex-shrink-0",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ l("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+								})
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "flex-1 text-left truncate",
+								children: e.name
+							}),
+							e.id === y && /* @__PURE__ */ l("svg", {
+								className: "w-5 h-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
+								fill: "currentColor",
+								viewBox: "0 0 20 20",
+								children: /* @__PURE__ */ l("path", {
+									fillRule: "evenodd",
+									d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+									clipRule: "evenodd"
+								})
+							})
+						]
+					}, e.id)) : /* @__PURE__ */ l(p, {
+						message: "No workspaces found",
+						isSearchResult: k.workspace.length > 0
+					})
+				})]
+			}),
+			D === "project" && /* @__PURE__ */ u("div", {
+				className: "h-full flex flex-col",
+				children: [/* @__PURE__ */ l(f, {
+					value: k.project,
+					onChange: (e) => W("project", e),
+					placeholder: "Search projects...",
+					inputRef: N
+				}), /* @__PURE__ */ l("div", {
+					className: "flex-1 overflow-y-auto py-1",
+					children: z.length === 0 ? /* @__PURE__ */ l(p, { message: "No projects in this workspace" }) : U.length > 0 ? U.map((e, t) => /* @__PURE__ */ u("button", {
+						onClick: () => J(e),
+						className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-all duration-200 ease-out animate-in fade-in-0 slide-in-from-left-2 ${e.id === b ? "bg-[var(--color-bg-accent)] text-[var(--color-text-primary)] font-medium" : "text-[var(--color-text-primary)] hover:bg-[var(--color-action-ghost-bgHover)] hover:translate-x-0.5"}`,
+						style: { animationDelay: `${t * 30}ms` },
+						children: [
+							/* @__PURE__ */ l("svg", {
+								className: "w-5 h-5 text-[var(--color-text-secondary)] flex-shrink-0",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ l("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
+								})
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "flex-1 text-left truncate",
+								children: e.name
+							}),
+							e.id === b && /* @__PURE__ */ l("svg", {
+								className: "w-5 h-5 text-[var(--color-action-primary-bg)] flex-shrink-0 animate-in zoom-in-50 duration-200",
+								fill: "currentColor",
+								viewBox: "0 0 20 20",
+								children: /* @__PURE__ */ l("path", {
+									fillRule: "evenodd",
+									d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+									clipRule: "evenodd"
+								})
+							})
+						]
+					}, e.id)) : /* @__PURE__ */ l(p, {
+						message: "No projects found",
+						isSearchResult: k.project.length > 0
+					})
+				})]
+			})
+		]
+	})] }), X = /* @__PURE__ */ l("button", {
+		onClick: () => E(!T),
+		className: `flex items-center gap-2 px-3 py-2 rounded-md hover:bg-[var(--color-action-ghost-bgHover)] transition-all duration-200 ease-out ${T ? "bg-[var(--color-action-ghost-bgHover)]" : ""}`,
+		"aria-label": "Switch context",
+		"aria-expanded": T,
+		children: w ? /* @__PURE__ */ l("svg", {
+			className: "w-5 h-5 text-[var(--color-text-primary)]",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ l("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
+			})
+		}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ l("svg", {
+				className: "w-4 h-4 text-[var(--color-text-secondary)]",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ l("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
+				})
+			}), /* @__PURE__ */ u("div", {
+				className: "flex items-center gap-1 text-sm",
+				children: [
+					/* @__PURE__ */ l("span", {
+						className: "text-[var(--color-text-primary)] font-medium",
+						children: F?.name || "Select Org"
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "text-[var(--color-text-tertiary)]",
+						children: "/"
+					}),
+					/* @__PURE__ */ l("span", {
+						className: "text-[var(--color-text-secondary)]",
+						children: I?.name || "Workspace"
+					}),
+					L && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+						className: "text-[var(--color-text-tertiary)]",
+						children: "/"
+					}), /* @__PURE__ */ l("span", {
+						className: "text-[var(--color-text-secondary)]",
+						children: L.name
+					})] })
+				]
+			})]
+		}), /* @__PURE__ */ l("svg", {
+			className: `w-4 h-4 text-[var(--color-text-secondary)] transition-transform duration-200 ${T ? "rotate-180" : ""}`,
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ l("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M19 9l-7 7-7-7"
+			})
+		})] })
+	});
+	return j ? /* @__PURE__ */ u("div", {
+		className: "relative",
+		children: [X, /* @__PURE__ */ l(e, {
+			open: T,
+			onOpenChange: E,
+			children: /* @__PURE__ */ u(t, {
+				side: "bottom",
+				className: "h-[70vh] flex flex-col p-0",
+				children: [/* @__PURE__ */ l(n, {
+					className: "px-4 pt-4 pb-2 border-b border-[var(--color-border-subtle)]",
+					children: /* @__PURE__ */ l(r, {
+						className: "text-[var(--color-text-primary)]",
+						children: "Switch Context"
+					})
+				}), /* @__PURE__ */ l("div", {
+					className: "flex-1 flex flex-col overflow-hidden",
+					children: Y()
+				})]
+			})
+		})]
+	}) : /* @__PURE__ */ u("div", {
+		className: "relative",
+		ref: M,
+		children: [X, T && /* @__PURE__ */ l("div", {
+			className: "absolute right-0 mt-2 w-[calc(100vw-2rem)] sm:w-[26rem] bg-[var(--color-bg-elevated)] border border-[var(--color-border-default)] rounded-lg shadow-lg z-50 flex flex-col max-h-[400px] animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200",
+			children: Y()
+		})]
+	});
+};
+//#endregion
+export { h as ContextSwitcher };

package/dist/chrome/DynamicFooter.d.ts

@@ -0,0 +1,21 @@
+import { FooterColumn, SocialLink } from './Footer';
+export interface DynamicFooterProps {
+    /** Product slug for fetching social links (e.g., "workspaces", "fluidgrids") */
+    productSlug: string;
+    /** Product display name (e.g., "Burdenoff Workspaces") */
+    productName: string;
+    /** Product tagline */
+    tagline: string;
+    /** Version string */
+    version?: string;
+    /** Custom footer columns (overrides defaults) */
+    columns?: FooterColumn[];
+    /** Custom social links (overrides API-fetched) */
+    socialLinks?: SocialLink[];
+    /** Legal page ordering (overrides defaults) */
+    legalPageOrder?: string[];
+    /** Skip API fetches and rely on built-in footer defaults */
+    deferRemoteData?: boolean;
+}
+export declare function DynamicFooter({ productSlug, productName, tagline, version, columns: customColumns, socialLinks: customSocialLinks, legalPageOrder, deferRemoteData, }: DynamicFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DynamicFooter.d.ts.map

package/dist/chrome/DynamicFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFooter.d.ts","sourceRoot":"","sources":["../../src/chrome/DynamicFooter.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAUH,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAqEzD,MAAM,WAAW,kBAAkB;IACjC,gFAAgF;IAChF,WAAW,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,kDAAkD;IAClD,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,4DAA4D;IAC5D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,WAAW,EACX,OAAO,EACP,OAAkB,EAClB,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,iBAAiB,EAC9B,cAAiC,EACjC,eAAuB,GACxB,EAAE,kBAAkB,2CA8JpB"}

package/dist/chrome/DynamicFooter.js

@@ -0,0 +1,142 @@
+import { useGatewayClient as e } from "../shared/graphql/GatewayContext.js";
+import "../shared-graphql.js";
+import { useActiveContext as t } from "../shared/providers/shell/ActiveContextProvider.js";
+import { DEFAULT_FOOTER_COLUMNS as n, DEFAULT_SOCIAL_LINKS as r, Footer as i } from "./Footer.js";
+import { useEffect as a, useMemo as o, useState as s } from "react";
+import { Github as c, Globe as l, Linkedin as u, MessageCircle as d, Twitter as f, Youtube as p } from "lucide-react";
+import { jsx as m } from "react/jsx-runtime";
+import { gql as h } from "@apollo/client/core";
+import { Link as g } from "react-router-dom";
+//#region src/chrome/DynamicFooter.tsx
+var _ = h`
+  query GetFooterContentPages($filter: ContentPageFilterInput, $limit: Int) {
+    contentPages(filter: $filter, limit: $limit) {
+      items {
+        id
+        slug
+        title
+        isPublished
+        sortOrder
+      }
+    }
+  }
+`, v = h`
+  query GetFooterProduct($slug: String!) {
+    platformProductBySlug(slug: $slug) {
+      id
+      socialLinks
+    }
+  }
+`, y = {
+	"privacy-policy": "privacy",
+	"terms-of-service": "terms",
+	"cookie-policy": "cookies",
+	"refund-policy": "refund",
+	"acceptable-use-policy": "acceptable-use",
+	sla: "sla",
+	security: "security",
+	compliance: "compliance",
+	about: "about",
+	contact: "contact"
+}, b = {
+	twitter: /* @__PURE__ */ m(f, { className: "w-5 h-5" }),
+	x: /* @__PURE__ */ m(f, { className: "w-5 h-5" }),
+	github: /* @__PURE__ */ m(c, { className: "w-5 h-5" }),
+	discord: /* @__PURE__ */ m(d, { className: "w-5 h-5" }),
+	linkedin: /* @__PURE__ */ m(u, { className: "w-5 h-5" }),
+	youtube: /* @__PURE__ */ m(p, { className: "w-5 h-5" })
+}, x = [
+	"terms-of-service",
+	"privacy-policy",
+	"security",
+	"compliance",
+	"cookie-policy",
+	"acceptable-use-policy",
+	"sla",
+	"refund-policy"
+];
+function S({ productSlug: c, productName: u, tagline: d, version: f = "v1.0.0", columns: p, socialLinks: h, legalPageOrder: S = x, deferRemoteData: C = !1 }) {
+	let { workspaceId: w, projectId: T } = t(), E = e("global"), [D, O] = s(null), [k, A] = s(null);
+	return a(() => {
+		if (!E || C) return;
+		let e = !1;
+		return E.query({
+			query: _,
+			variables: {
+				filter: { isPublished: !0 },
+				limit: 50
+			},
+			fetchPolicy: "cache-first"
+		}).then((t) => {
+			let n = t.data;
+			if (e || !n?.contentPages?.items) return;
+			let r = n.contentPages.items, i = S.map((e) => r.find((t) => t.slug === e)).filter((e) => e != null).map((e) => ({
+				id: e.slug,
+				label: e.title,
+				href: `/legal/${y[e.slug] || e.slug}`
+			}));
+			i.length > 0 && O(i);
+		}).catch(() => {}), () => {
+			e = !0;
+		};
+	}, [
+		C,
+		E,
+		S
+	]), a(() => {
+		if (!E || h || C) return;
+		let e = !1;
+		return E.query({
+			query: v,
+			variables: { slug: c },
+			fetchPolicy: "cache-first"
+		}).then((t) => {
+			if (e) return;
+			let n = t.data?.platformProductBySlug?.socialLinks;
+			if (!n || Object.keys(n).length === 0) return;
+			let r = Object.entries(n).map(([e, t]) => ({
+				id: e,
+				label: e.charAt(0).toUpperCase() + e.slice(1),
+				href: t,
+				icon: b[e.toLowerCase()] || /* @__PURE__ */ m(l, { className: "w-5 h-5" })
+			}));
+			r.length > 0 && A(r);
+		}).catch(() => {}), () => {
+			e = !0;
+		};
+	}, [
+		h,
+		C,
+		E,
+		c
+	]), /* @__PURE__ */ m(i, {
+		productName: u,
+		tagline: d,
+		columns: o(() => {
+			let e = p ?? n;
+			return D ? e.map((e) => e.title === "Legal" ? {
+				...e,
+				links: D
+			} : e) : e;
+		}, [D, p]),
+		socialLinks: h ?? k ?? r,
+		version: f,
+		context: {
+			workspace: w ?? void 0,
+			project: T ?? void 0
+		},
+		renderLink: ({ href: e, external: t, children: n, className: r }) => t ? /* @__PURE__ */ m("a", {
+			href: e,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: r,
+			children: n
+		}) : /* @__PURE__ */ m(g, {
+			to: e,
+			className: r,
+			children: n
+		})
+	});
+}
+//#endregion
+export { S as DynamicFooter };

package/dist/chrome/Footer.d.ts

@@ -0,0 +1,128 @@
+import { FC, ReactNode } from 'react';
+/**
+ * Footer Link Interface
+ */
+export interface FooterLink {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** URL or path */
+    href: string;
+    /** Whether it's an external link */
+    external?: boolean;
+    /** Custom icon */
+    icon?: ReactNode;
+}
+/**
+ * Footer Column Interface
+ */
+export interface FooterColumn {
+    /** Column title */
+    title: string;
+    /** Links in this column */
+    links: FooterLink[];
+}
+/**
+ * Social Link Interface
+ */
+export interface SocialLink {
+    /** Platform identifier */
+    id: string;
+    /** Platform name */
+    label: string;
+    /** URL */
+    href: string;
+    /** Icon component */
+    icon: ReactNode;
+}
+/**
+ * Footer Props Interface
+ */
+export interface FooterProps {
+    /** Product/company logo */
+    logo?: ReactNode;
+    /** Product/company name */
+    productName?: string;
+    /** Product tagline */
+    tagline?: string;
+    /** Footer columns with links */
+    columns?: FooterColumn[];
+    /** Social media links */
+    socialLinks?: SocialLink[];
+    /** Copyright text (default: current year + company name) */
+    copyright?: string;
+    /** Version string to display */
+    version?: string;
+    /** Build info to display */
+    buildInfo?: string;
+    /** Active context (workspace, project, etc.) */
+    context?: {
+        workspace?: string;
+        project?: string;
+        [key: string]: string | undefined;
+    };
+    /** Custom content to render at the bottom */
+    children?: ReactNode;
+    /** Custom link renderer (for React Router integration) */
+    renderLink?: (props: {
+        href: string;
+        external?: boolean;
+        children: ReactNode;
+        className?: string;
+    }) => ReactNode;
+}
+/**
+ * Default footer columns for Burdenoff products
+ */
+export declare const DEFAULT_FOOTER_COLUMNS: FooterColumn[];
+/**
+ * Default social links for Burdenoff
+ */
+export declare const DEFAULT_SOCIAL_LINKS: SocialLink[];
+/**
+ * Footer Component
+ *
+ * Professional multi-column footer for marketing pages and app shells.
+ * Features responsive grid layout that adapts from 4 columns on desktop
+ * to 2 columns on tablet to 1 column on mobile.
+ *
+ * Features:
+ * - Multi-column link sections
+ * - Social media links
+ * - Logo/branding area
+ * - Copyright and legal info
+ * - Build version display
+ * - Active context display
+ * - Responsive design
+ *
+ * @example
+ * ```tsx
+ * <Footer
+ *   productName="Burdenoff Workspaces"
+ *   tagline="Enterprise collaboration made simple"
+ *   version="v1.0.0"
+ *   context={{ workspace: 'my-workspace' }}
+ * />
+ * ```
+ *
+ * @example Custom columns and router integration
+ * ```tsx
+ * import { Link } from 'react-router-dom';
+ *
+ * <Footer
+ *   columns={myColumns}
+ *   renderLink={({ href, external, children, className }) =>
+ *     external ? (
+ *       <a href={href} target="_blank" rel="noopener noreferrer" className={className}>
+ *         {children}
+ *       </a>
+ *     ) : (
+ *       <Link to={href} className={className}>{children}</Link>
+ *     )
+ *   }
+ * />
+ * ```
+ */
+export declare const Footer: FC<FooterProps>;
+//# sourceMappingURL=Footer.d.ts.map