@burdenoff/fe-libs 2026.510.126

package/dist/chrome/Breadcrumb.d.ts

@@ -0,0 +1,47 @@
+import { FC } from 'react';
+import { NavItem } from './SideNavigation';
+/**
+ * Breadcrumb Props Interface
+ */
+export interface BreadcrumbProps {
+    /** Current active path */
+    currentPath: string;
+    /** Navigation items hierarchy to build breadcrumbs from */
+    navigationItems: NavItem[];
+    /** Click handler for breadcrumb items */
+    onNavigate: (path: string) => void;
+    /** Show home icon as first item */
+    showHome?: boolean;
+    /** Home path (defaults to '/') */
+    homePath?: string;
+    /** Maximum breadcrumb items to show (truncate middle if exceeded) */
+    maxItems?: number;
+    /** Custom label resolver for dynamic segments (e.g., :id -> actual name) */
+    labelResolver?: (path: string, segment: string) => string | undefined;
+}
+/**
+ * Breadcrumb Component
+ *
+ * Automatically generates breadcrumbs from the current route and navigation hierarchy.
+ *
+ * Features:
+ * - Builds breadcrumb trail from navigation items
+ * - Supports nested navigation
+ * - Optional home icon as first item
+ * - Truncation support for long breadcrumb trails
+ * - Custom label resolver for dynamic segments
+ * - Responsive design (truncates on mobile)
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   currentPath="/tenants/new"
+ *   navigationItems={navItems}
+ *   onNavigate={(path) => navigate(path)}
+ *   showHome
+ * />
+ * // Renders: Home > Tenants > Create Tenant
+ * ```
+ */
+export declare const Breadcrumb: FC<BreadcrumbProps>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/chrome/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IAEpB,2DAA2D;IAC3D,eAAe,EAAE,OAAO,EAAE,CAAC;IAE3B,yCAAyC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CACvE;AAiGD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsF1C,CAAC"}

package/dist/chrome/Breadcrumbs.d.ts

@@ -0,0 +1,69 @@
+import { FC, ReactNode } from 'react';
+/**
+ * Breadcrumb Item Interface
+ *
+ * Represents a single breadcrumb item in the navigation trail.
+ */
+export interface BreadcrumbItem {
+    /** Label text to display */
+    label: string;
+    /** Optional href for navigation */
+    href?: string;
+    /** Optional icon component */
+    icon?: ReactNode;
+    /** Click handler (use instead of href for custom navigation) */
+    onClick?: () => void;
+    /** Whether this is the current page */
+    isCurrentPage?: boolean;
+}
+/**
+ * Breadcrumbs Props Interface
+ *
+ * Generic breadcrumb navigation component that accepts all data via props.
+ * No dependencies on routing libraries - pure presentation component.
+ */
+export interface BreadcrumbsProps {
+    /** Array of breadcrumb items */
+    items: BreadcrumbItem[];
+    /** Custom separator element (defaults to chevron) */
+    separator?: ReactNode;
+    /** Whether to show home icon as first item */
+    showHome?: boolean;
+    /** Home click handler */
+    onHomeClick?: () => void;
+    /** Maximum items to show before collapsing (defaults to 5) */
+    maxItems?: number;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Breadcrumbs Component
+ *
+ * Generic breadcrumb navigation for app shells. Pure presentation component
+ * that accepts all data via props.
+ *
+ * Features:
+ * - Dynamic breadcrumb trail
+ * - Optional home icon
+ * - Collapsible items (ellipsis) when exceeds maxItems
+ * - Custom separators
+ * - Active page indication
+ * - Accessible navigation
+ *
+ * Uses semantic tokens for styling, which must be provided by the shell.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumbs
+ *   items={[
+ *     { label: 'Workspaces', href: '/workspaces' },
+ *     { label: 'My Workspace', href: '/workspaces/123' },
+ *     { label: 'Documents', isCurrentPage: true }
+ *   ]}
+ *   showHome
+ *   onHomeClick={() => navigate('/')}
+ * />
+ * ```
+ */
+export declare const Breadcrumbs: FC<BreadcrumbsProps>;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/chrome/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB,qDAAqD;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4H5C,CAAC"}

package/dist/chrome/Breadcrumbs.js

@@ -0,0 +1,78 @@
+import { cn as e } from "../shared-utils.js";
+import { Fragment as t, useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/chrome/Breadcrumbs.tsx
+var a = ({ items: a, separator: o, showHome: s = !0, onHomeClick: c, maxItems: l = 5, className: u }) => {
+	let d = n(() => a.length <= l ? a : [
+		a[0],
+		{
+			label: "...",
+			isEllipsis: !0
+		},
+		...a.slice(-2)
+	], [a, l]), f = /* @__PURE__ */ r("svg", {
+		className: "w-icon-sm h-icon-sm text-text-tertiary",
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ r("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M9 5l7 7-7 7"
+		})
+	});
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": "Breadcrumb",
+		className: e("flex items-center gap-icon-gap text-body-sm", u),
+		children: /* @__PURE__ */ i("ol", {
+			className: "flex items-center gap-icon-gap",
+			children: [s && /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("button", {
+				onClick: c,
+				className: "text-text-secondary hover:text-text-primary transition-colors p-1 rounded hover:bg-action-ghost-bg-hover",
+				"aria-label": "Home",
+				children: /* @__PURE__ */ r("svg", {
+					className: "w-icon-md h-icon-md",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ r("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
+					})
+				})
+			}) }), d.map((n, a) => {
+				if (!n) return null;
+				let c = "isEllipsis" in n && n.isEllipsis;
+				return /* @__PURE__ */ i(t, { children: [(s || a > 0) && /* @__PURE__ */ r("li", {
+					"aria-hidden": "true",
+					className: "flex items-center",
+					children: o || f
+				}), /* @__PURE__ */ r("li", { children: c ? /* @__PURE__ */ r("span", {
+					className: "text-text-tertiary px-2",
+					children: "..."
+				}) : n.href || n.onClick ? /* @__PURE__ */ i("button", {
+					onClick: n.onClick || (() => {}),
+					className: e("flex items-center gap-icon-gap px-2 py-1 rounded transition-colors", n.isCurrentPage ? "text-text-primary font-medium pointer-events-none" : "text-text-secondary hover:text-text-primary hover:bg-action-ghost-bg-hover"),
+					"aria-current": n.isCurrentPage ? "page" : void 0,
+					children: [n.icon && /* @__PURE__ */ r("span", {
+						className: "flex items-center",
+						children: n.icon
+					}), /* @__PURE__ */ r("span", { children: n.label })]
+				}) : /* @__PURE__ */ i("span", {
+					className: e("flex items-center gap-icon-gap px-2 py-1", n.isCurrentPage ? "text-text-primary font-medium" : "text-text-secondary"),
+					"aria-current": n.isCurrentPage ? "page" : void 0,
+					children: [n.icon && /* @__PURE__ */ r("span", {
+						className: "flex items-center",
+						children: n.icon
+					}), /* @__PURE__ */ r("span", { children: n.label })]
+				}) })] }, a);
+			})]
+		})
+	});
+};
+//#endregion
+export { a as Breadcrumbs };

package/dist/chrome/CommandPalette.d.ts

@@ -0,0 +1,64 @@
+import { ReactNode } from 'react';
+/**
+ * Represents a single command action
+ */
+export interface CommandAction {
+    readonly id: string;
+    readonly label: string;
+    readonly description?: string;
+    readonly icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    readonly keywords?: readonly string[];
+    readonly shortcut?: string;
+    readonly action: () => void | Promise<void>;
+    readonly section?: string;
+    readonly hidden?: boolean;
+}
+/**
+ * Keyboard shortcut configuration
+ */
+export interface KeyboardShortcut {
+    readonly keys: string;
+    readonly actionId: string;
+}
+/**
+ * Props for CommandPalette component
+ */
+export interface CommandPaletteProps {
+    /** Available command actions */
+    readonly actions: readonly CommandAction[];
+    /** Additional keyboard shortcuts */
+    readonly shortcuts?: readonly KeyboardShortcut[];
+    /** Placeholder text */
+    readonly placeholder?: string;
+    /** Custom class name */
+    readonly className?: string;
+}
+/**
+ * CommandPalette Component
+ *
+ * Provides a keyboard-accessible command palette with:
+ * - Global keyboard shortcuts (Cmd+K / Ctrl+K)
+ * - Action-specific shortcuts
+ * - Fuzzy search across commands
+ * - Grouped command sections
+ *
+ * @example
+ * ```tsx
+ * const actions: CommandAction[] = [
+ *   {
+ *     id: 'new-doc',
+ *     label: 'Create New Document',
+ *     icon: FilePlus,
+ *     shortcut: 'mod+n',
+ *     action: () => navigate('/new'),
+ *     section: 'Actions',
+ *   },
+ * ];
+ *
+ * <CommandPalette actions={actions} />
+ * ```
+ */
+export declare function CommandPalette({ actions, shortcuts, placeholder, className, }: CommandPaletteProps): ReactNode;
+//# sourceMappingURL=CommandPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../src/chrome/CommandPalette.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,gCAAgC;IAChC,QAAQ,CAAC,OAAO,EAAE,SAAS,aAAa,EAAE,CAAC;IAC3C,oCAAoC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACjD,uBAAuB;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAoDD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,SAAc,EACd,WAA2C,EAC3C,SAAS,GACV,EAAE,mBAAmB,GAAG,SAAS,CAqQjC"}

package/dist/chrome/CommandPalette.js

@@ -0,0 +1,189 @@
+import { cn as e } from "../utils/cn.js";
+import "../utils/index.js";
+import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
+import { Search as a, X as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/chrome/CommandPalette.tsx
+function l(e) {
+	let t = e.toLowerCase().split("+").map((e) => e.trim()), n = t.length - 1;
+	return {
+		mod: t.includes("mod"),
+		ctrl: t.includes("ctrl"),
+		alt: t.includes("alt"),
+		shift: t.includes("shift"),
+		meta: t.includes("meta"),
+		key: t[n] || ""
+	};
+}
+function u(e, t) {
+	let n = l(t);
+	return n.mod && !(e.metaKey || e.ctrlKey) || n.ctrl && !e.ctrlKey || n.alt && !e.altKey || n.shift && !e.shiftKey || n.meta && !e.metaKey || !e.key ? !1 : e.key.toLowerCase() === n.key;
+}
+function d({ actions: l, shortcuts: d = [], placeholder: f = "Type a command or search...", className: p }) {
+	let [m, h] = i(!1), [g, _] = i(""), [v, y] = i(0), b = r(() => l.filter((e) => !e.hidden), [l]), x = t(async (e) => {
+		try {
+			await e.action(), h(!1);
+		} catch (e) {
+			console.error("Failed to execute command:", e);
+		}
+	}, []), S = r(() => {
+		if (!g.trim()) return b;
+		let e = g.toLowerCase();
+		return b.filter((t) => {
+			let n = t.label.toLowerCase().includes(e), r = t.keywords?.some((t) => t.toLowerCase().includes(e)), i = t.description?.toLowerCase().includes(e);
+			return n || r || i;
+		});
+	}, [b, g]);
+	n(() => {
+		m || (_(""), y(0));
+	}, [m]), n(() => {
+		let e = (e) => {
+			if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+				e.preventDefault(), h((e) => !e);
+				return;
+			}
+			if (m) {
+				if (e.key === "Escape") e.preventDefault(), h(!1);
+				else if (e.key === "ArrowDown") e.preventDefault(), y((e) => e < S.length - 1 ? e + 1 : e);
+				else if (e.key === "ArrowUp") e.preventDefault(), y((e) => e > 0 ? e - 1 : e);
+				else if (e.key === "Enter") {
+					e.preventDefault();
+					let t = S[v];
+					t && x(t);
+				}
+				return;
+			}
+			for (let t of d) if (u(e, t.keys)) {
+				e.preventDefault();
+				let n = b.find((e) => e.id === t.actionId);
+				n && x(n);
+				return;
+			}
+			for (let t of b) if (t.shortcut && u(e, t.shortcut)) {
+				e.preventDefault(), x(t);
+				return;
+			}
+		};
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [
+		x,
+		S,
+		m,
+		v,
+		d,
+		b
+	]);
+	let C = r(() => S.reduce((e, t) => {
+		let n = t.section || "Actions";
+		return e[n] || (e[n] = []), e[n].push(t), e;
+	}, {}), [S]);
+	if (n(() => {
+		y(0);
+	}, [S]), !m) return null;
+	let w = 0;
+	return /* @__PURE__ */ s("div", {
+		className: e("fixed inset-0 z-[9999] flex items-center justify-center bg-bg-overlay backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", p),
+		onClick: () => h(!1),
+		"data-state": m ? "open" : "closed",
+		role: "dialog",
+		"aria-modal": "true",
+		children: /* @__PURE__ */ s("div", {
+			className: "w-full max-w-lg mx-4 max-h-[85dvh] overflow-hidden",
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ c("div", {
+				className: "overflow-hidden rounded-xl border-2 border-border/50 bg-background shadow-2xl",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center border-b px-3",
+						children: [
+							/* @__PURE__ */ s(a, { className: "h-4 w-4 mr-2 flex-shrink-0 opacity-50" }),
+							/* @__PURE__ */ s("input", {
+								type: "text",
+								placeholder: f,
+								value: g,
+								onChange: (e) => _(e.target.value),
+								className: "flex-1 bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground",
+								autoFocus: !0
+							}),
+							g && /* @__PURE__ */ s("button", {
+								onClick: () => _(""),
+								className: "ml-2 rounded-sm opacity-70 hover:opacity-100",
+								"aria-label": "Clear search",
+								children: /* @__PURE__ */ s(o, { className: "h-4 w-4" })
+							})
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "max-h-96 overflow-y-auto p-2",
+						children: [S.length === 0 && /* @__PURE__ */ s("div", {
+							className: "py-6 text-center text-sm text-muted-foreground",
+							children: "No commands found."
+						}), Object.entries(C).map(([t, n]) => /* @__PURE__ */ c("div", {
+							className: "mb-2 last:mb-0",
+							children: [/* @__PURE__ */ s("div", {
+								className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+								children: t
+							}), n.map((t) => {
+								let n = t.icon, r = w;
+								return w++, /* @__PURE__ */ c("button", {
+									onClick: () => void x(t),
+									className: e("w-full flex items-start gap-2 px-2 py-2 text-sm rounded-md transition-colors text-left", r === v ? "bg-accent" : "hover:bg-accent/50"),
+									children: [
+										n && /* @__PURE__ */ s(n, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }),
+										/* @__PURE__ */ c("div", {
+											className: "flex-1 min-w-0",
+											children: [/* @__PURE__ */ s("div", {
+												className: "font-medium",
+												children: t.label
+											}), t.description && /* @__PURE__ */ s("div", {
+												className: "text-xs text-muted-foreground",
+												children: t.description
+											})]
+										}),
+										t.shortcut && /* @__PURE__ */ s("kbd", {
+											className: "ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-50",
+											children: t.shortcut
+										})
+									]
+								}, t.id);
+							})]
+						}, t))]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "border-t px-3 py-2 text-xs text-muted-foreground flex items-center justify-between",
+						children: [
+							/* @__PURE__ */ c("div", { children: [
+								/* @__PURE__ */ s("kbd", {
+									className: "inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-[10px]",
+									children: "↑↓"
+								}),
+								" ",
+								"Navigate"
+							] }),
+							/* @__PURE__ */ c("div", { children: [
+								/* @__PURE__ */ s("kbd", {
+									className: "inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-[10px]",
+									children: "Enter"
+								}),
+								" ",
+								"Execute"
+							] }),
+							/* @__PURE__ */ c("div", { children: [
+								/* @__PURE__ */ s("kbd", {
+									className: "inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-[10px]",
+									children: "Esc"
+								}),
+								" ",
+								"Close"
+							] })
+						]
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { d as CommandPalette };

package/dist/chrome/ContextSwitcher.d.ts

@@ -0,0 +1,48 @@
+import { FC } from 'react';
+export interface Organization {
+    id: string;
+    name: string;
+    slug?: string;
+}
+export interface Workspace {
+    id: string;
+    name: string;
+    organizationId: string;
+    slug?: string;
+}
+export interface Project {
+    id: string;
+    name: string;
+    workspaceId: string;
+    slug?: string;
+}
+export interface ContextSwitcherProps {
+    organizations: Organization[];
+    workspaces: Workspace[];
+    projects: Project[];
+    currentOrganizationId?: string;
+    currentWorkspaceId?: string;
+    currentProjectId?: string;
+    onOrganizationChange?: (org: Organization) => void;
+    onWorkspaceChange?: (workspace: Workspace) => void;
+    onProjectChange?: (project: Project) => void;
+    /** Show as icon only (for small screens) */
+    compact?: boolean;
+}
+/**
+ * ContextSwitcher Component
+ *
+ * Hierarchical switcher for:
+ * - Organization
+ * - Workspace (filtered by selected org)
+ * - Project (filtered by selected workspace)
+ *
+ * Features:
+ * - Search filter in each tab
+ * - Auto-focus search on tab switch
+ * - Clear search when changing tabs
+ * - Mobile: Uses bottom sheet for better touch interaction
+ * - Desktop: Uses dropdown/popover
+ */
+export declare const ContextSwitcher: FC<ContextSwitcherProps>;
+//# sourceMappingURL=ContextSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/ContextSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwID;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAydpD,CAAC"}