import type { LayoutStore } from "./store.svelte.js";
/**
 * Reactive prop binding for the NavigationPanel component.
 */
export interface NavigationConnection {
  /** Currently active navigation item ID */
  readonly activeId: string | null;
  /** Set of collapsed section IDs */
  readonly collapsedIds: Set<string>;
  /** Handler for when a navigation item is selected */
  onSelect: (item: {
    id?: string;
  }) => void;
  /** Handler for when a section is toggled */
  onToggle: (id: string, isOpen: boolean) => void;
}
/**
 * Reactive prop binding for the WorkspaceStrip component.
 */
export interface WorkspaceConnection {
  /** Currently active workspace ID */
  readonly activeId: string | null;
  /** Handler for when a workspace is selected */
  onSelect: (id: string) => void;
}
/**
 * Creates reactive prop bindings for connecting NavigationPanel to LayoutStore.
 * Returns an object with getter properties that track LayoutStore state.
 *
 * @param layoutStore - The LayoutStore instance from context
 * @returns Prop bindings compatible with NavigationPanel
 *
 * @example
 * ```svelte
 * <script>
 *   const layoutStore = getLayoutStore();
 *   const nav = createNavigationConnection(layoutStore);
 * </script>
 * <NavigationPanel {sections} activeId={nav.activeId} collapsedIds={nav.collapsedIds}
 *   onSelect={nav.onSelect} onToggle={nav.onToggle} />
 * ```
 */
export declare function createNavigationConnection(
  layoutStore: Pick<
    LayoutStore,
    | "activeNavItemId"
    | "collapsedSections"
    | "navigate"
    | "expandSection"
    | "collapseSection"
  >,
): NavigationConnection;
/**
 * Creates reactive prop bindings for connecting WorkspaceStrip to LayoutStore.
 *
 * @param layoutStore - The LayoutStore instance from context
 * @returns Prop bindings compatible with WorkspaceStrip
 */
export declare function createWorkspaceConnection(
  layoutStore: Pick<LayoutStore, "activeWorkspaceId" | "activateWorkspace">,
): WorkspaceConnection;