@burdenoff/fe-libs 2026.510.126

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/chrome/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU;IACV,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;KACnC,CAAC;IACF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,EAAE,SAAS,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,YAAY,EAgDhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAmB5C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAuJlC,CAAC"}

package/dist/chrome/Footer.js

@@ -0,0 +1,211 @@
+import { PluginFooterStrip as e } from "./PluginFooterStrip.js";
+import { ExternalLink as t, Github as n, MessageCircle as r, Twitter as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/chrome/Footer.tsx
+var s = [
+	{
+		title: "Products",
+		links: [
+			{
+				id: "workspaces",
+				label: "Workspaces",
+				href: "https://burdenoff.com"
+			},
+			{
+				id: "fluidgrids",
+				label: "FluidGrids",
+				href: "https://fluidgrids.com",
+				external: !0
+			},
+			{
+				id: "bigconsole",
+				label: "BigConsole",
+				href: "https://bigconsole.com",
+				external: !0
+			},
+			{
+				id: "botlit",
+				label: "Botlit",
+				href: "https://botlit.ai",
+				external: !0
+			}
+		]
+	},
+	{
+		title: "Resources",
+		links: [
+			{
+				id: "docs",
+				label: "Documentation",
+				href: "/docs"
+			},
+			{
+				id: "api",
+				label: "API Reference",
+				href: "/docs/api"
+			},
+			{
+				id: "status",
+				label: "Status Page",
+				href: "https://status.burdenoff.com",
+				external: !0
+			},
+			{
+				id: "changelog",
+				label: "Changelog",
+				href: "/changelog"
+			}
+		]
+	},
+	{
+		title: "Legal",
+		links: [
+			{
+				id: "terms",
+				label: "Terms of Service",
+				href: "/legal/terms"
+			},
+			{
+				id: "privacy",
+				label: "Privacy Policy",
+				href: "/legal/privacy"
+			},
+			{
+				id: "security",
+				label: "Security",
+				href: "/legal/security"
+			},
+			{
+				id: "compliance",
+				label: "Compliance",
+				href: "/legal/compliance"
+			}
+		]
+	}
+], c = [
+	{
+		id: "twitter",
+		label: "Twitter",
+		href: "https://twitter.com/burdenoff",
+		icon: /* @__PURE__ */ a(i, { className: "w-5 h-5" })
+	},
+	{
+		id: "github",
+		label: "GitHub",
+		href: "https://github.com/algoshred",
+		icon: /* @__PURE__ */ a(n, { className: "w-5 h-5" })
+	},
+	{
+		id: "discord",
+		label: "Discord",
+		href: "https://discord.gg/burdenoff",
+		icon: /* @__PURE__ */ a(r, { className: "w-5 h-5" })
+	}
+], l = ({ logo: n, productName: r = "Burdenoff Workspaces", tagline: i = "Enterprise collaboration made simple", columns: l = s, socialLinks: u = c, copyright: d, version: f, buildInfo: p, context: m, children: h, renderLink: g }) => {
+	let _ = (/* @__PURE__ */ new Date()).getFullYear(), v = d ?? `${_} Burdenoff. All rights reserved.`, y = g ?? (({ href: e, external: t, children: n, className: r }) => /* @__PURE__ */ a("a", {
+		href: e,
+		target: t ? "_blank" : void 0,
+		rel: t ? "noopener noreferrer" : void 0,
+		className: r,
+		children: n
+	}));
+	return /* @__PURE__ */ o("footer", {
+		className: "bg-bg-elevated border-t border-border-subtle",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12",
+				children: /* @__PURE__ */ o("div", {
+					className: "grid grid-cols-2 lg:grid-cols-5 gap-8",
+					children: [/* @__PURE__ */ o("div", {
+						className: "col-span-2",
+						children: [
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-3 mb-4",
+								children: [n ?? /* @__PURE__ */ a("div", {
+									className: "w-8 h-8 rounded-md bg-gradient-to-br from-brand-primary to-brand-secondary flex items-center justify-center text-white font-bold text-sm",
+									children: "B"
+								}), /* @__PURE__ */ a("span", {
+									className: "text-lg font-semibold text-text-primary",
+									children: r
+								})]
+							}),
+							/* @__PURE__ */ a("p", {
+								className: "text-text-secondary text-sm mb-6 max-w-xs",
+								children: i
+							}),
+							u.length > 0 && /* @__PURE__ */ a("div", {
+								className: "flex items-center gap-4",
+								children: u.map((e) => /* @__PURE__ */ a("a", {
+									href: e.href,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "text-text-muted hover:text-text-primary transition-colors",
+									"aria-label": e.label,
+									children: e.icon
+								}, e.id))
+							})
+						]
+					}), l.map((e) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h3", {
+						className: "text-sm font-semibold text-text-primary mb-4",
+						children: e.title
+					}), /* @__PURE__ */ a("ul", {
+						className: "space-y-3",
+						children: e.links.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o(y, {
+							href: e.href,
+							external: e.external,
+							className: "text-sm text-text-secondary hover:text-text-primary transition-colors inline-flex items-center gap-1",
+							children: [
+								e.icon,
+								e.label,
+								e.external && /* @__PURE__ */ a(t, { className: "w-3 h-3" })
+							]
+						}) }, e.id))
+					})] }, e.title))]
+				})
+			}),
+			/* @__PURE__ */ a(e, {}),
+			/* @__PURE__ */ a("div", {
+				className: "border-t border-border-subtle",
+				children: /* @__PURE__ */ a("div", {
+					className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4",
+					children: /* @__PURE__ */ o("div", {
+						className: "flex flex-col sm:flex-row justify-between items-center gap-4 text-xs text-text-muted",
+						children: [
+							/* @__PURE__ */ a("div", {
+								className: "flex items-center gap-2",
+								children: /* @__PURE__ */ o("span", { children: ["© ", v] })
+							}),
+							m && Object.values(m).some(Boolean) && /* @__PURE__ */ a("div", {
+								className: "flex items-center gap-3",
+								children: Object.entries(m).map(([e, t]) => t && /* @__PURE__ */ o("div", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ o("span", {
+										className: "capitalize",
+										children: [e, ":"]
+									}), /* @__PURE__ */ a("span", {
+										className: "text-text-secondary font-medium",
+										children: t
+									})]
+								}, e))
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-3",
+								children: [
+									f && /* @__PURE__ */ a("span", { children: f }),
+									f && p && /* @__PURE__ */ a("span", {
+										className: "text-border-subtle",
+										children: "|"
+									}),
+									p && /* @__PURE__ */ o("span", { children: ["Build ", p] })
+								]
+							})
+						]
+					})
+				})
+			}),
+			h
+		]
+	});
+};
+//#endregion
+export { s as DEFAULT_FOOTER_COLUMNS, c as DEFAULT_SOCIAL_LINKS, l as Footer };

package/dist/chrome/FooterBar.d.ts

@@ -0,0 +1,79 @@
+import { FC, ReactNode } from 'react';
+/**
+ * Footer Item Interface
+ */
+export interface FooterItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Icon (ReactNode or SVG path) */
+    icon?: ReactNode;
+    /** Click handler */
+    onClick?: () => void;
+    /** Item type */
+    type?: "status" | "action" | "info";
+    /** Badge or indicator text */
+    badge?: string;
+}
+/**
+ * Footer Sections Interface
+ *
+ * Three-section footer layout:
+ * - Left: Context info + status items
+ * - Center: Contextual actions
+ * - Right: Info/metadata
+ */
+export interface FooterSections {
+    left: FooterItem[];
+    center: FooterItem[];
+    right: FooterItem[];
+}
+/**
+ * FooterBar Props Interface
+ */
+export interface FooterBarProps {
+    /** Footer sections with items */
+    sections: FooterSections;
+    /** Context information to display in left section */
+    context?: {
+        workspace?: string;
+        project?: string;
+        [key: string]: string | undefined;
+    };
+    /** Version info to display in right section */
+    version?: string;
+    /** Additional content to render in footer */
+    children?: ReactNode;
+}
+/**
+ * FooterBar Component
+ *
+ * Generic footer bar for app shells. Pure presentation component
+ * that accepts all data via props.
+ *
+ * Features:
+ * - Three-section layout (left/center/right)
+ * - Context information display
+ * - Status indicators
+ * - Contextual actions
+ * - Version/build info
+ * - Badge support
+ *
+ * Uses semantic tokens for styling, which must be provided by the shell.
+ *
+ * @example
+ * ```tsx
+ * <FooterBar
+ *   sections={{
+ *     left: [{ id: 'status', label: 'Ready', type: 'status' }],
+ *     center: [{ id: 'action', label: 'Run', onClick: handleRun, type: 'action' }],
+ *     right: [{ id: 'info', label: 'Updated 2m ago', type: 'info' }],
+ *   }}
+ *   context={{ workspace: 'my-workspace', project: 'my-project' }}
+ *   version="v1.0.0"
+ * />
+ * ```
+ */
+export declare const FooterBar: FC<FooterBarProps>;
+//# sourceMappingURL=FooterBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterBar.d.ts","sourceRoot":"","sources":["../../src/chrome/FooterBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IAEX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,gBAAgB;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEpC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,QAAQ,EAAE,cAAc,CAAC;IAEzB,qDAAqD;IACrD,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;KACnC,CAAC;IAEF,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA+FxC,CAAC"}

package/dist/chrome/FooterBar.js

@@ -0,0 +1,84 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/chrome/FooterBar.tsx
+var r = ({ sections: r, context: i, version: a, children: o }) => {
+	let s = (e) => /* @__PURE__ */ n("button", {
+		onClick: e.onClick,
+		className: `
+        flex items-center gap-icon-gap px-2 py-1 rounded-button
+        ${e.type === "action" ? "hover:bg-action-ghost-bg-hover hover:text-text-primary" : ""}
+        transition-colors
+      `,
+		disabled: !e.onClick,
+		children: [
+			e.icon && /* @__PURE__ */ t("div", {
+				className: "w-icon-sm h-icon-sm",
+				children: typeof e.icon == "string" ? /* @__PURE__ */ t("svg", {
+					className: "w-full h-full",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ t("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: e.icon
+					})
+				}) : e.icon
+			}),
+			/* @__PURE__ */ t("span", { children: e.label }),
+			e.badge && /* @__PURE__ */ t("span", {
+				className: "text-xs bg-status-success-bg-subtle text-status-success-text px-1.5 py-0.5 rounded",
+				children: e.badge
+			})
+		]
+	}, e.id);
+	return /* @__PURE__ */ n("footer", {
+		className: "h-8 bg-bg-elevated border-t border-border-subtle flex items-center px-card-padding text-body-sm text-text-secondary",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "flex items-center gap-form-gap",
+				children: [i && Object.entries(i).map(([e, r]) => r && /* @__PURE__ */ n("div", {
+					className: "flex items-center gap-icon-gap",
+					children: [
+						e !== Object.keys(i)[0] && /* @__PURE__ */ t("span", {
+							className: "text-border-subtle",
+							children: "|"
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "text-text-muted capitalize",
+							children: [e, ":"]
+						}),
+						/* @__PURE__ */ t("span", {
+							className: "text-text-primary font-medium",
+							children: r
+						})
+					]
+				}, e)), r.left.length > 0 && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
+					className: "text-border-subtle",
+					children: "|"
+				}), r.left.map(s)] })]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "flex-1 flex items-center justify-center gap-form-gap",
+				children: r.center.map(s)
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex items-center gap-form-gap",
+				children: [
+					r.right.map(s),
+					r.right.length > 0 && a && /* @__PURE__ */ t("span", {
+						className: "text-border-subtle",
+						children: "|"
+					}),
+					a && /* @__PURE__ */ t("span", {
+						className: "text-text-muted text-xs",
+						children: a
+					})
+				]
+			}),
+			o
+		]
+	});
+};
+//#endregion
+export { r as FooterBar };

package/dist/chrome/GeographySwitcher.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { CountryData } from '../shared/geography/countries';
+export interface GeographySwitcherProps {
+    /** All available countries */
+    countries: CountryData[];
+    /** Currently selected country code */
+    currentCountryCode: string | null;
+    /** Callback when country changes */
+    onCountryChange?: (country: CountryData) => void;
+    /** Show as icon only (for small screens) */
+    compact?: boolean;
+}
+/**
+ * GeographySwitcher Component
+ *
+ * Allows switching between different countries/geographies.
+ * Countries are grouped by region with search filtering.
+ *
+ * On small screens (when compact=true), shows as icon with popup
+ */
+export declare const GeographySwitcher: FC<GeographySwitcherProps>;
+//# sourceMappingURL=GeographySwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeographySwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/GeographySwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAUjE,MAAM,WAAW,sBAAsB;IACrC,8BAA8B;IAC9B,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,sCAAsC;IACtC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,oCAAoC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAsPxD,CAAC"}

package/dist/chrome/GeographySwitcher.js

@@ -0,0 +1,162 @@
+import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/chrome/GeographySwitcher.tsx
+var s = [
+	"Africa",
+	"Americas",
+	"Asia",
+	"Europe",
+	"Oceania"
+], c = ({ countries: c, currentCountryCode: l, onCountryChange: u, compact: d = !1 }) => {
+	let [f, p] = r(!1), [m, h] = r(""), g = n(null), _ = n(null), v = c.find((e) => e.code === l) || null;
+	e(() => {
+		let e = (e) => {
+			g.current && !g.current.contains(e.target) && p(!1);
+		};
+		if (f) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [f]), e(() => {
+		let e = (e) => {
+			e.key === "Escape" && p(!1);
+		};
+		if (f) return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [f]), e(() => {
+		f ? _.current?.focus() : h("");
+	}, [f]);
+	let y = t(() => {
+		let e = m.trim().toLowerCase(), t = e ? c.filter((t) => t.name.toLowerCase().includes(e) || t.code.toLowerCase().includes(e)) : c, n = {};
+		for (let e of t) n[e.region] || (n[e.region] = []), n[e.region].push(e);
+		return s.filter((e) => n[e] && n[e].length > 0).map((e) => ({
+			region: e,
+			countries: n[e]
+		}));
+	}, [c, m]), b = (e) => {
+		u && u(e), p(!1);
+	}, x = y.length > 0;
+	return /* @__PURE__ */ o("div", {
+		className: "relative",
+		ref: g,
+		children: [/* @__PURE__ */ a("button", {
+			onClick: () => p(!f),
+			className: `flex items-center gap-2 px-3 py-2 rounded-button hover:bg-action-ghost-bg-hover transition-colors ${f ? "bg-action-ghost-bg-hover" : ""}`,
+			"aria-label": "Change country",
+			"aria-expanded": f,
+			children: d ? /* @__PURE__ */ a("svg", {
+				className: "w-5 h-5 text-text-primary",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ a("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"
+				})
+			}) : /* @__PURE__ */ o(i, { children: [
+				v && /* @__PURE__ */ a("span", {
+					className: "text-xl flex-shrink-0",
+					children: v.flag
+				}),
+				/* @__PURE__ */ a("span", {
+					className: "text-body-sm font-medium text-text-primary uppercase",
+					children: v?.code ?? "—"
+				}),
+				/* @__PURE__ */ a("svg", {
+					className: `w-4 h-4 text-text-secondary transition-transform ${f ? "rotate-180" : ""}`,
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ a("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M19 9l-7 7-7-7"
+					})
+				})
+			] })
+		}), f && /* @__PURE__ */ o("div", {
+			className: "absolute right-0 mt-2 w-[calc(100vw-1.5rem)] sm:w-72 max-w-72 bg-bg-elevated border border-border-default rounded-lg shadow-lg z-50 py-2",
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: "px-4 py-2 border-b border-border-subtle",
+					children: /* @__PURE__ */ a("p", {
+						className: "text-body-xs font-semibold text-text-secondary uppercase",
+						children: "Select Region"
+					})
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "px-3 py-2 border-b border-border-subtle",
+					children: /* @__PURE__ */ o("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ a("svg", {
+							className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary pointer-events-none",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24",
+							children: /* @__PURE__ */ a("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+							})
+						}), /* @__PURE__ */ a("input", {
+							ref: _,
+							type: "text",
+							value: m,
+							onChange: (e) => h(e.target.value),
+							placeholder: "Search countries...",
+							className: "w-full pl-8 pr-3 py-1.5 text-body-sm bg-bg-surface border border-border-default rounded-md text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-1 focus:ring-action-primary-bg"
+						})]
+					})
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "py-1 max-h-80 overflow-y-auto",
+					children: x ? y.map(({ region: e, countries: t }) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
+						className: "px-4 py-1.5",
+						children: /* @__PURE__ */ a("p", {
+							className: "text-body-xs font-semibold text-text-secondary uppercase tracking-wide",
+							children: e
+						})
+					}), t.map((e) => /* @__PURE__ */ o("button", {
+						onClick: () => b(e),
+						className: `w-full flex items-center gap-3 px-4 py-2.5 text-body-sm transition-colors ${e.code === l ? "bg-action-ghost-bg-hover text-text-primary font-medium" : "text-text-primary hover:bg-action-ghost-bg-hover"}`,
+						children: [
+							/* @__PURE__ */ a("span", {
+								className: "text-xl flex-shrink-0",
+								children: e.flag
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "flex-1 text-left min-w-0",
+								children: /* @__PURE__ */ a("p", {
+									className: "font-medium truncate",
+									children: e.name
+								})
+							}),
+							/* @__PURE__ */ a("span", {
+								className: "text-xs text-text-secondary flex-shrink-0",
+								children: e.code
+							}),
+							e.code === l && /* @__PURE__ */ a("svg", {
+								className: "w-5 h-5 text-action-primary-bg flex-shrink-0",
+								fill: "currentColor",
+								viewBox: "0 0 20 20",
+								children: /* @__PURE__ */ a("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.code))] }, e)) : /* @__PURE__ */ a("div", {
+						className: "px-4 py-6 text-center",
+						children: /* @__PURE__ */ a("p", {
+							className: "text-body-sm text-text-secondary",
+							children: "No countries found"
+						})
+					})
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { c as GeographySwitcher };

package/dist/chrome/GlobalSearch.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+import { SearchResult, SearchCategory } from '../shared/types';
+import { SearchFilters } from '../shared/hooks/shell/useGlobalSearch';
+export type { SearchResult, SearchCategory };
+/**
+ * Props for GlobalSearch component
+ */
+export interface GlobalSearchProps {
+    /** Whether the search dialog is open */
+    readonly open: boolean;
+    /** Callback when dialog should close */
+    readonly onClose: () => void;
+    /** Available search categories */
+    readonly categories?: readonly SearchCategory[];
+    /** Placeholder text for search input */
+    readonly placeholder?: string;
+    /** Recent search queries */
+    readonly recentSearches?: readonly string[];
+    /** Search function that returns results */
+    readonly onSearch: (query: string, category?: string, filters?: SearchFilters) => Promise<readonly SearchResult[]>;
+    /** Callback when a result is selected */
+    readonly onSelect: (result: SearchResult) => void;
+    /** Callback when user clicks "View all results" to open full search page */
+    readonly onViewAllResults?: (query: string, filters?: SearchFilters, category?: string) => void;
+    /** Custom class name */
+    readonly className?: string;
+}
+/**
+ * GlobalSearch Component
+ *
+ * Provides a keyboard-accessible global search interface with:
+ * - Category filtering
+ * - Recent searches
+ * - Debounced search
+ * - Keyboard navigation
+ *
+ * @example
+ * ```tsx
+ * <GlobalSearch
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   categories={categories}
+ *   onSearch={handleSearch}
+ *   onSelect={handleSelect}
+ * />
+ * ```
+ */
+export declare function GlobalSearch({ open, onClose, categories, placeholder, recentSearches, onSearch, onSelect, onViewAllResults, className, }: GlobalSearchProps): ReactNode;
+//# sourceMappingURL=GlobalSearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalSearch.d.ts","sourceRoot":"","sources":["../../src/chrome/GlobalSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EACV,aAAa,EAId,MAAM,uCAAuC,CAAC;AAG/C,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,wCAAwC;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,kCAAkC;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IAChD,wCAAwC;IACxC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5C,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,EAAE,CACjB,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,aAAa,KACpB,OAAO,CAAC,SAAS,YAAY,EAAE,CAAC,CAAC;IACtC,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,4EAA4E;IAC5E,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAC1B,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,aAAa,EACvB,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAC;IACV,wBAAwB;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAqDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,UAAe,EACf,WAAoC,EACpC,cAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACV,EAAE,iBAAiB,GAAG,SAAS,CA+oB/B"}