@embedpdf/plugin-ui 2.1.1 → 2.2.0

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-ui.ts","../../src/shared/hooks/use-ui-container.ts","../../src/shared/registries/anchor-registry.tsx","../../src/shared/hooks/use-register-anchor.ts","../../src/shared/registries/component-registry.tsx","../../src/shared/hooks/use-item-renderer.tsx","../../src/shared/registries/renderers-registry.tsx","../../src/shared/hooks/use-schema-renderer.tsx","../../src/shared/hooks/use-selection-menu.tsx","../../src/shared/auto-menu-renderer.tsx","../../src/shared/root.tsx","../../src/shared/provider.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { UIPlugin } from '@embedpdf/plugin-ui';\nimport { useState, useEffect } from '@framework';\nimport { UIDocumentState, UISchema } from '@embedpdf/plugin-ui';\n\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\n\n/**\n * Get UI state for a document\n */\nexport const useUIState = (documentId: string) => {\n  const { provides } = useUICapability();\n  const [state, setState] = useState<UIDocumentState | null>(null);\n\n  useEffect(() => {\n    if (!provides) return;\n\n    const scope = provides.forDocument(documentId);\n    setState(scope.getState());\n\n    // Subscribe to changes\n    const unsubToolbar = scope.onToolbarChanged(() => setState(scope.getState()));\n    const unsubSidebar = scope.onSidebarChanged(() => setState(scope.getState()));\n    const unsubModal = scope.onModalChanged(() => setState(scope.getState()));\n    const unsubMenu = scope.onMenuChanged(() => setState(scope.getState()));\n\n    return () => {\n      unsubToolbar();\n      unsubSidebar();\n      unsubModal();\n      unsubMenu();\n    };\n  }, [provides, documentId]);\n\n  return state;\n};\n\n/**\n * Get UI schema\n */\nexport const useUISchema = (): UISchema | null => {\n  const { provides } = useUICapability();\n  return provides?.getSchema() ?? null;\n};\n","import { createContext, useContext, RefObject } from '@framework';\n\nexport interface UIContainerContextValue {\n  /** Reference to the UIRoot container element */\n  containerRef: RefObject<HTMLDivElement>;\n  /** Get the container element (may be null if not mounted) */\n  getContainer: () => HTMLDivElement | null;\n}\n\nexport const UIContainerContext = createContext<UIContainerContextValue | null>(null);\n\n/**\n * Hook to access the UI container element.\n *\n * This provides access to the UIRoot container for:\n * - Container query based responsiveness\n * - Portaling elements to the root\n * - Measuring container dimensions\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { containerRef, getContainer } = useUIContainer();\n *\n *   // Use containerRef for ResizeObserver\n *   useEffect(() => {\n *     const container = getContainer();\n *     if (!container) return;\n *\n *     const observer = new ResizeObserver(() => {\n *       console.log('Container width:', container.clientWidth);\n *     });\n *     observer.observe(container);\n *     return () => observer.disconnect();\n *   }, [getContainer]);\n *\n *   // Or portal to the container\n *   return createPortal(<Modal />, getContainer()!);\n * }\n * ```\n */\nexport function useUIContainer(): UIContainerContextValue {\n  const context = useContext(UIContainerContext);\n  if (!context) {\n    throw new Error('useUIContainer must be used within a UIProvider');\n  }\n  return context;\n}\n","import { createContext, useContext, useRef, useCallback } from '@framework';\nimport type { ReactNode } from '@framework';\n\n/**\n * Anchor Registry\n *\n * Tracks DOM elements for menu positioning.\n * Each anchor is scoped by documentId and itemId.\n */\nexport interface AnchorRegistry {\n  register(documentId: string, itemId: string, element: HTMLElement): void;\n  unregister(documentId: string, itemId: string): void;\n  getAnchor(documentId: string, itemId: string): HTMLElement | null;\n}\n\nconst AnchorRegistryContext = createContext<AnchorRegistry | null>(null);\n\nexport function AnchorRegistryProvider({ children }: { children: ReactNode }) {\n  const anchorsRef = useRef<Map<string, HTMLElement>>(new Map());\n\n  const registry: AnchorRegistry = {\n    register: useCallback((documentId: string, itemId: string, element: HTMLElement) => {\n      const key = `${documentId}:${itemId}`;\n      anchorsRef.current.set(key, element);\n    }, []),\n\n    unregister: useCallback((documentId: string, itemId: string) => {\n      const key = `${documentId}:${itemId}`;\n      anchorsRef.current.delete(key);\n    }, []),\n\n    getAnchor: useCallback((documentId: string, itemId: string) => {\n      const key = `${documentId}:${itemId}`;\n      return anchorsRef.current.get(key) || null;\n    }, []),\n  };\n\n  return (\n    <AnchorRegistryContext.Provider value={registry}>{children}</AnchorRegistryContext.Provider>\n  );\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n  const context = useContext(AnchorRegistryContext);\n  if (!context) {\n    throw new Error('useAnchorRegistry must be used within UIProvider');\n  }\n  return context;\n}\n","import { useCallback, useRef } from '@framework';\nimport { useAnchorRegistry } from '../registries/anchor-registry';\n\n/**\n * Register a DOM element as an anchor for menus\n *\n * @param documentId - Document ID\n * @param itemId - Item ID (typically matches the toolbar/menu item ID)\n * @returns Ref callback to attach to the element\n *\n * @example\n * ```tsx\n * function ZoomButton({ documentId }: Props) {\n *   const anchorRef = useRegisterAnchor(documentId, 'zoom-button');\n *\n *   return <button ref={anchorRef}>Zoom</button>;\n * }\n * ```\n */\nexport function useRegisterAnchor(\n  documentId: string,\n  itemId: string,\n): (element: HTMLElement | null) => void {\n  const registry = useAnchorRegistry();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const documentIdRef = useRef(documentId);\n  const itemIdRef = useRef(itemId);\n\n  // Keep refs in sync\n  documentIdRef.current = documentId;\n  itemIdRef.current = itemId;\n\n  // Return stable callback that uses refs\n  return useCallback(\n    (element: HTMLElement | null) => {\n      // Store previous element\n      const previousElement = elementRef.current;\n\n      // Update ref\n      elementRef.current = element;\n\n      // Handle registration/unregistration\n      if (element) {\n        // Register new element\n        if (element !== previousElement) {\n          registry.register(documentIdRef.current, itemIdRef.current, element);\n        }\n      } else if (previousElement) {\n        // Element is now null, but we had one before - unregister\n        registry.unregister(documentIdRef.current, itemIdRef.current);\n      }\n    },\n    [registry], // Only depend on registry!\n  );\n}\n","import { createContext, useContext, useRef, useCallback } from '@framework';\nimport type { ComponentType, ReactNode } from '@framework';\nimport { BaseComponentProps } from '../types';\n\n/**\n * Component Registry\n *\n * Stores custom components that can be referenced in the UI schema.\n */\nexport interface ComponentRegistry {\n  register(id: string, component: ComponentType<BaseComponentProps>): void;\n  unregister(id: string): void;\n  get(id: string): ComponentType<BaseComponentProps> | undefined;\n  has(id: string): boolean;\n  getRegisteredIds(): string[];\n}\n\nconst ComponentRegistryContext = createContext<ComponentRegistry | null>(null);\n\nexport interface ComponentRegistryProviderProps {\n  children: ReactNode;\n  initialComponents?: Record<string, ComponentType<BaseComponentProps>>;\n}\n\nexport function ComponentRegistryProvider({\n  children,\n  initialComponents = {},\n}: ComponentRegistryProviderProps) {\n  const componentsRef = useRef<Map<string, ComponentType<BaseComponentProps>>>(\n    new Map(Object.entries(initialComponents)),\n  );\n\n  const registry: ComponentRegistry = {\n    register: useCallback((id: string, component: ComponentType<BaseComponentProps>) => {\n      componentsRef.current.set(id, component);\n    }, []),\n\n    unregister: useCallback((id: string) => {\n      componentsRef.current.delete(id);\n    }, []),\n\n    get: useCallback((id: string) => {\n      return componentsRef.current.get(id);\n    }, []),\n\n    has: useCallback((id: string) => {\n      return componentsRef.current.has(id);\n    }, []),\n\n    getRegisteredIds: useCallback(() => {\n      return Array.from(componentsRef.current.keys());\n    }, []),\n  };\n\n  return (\n    <ComponentRegistryContext.Provider value={registry}>\n      {children}\n    </ComponentRegistryContext.Provider>\n  );\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n  const context = useContext(ComponentRegistryContext);\n  if (!context) {\n    throw new Error('useComponentRegistry must be used within UIProvider');\n  }\n  return context;\n}\n","import { useComponentRegistry } from '../registries/component-registry';\n\n/**\n * Helper utilities for building renderers\n */\nexport function useItemRenderer() {\n  const componentRegistry = useComponentRegistry();\n\n  return {\n    /**\n     * Render a custom component by ID\n     *\n     * @param componentId - Component ID from schema\n     * @param documentId - Document ID\n     * @param props - Additional props to pass to component\n     * @returns Rendered component or null if not found\n     */\n    renderCustomComponent: (componentId: string, documentId: string, props?: any) => {\n      const Component = componentRegistry.get(componentId);\n\n      if (!Component) {\n        console.error(`Component \"${componentId}\" not found in registry`);\n        return null;\n      }\n\n      return <Component documentId={documentId} {...(props || {})} />;\n    },\n  };\n}\n","import { createContext, useContext } from '@framework';\nimport type { ReactNode } from '@framework';\nimport { UIRenderers } from '../types';\n\n/**\n * Renderers Registry\n *\n * Provides access to user-supplied renderers (toolbar, panel, menu).\n */\nconst RenderersContext = createContext<UIRenderers | null>(null);\n\nexport interface RenderersProviderProps {\n  children: ReactNode;\n  renderers: UIRenderers;\n}\n\nexport function RenderersProvider({ children, renderers }: RenderersProviderProps) {\n  return <RenderersContext.Provider value={renderers}>{children}</RenderersContext.Provider>;\n}\n\nexport function useRenderers(): UIRenderers {\n  const context = useContext(RenderersContext);\n  if (!context) {\n    throw new Error('useRenderers must be used within UIProvider');\n  }\n  return context;\n}\n","import { Fragment } from '@framework';\nimport { useUICapability, useUIState } from './use-ui';\nimport { useRenderers } from '../registries/renderers-registry';\n\n/**\n * High-level hook for rendering UI from schema\n *\n * Provides simple functions to render toolbars, sidebars, and modals.\n * Always passes isOpen state to renderers so they can control animations.\n *\n * Automatically subscribes to UI state changes for the given document.\n */\nexport function useSchemaRenderer(documentId: string) {\n  const renderers = useRenderers();\n  const { provides } = useUICapability();\n  const schema = provides?.getSchema();\n  const uiState = useUIState(documentId); // Subscribe to state changes\n\n  return {\n    /**\n     * Render a toolbar by placement and slot\n     *\n     * Always renders with isOpen state when toolbar exists in slot.\n     *\n     * @param placement - 'top' | 'bottom' | 'left' | 'right'\n     * @param slot - Slot name (e.g. 'main', 'secondary')\n     *\n     * @example\n     * ```tsx\n     * {renderToolbar('top', 'main')}\n     * {renderToolbar('top', 'secondary')}\n     * ```\n     */\n    renderToolbar: (placement: 'top' | 'bottom' | 'left' | 'right', slot: string) => {\n      const slotKey = `${placement}-${slot}`;\n\n      if (!schema || !provides || !uiState) {\n        return null;\n      }\n\n      const toolbarSlot = uiState.activeToolbars[slotKey];\n      const toolbarSchema = toolbarSlot ? schema.toolbars[toolbarSlot.toolbarId] : null;\n\n      if (toolbarSlot && !toolbarSchema) {\n        console.warn(`Toolbar \"${toolbarSlot.toolbarId}\" not found in schema`);\n      }\n\n      const isClosable = toolbarSchema ? !toolbarSchema.permanent : false;\n      const handleClose = isClosable\n        ? () => provides.forDocument(documentId).closeToolbarSlot(placement, slot)\n        : undefined;\n\n      const ToolbarRenderer = renderers.toolbar;\n\n      // Always return the same element type (div) with stable key\n      return (\n        <Fragment key={`toolbar-slot-${slotKey}`}>\n          {toolbarSlot && toolbarSchema && (\n            <ToolbarRenderer\n              schema={toolbarSchema}\n              documentId={documentId}\n              isOpen={toolbarSlot.isOpen}\n              onClose={handleClose}\n            />\n          )}\n        </Fragment>\n      );\n    },\n\n    /**\n     * Render a sidebar by placement and slot\n     *\n     * ALWAYS renders (when sidebar exists in slot) with isOpen state.\n     * Your renderer controls whether to display or animate.\n     *\n     * @param placement - 'left' | 'right' | 'top' | 'bottom'\n     * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n     *\n     * @example\n     * ```tsx\n     * {renderSidebar('left', 'main')}\n     * {renderSidebar('right', 'main')}\n     * ```\n     */\n    renderSidebar: (placement: 'left' | 'right' | 'top' | 'bottom', slot: string) => {\n      const slotKey = `${placement}-${slot}`;\n\n      if (!schema || !provides || !uiState) {\n        return null;\n      }\n\n      const sidebarSlot = uiState.activeSidebars[slotKey];\n      const sidebarSchema = sidebarSlot ? schema.sidebars?.[sidebarSlot.sidebarId] : null;\n\n      if (sidebarSlot && !sidebarSchema) {\n        console.warn(`Sidebar \"${sidebarSlot.sidebarId}\" not found in schema`);\n      }\n\n      const handleClose = () => {\n        provides.forDocument(documentId).closeSidebarSlot(placement, slot);\n      };\n\n      const SidebarRenderer = renderers.sidebar;\n\n      // Always return the same element type (Fragment) with stable key\n      return (\n        <Fragment key={`sidebar-slot-${slotKey}`}>\n          {sidebarSlot && sidebarSchema && (\n            <SidebarRenderer\n              schema={sidebarSchema}\n              documentId={documentId}\n              isOpen={sidebarSlot.isOpen}\n              onClose={handleClose}\n            />\n          )}\n        </Fragment>\n      );\n    },\n\n    /**\n     * Render the active modal (if any)\n     *\n     * Only one modal can be active at a time.\n     * Modals are defined in schema.modals.\n     *\n     * Supports animation lifecycle:\n     * - isOpen: true = visible\n     * - isOpen: false = animate out (modal still rendered)\n     * - onExited called after animation → modal removed\n     *\n     * @example\n     * ```tsx\n     * {renderModal()}\n     * ```\n     */\n    renderModal: () => {\n      if (!schema || !provides || !uiState) {\n        return null;\n      }\n\n      const ModalRenderer = renderers.modal;\n      if (!ModalRenderer) {\n        return null;\n      }\n\n      const activeModal = uiState.activeModal;\n      const modalSchema = activeModal ? schema.modals?.[activeModal.modalId] : null;\n\n      if (activeModal && !modalSchema) {\n        console.warn(`Modal \"${activeModal.modalId}\" not found in schema`);\n      }\n\n      const handleClose = () => {\n        provides.forDocument(documentId).closeModal();\n      };\n\n      const handleExited = () => {\n        provides.forDocument(documentId).clearModal();\n      };\n\n      // Always return the same element type (Fragment) with stable key\n      return (\n        <Fragment key=\"modal-slot\">\n          {activeModal && modalSchema && (\n            <ModalRenderer\n              schema={modalSchema}\n              documentId={documentId}\n              isOpen={activeModal.isOpen}\n              onClose={handleClose}\n              onExited={handleExited}\n            />\n          )}\n        </Fragment>\n      );\n    },\n\n    /**\n     * Helper: Get all active toolbars for this document\n     * Useful for batch rendering or debugging\n     */\n    getActiveToolbars: () => {\n      if (!uiState) return [];\n      return Object.entries(uiState.activeToolbars).map(([slotKey, toolbarSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          toolbarId: toolbarSlot.toolbarId,\n          isOpen: toolbarSlot.isOpen,\n        };\n      });\n    },\n\n    /**\n     * Helper: Get all active sidebars for this document\n     * Useful for batch rendering or debugging\n     */\n    getActiveSidebars: () => {\n      if (!uiState) return [];\n      return Object.entries(uiState.activeSidebars).map(([slotKey, sidebarSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          sidebarId: sidebarSlot.sidebarId,\n          isOpen: sidebarSlot.isOpen,\n        };\n      });\n    },\n\n    /**\n     * Render all enabled overlays\n     *\n     * Overlays are floating components positioned over the document content.\n     * Unlike modals, multiple overlays can be visible and they don't block interaction.\n     *\n     * @example\n     * ```tsx\n     * <div className=\"relative\">\n     *   {children}\n     *   {renderOverlays()}\n     * </div>\n     * ```\n     */\n    renderOverlays: () => {\n      if (!schema || !provides) {\n        return null;\n      }\n\n      const OverlayRenderer = renderers.overlay;\n      if (!OverlayRenderer) {\n        return null;\n      }\n\n      const overlays = schema.overlays ? Object.values(schema.overlays) : [];\n\n      // Always return the same element type (Fragment) with stable key\n      return (\n        <Fragment key=\"overlays-slot\">\n          {overlays.map((overlaySchema) => (\n            <OverlayRenderer\n              key={overlaySchema.id}\n              schema={overlaySchema}\n              documentId={documentId}\n            />\n          ))}\n        </Fragment>\n      );\n    },\n  };\n}\n","import { useCallback } from '@framework';\nimport { SelectionMenuPropsBase, SelectionMenuRenderFn } from '@embedpdf/utils/@framework';\nimport { useUICapability } from './use-ui';\nimport { useRenderers } from '../registries/renderers-registry';\n\n/**\n * Creates a render function for a selection menu from the schema\n *\n * @param menuId - The selection menu ID from schema\n * @param documentId - Document ID\n * @returns A render function compatible with layer selectionMenu props\n */\nexport function useSelectionMenu<TContext extends { type: string }>(\n  menuId: string,\n  documentId: string,\n): SelectionMenuRenderFn<TContext> | undefined {\n  const { provides } = useUICapability();\n  const renderers = useRenderers();\n\n  const renderFn = useCallback(\n    (props: SelectionMenuPropsBase<TContext>) => {\n      const schema = provides?.getSchema();\n      const menuSchema = schema?.selectionMenus?.[menuId];\n\n      if (!menuSchema) {\n        return null;\n      }\n\n      if (!props.selected) {\n        return null;\n      }\n\n      const SelectionMenuRenderer = renderers.selectionMenu;\n\n      return <SelectionMenuRenderer schema={menuSchema} documentId={documentId} props={props} />;\n    },\n    [provides, renderers, menuId, documentId],\n  );\n\n  // Return undefined if schema doesn't have this menu\n  const schema = provides?.getSchema();\n  if (!schema?.selectionMenus?.[menuId]) {\n    return undefined;\n  }\n\n  return renderFn;\n}\n","import { useState, useEffect } from '@framework';\nimport { useUIState, useUICapability } from './hooks/use-ui';\nimport { useAnchorRegistry } from './registries/anchor-registry';\nimport { useRenderers } from './registries/renderers-registry';\n\n/**\n * Automatically renders menus when opened\n *\n * This component:\n * 1. Listens to UI plugin state for open menus\n * 2. Looks up anchor elements from the anchor registry\n * 3. Renders menus using the user-provided menu renderer\n */\nexport interface AutoMenuRendererProps {\n  container?: HTMLElement | null;\n  documentId: string; // Which document's menus to render\n}\n\nexport function AutoMenuRenderer({ container, documentId }: AutoMenuRendererProps) {\n  const uiState = useUIState(documentId);\n  const { provides } = useUICapability();\n  const anchorRegistry = useAnchorRegistry();\n  const renderers = useRenderers();\n\n  const [activeMenu, setActiveMenu] = useState<{\n    menuId: string;\n    anchorEl: HTMLElement | null;\n  } | null>(null);\n\n  const openMenus = uiState?.openMenus || {};\n  const schema = provides?.getSchema();\n\n  // Update active menu when state changes\n  useEffect(() => {\n    const openMenuIds = Object.keys(openMenus);\n\n    if (openMenuIds.length > 0) {\n      // Show the first open menu (in practice, should only be one)\n      const menuId = openMenuIds[0];\n      if (!menuId) {\n        setActiveMenu(null);\n        return;\n      }\n\n      const menuState = openMenus[menuId];\n      if (menuState && menuState.triggeredByItemId) {\n        // Look up anchor with documentId scope\n        const anchor = anchorRegistry.getAnchor(documentId, menuState.triggeredByItemId);\n        setActiveMenu({ menuId, anchorEl: anchor });\n      } else {\n        setActiveMenu(null);\n      }\n    } else {\n      setActiveMenu(null);\n    }\n  }, [openMenus, anchorRegistry, documentId]);\n\n  const handleClose = () => {\n    if (activeMenu) {\n      provides?.forDocument(documentId).closeMenu(activeMenu.menuId);\n    }\n  };\n\n  if (!activeMenu || !schema) {\n    return null;\n  }\n\n  const menuSchema = schema.menus[activeMenu.menuId];\n  if (!menuSchema) {\n    console.warn(`Menu \"${activeMenu.menuId}\" not found in schema`);\n    return null;\n  }\n\n  // Use the user-provided menu renderer\n  const MenuRenderer = renderers.menu;\n\n  return (\n    <MenuRenderer\n      schema={menuSchema}\n      documentId={documentId}\n      anchorEl={activeMenu.anchorEl}\n      onClose={handleClose}\n      container={container}\n    />\n  );\n}\n","import { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\nimport { useUICapability, useUIPlugin } from './hooks/use-ui';\nimport { UIContainerContext, UIContainerContextValue } from './hooks/use-ui-container';\nimport {\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  ReactNode,\n  HTMLAttributes,\n} from '@framework';\n\n/**\n * Find the style injection target for an element.\n * Returns the shadow root if inside one, otherwise document.head.\n */\nfunction getStyleTarget(element: HTMLElement): HTMLElement | ShadowRoot {\n  const root = element.getRootNode();\n  if (root instanceof ShadowRoot) {\n    return root;\n  }\n  return document.head;\n}\n\ninterface UIRootProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\n/**\n * Internal component that handles:\n * 1. Injecting the generated stylesheet (into shadow root or document.head)\n * 2. Managing the data-disabled-categories attribute\n * 3. Updating styles on locale changes\n */\nexport function UIRoot({ children, style, ...restProps }: UIRootProps) {\n  const { plugin } = useUIPlugin();\n  const { provides } = useUICapability();\n  const [disabledCategories, setDisabledCategories] = useState<string[]>([]);\n  const [hiddenItems, setHiddenItems] = useState<string[]>([]);\n  const styleElRef = useRef<HTMLStyleElement | null>(null);\n  const styleTargetRef = useRef<HTMLElement | ShadowRoot | null>(null);\n  const previousElementRef = useRef<HTMLDivElement | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Create container context value (memoized to prevent unnecessary re-renders)\n  const containerContextValue = useMemo<UIContainerContextValue>(\n    () => ({\n      containerRef,\n      getContainer: () => containerRef.current,\n    }),\n    [],\n  );\n\n  // Callback ref that handles style injection when element mounts\n  // Handles React Strict Mode by tracking previous element\n  const rootRefCallback = useCallback(\n    (element: HTMLDivElement | null) => {\n      const previousElement = previousElementRef.current;\n\n      // Update refs\n      previousElementRef.current = element;\n      (containerRef as any).current = element;\n\n      // If element is null (unmount), don't do anything yet\n      // React Strict Mode will remount, so we'll handle cleanup in useEffect\n      if (!element) {\n        return;\n      }\n\n      // If element changed (or is new) and plugin is available, inject styles\n      if (element !== previousElement && plugin) {\n        const styleTarget = getStyleTarget(element);\n        styleTargetRef.current = styleTarget;\n\n        // Check if styles already exist in this target\n        const existingStyle = styleTarget.querySelector(\n          UI_SELECTORS.STYLES,\n        ) as HTMLStyleElement | null;\n\n        if (existingStyle) {\n          styleElRef.current = existingStyle;\n          // Update content in case locale changed\n          existingStyle.textContent = plugin.getStylesheet();\n          return;\n        }\n\n        // Create and inject stylesheet\n        const stylesheet = plugin.getStylesheet();\n        const styleEl = document.createElement('style');\n        styleEl.setAttribute(UI_ATTRIBUTES.STYLES, '');\n        styleEl.textContent = stylesheet;\n\n        if (styleTarget instanceof ShadowRoot) {\n          // For shadow root, prepend before other content\n          styleTarget.insertBefore(styleEl, styleTarget.firstChild);\n        } else {\n          styleTarget.appendChild(styleEl);\n        }\n\n        styleElRef.current = styleEl;\n      }\n    },\n    [plugin],\n  );\n\n  // Cleanup on actual unmount (not Strict Mode remount)\n  useEffect(() => {\n    return () => {\n      // Only cleanup if we're actually unmounting (not just Strict Mode)\n      // The style element will be reused if component remounts\n      if (styleElRef.current?.parentNode && !previousElementRef.current) {\n        styleElRef.current.remove();\n      }\n      styleElRef.current = null;\n      styleTargetRef.current = null;\n    };\n  }, []);\n\n  // Subscribe to stylesheet invalidation (locale changes, schema merges)\n  useEffect(() => {\n    if (!plugin) return;\n\n    return plugin.onStylesheetInvalidated(() => {\n      // Update the style element content\n      if (styleElRef.current) {\n        styleElRef.current.textContent = plugin.getStylesheet();\n      }\n    });\n  }, [plugin]);\n\n  // Subscribe to category and hidden items changes\n  useEffect(() => {\n    if (!provides) return;\n\n    setDisabledCategories(provides.getDisabledCategories());\n    setHiddenItems(provides.getHiddenItems());\n\n    return provides.onCategoryChanged(({ disabledCategories, hiddenItems }) => {\n      setDisabledCategories(disabledCategories);\n      setHiddenItems(hiddenItems);\n    });\n  }, [provides]);\n\n  // Build the disabled categories attribute value\n  const disabledCategoriesAttr = useMemo(\n    () => (disabledCategories.length > 0 ? disabledCategories.join(' ') : undefined),\n    [disabledCategories],\n  );\n\n  // Build the hidden items attribute value\n  const hiddenItemsAttr = useMemo(\n    () => (hiddenItems.length > 0 ? hiddenItems.join(' ') : undefined),\n    [hiddenItems],\n  );\n\n  const combinedStyle = useMemo(() => {\n    const base = { containerType: 'inline-size' as const };\n    if (style && typeof style === 'object') {\n      return { ...base, ...style };\n    }\n    return base;\n  }, [style]);\n\n  const rootProps = {\n    [UI_ATTRIBUTES.ROOT]: '',\n    [UI_ATTRIBUTES.DISABLED_CATEGORIES]: disabledCategoriesAttr,\n    [UI_ATTRIBUTES.HIDDEN_ITEMS]: hiddenItemsAttr,\n  };\n\n  return (\n    <UIContainerContext.Provider value={containerContextValue}>\n      <div ref={rootRefCallback} {...rootProps} {...restProps} style={combinedStyle}>\n        {children}\n      </div>\n    </UIContainerContext.Provider>\n  );\n}\n","import type { ReactNode, ComponentType, HTMLAttributes } from '@framework';\nimport { AnchorRegistryProvider } from './registries/anchor-registry';\nimport { ComponentRegistryProvider } from './registries/component-registry';\nimport { RenderersProvider } from './registries/renderers-registry';\nimport { BaseComponentProps, UIRenderers } from './types';\nimport { AutoMenuRenderer } from './auto-menu-renderer';\nimport { UIRoot } from './root';\n\n/**\n * UIProvider Props\n */\nexport interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n\n  /**\n   * Document ID for this UI context\n   * Required for menu rendering\n   */\n  documentId: string;\n\n  /**\n   * Custom component registry\n   * Maps component IDs to components\n   */\n  components?: Record<string, ComponentType<BaseComponentProps>>;\n\n  /**\n   * REQUIRED: User-provided renderers\n   * These define how toolbars, panels, and menus are displayed\n   */\n  renderers: UIRenderers;\n\n  /**\n   * Optional: Container for menu portal\n   * Defaults to document.body\n   */\n  menuContainer?: HTMLElement | null;\n}\n\n/**\n * UIProvider - Single provider for all UI plugin functionality\n *\n * Manages:\n * - Anchor registry for menu positioning\n * - Component registry for custom components\n * - Renderers for toolbars, panels, and menus\n * - Automatic menu rendering\n *\n * @example\n * ```tsx\n * <EmbedPDF engine={engine} plugins={plugins}>\n *   {({ pluginsReady }) => (\n *     pluginsReady && (\n *       <DocumentContext>\n *         {({ activeDocumentId }) => (\n *           activeDocumentId && (\n *             <UIProvider\n *               documentId={activeDocumentId}\n *               components={{\n *                 'thumbnail-panel': ThumbnailPanel,\n *                 'bookmark-panel': BookmarkPanel,\n *               }}\n *               renderers={{\n *                 toolbar: ToolbarRenderer,\n *                 panel: PanelRenderer,\n *                 menu: MenuRenderer,\n *               }}\n *             >\n *               <ViewerLayout />\n *             </UIProvider>\n *           )\n *         )}\n *       </DocumentContext>\n *     )\n *   )}\n * </EmbedPDF>\n * ```\n */\nexport function UIProvider({\n  children,\n  documentId,\n  components = {},\n  renderers,\n  menuContainer,\n  ...restProps\n}: UIProviderProps) {\n  return (\n    <AnchorRegistryProvider>\n      <ComponentRegistryProvider initialComponents={components}>\n        <RenderersProvider renderers={renderers}>\n          <UIRoot {...restProps}>\n            {children}\n            {/* Automatically render menus for this document */}\n            <AutoMenuRenderer documentId={documentId} container={menuContainer} />\n          </UIRoot>\n        </RenderersProvider>\n      </ComponentRegistryProvider>\n    </AnchorRegistryProvider>\n  );\n}\n"],"names":["schema","disabledCategories","hiddenItems"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-ui.ts","../../src/shared/hooks/use-ui-container.ts","../../src/shared/registries/anchor-registry.tsx","../../src/shared/hooks/use-register-anchor.ts","../../src/shared/registries/component-registry.tsx","../../src/shared/hooks/use-item-renderer.tsx","../../src/shared/registries/renderers-registry.tsx","../../src/shared/hooks/use-schema-renderer.tsx","../../src/shared/hooks/use-selection-menu.tsx","../../src/shared/auto-menu-renderer.tsx","../../src/shared/root.tsx","../../src/shared/provider.tsx"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { UIPlugin } from '@embedpdf/plugin-ui';\nimport { useState, useEffect } from '@framework';\nimport { UIDocumentState, UISchema } from '@embedpdf/plugin-ui';\n\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\n\n/**\n * Get UI state for a document\n */\nexport const useUIState = (documentId: string) => {\n  const { provides } = useUICapability();\n  const [state, setState] = useState<UIDocumentState | null>(null);\n\n  useEffect(() => {\n    if (!provides) return;\n\n    const scope = provides.forDocument(documentId);\n    setState(scope.getState());\n\n    // Subscribe to changes\n    const unsubToolbar = scope.onToolbarChanged(() => setState(scope.getState()));\n    const unsubSidebar = scope.onSidebarChanged(() => setState(scope.getState()));\n    const unsubModal = scope.onModalChanged(() => setState(scope.getState()));\n    const unsubMenu = scope.onMenuChanged(() => setState(scope.getState()));\n    const unsubOverlay = scope.onOverlayChanged(() => setState(scope.getState()));\n\n    return () => {\n      unsubToolbar();\n      unsubSidebar();\n      unsubModal();\n      unsubMenu();\n      unsubOverlay();\n    };\n  }, [provides, documentId]);\n\n  return state;\n};\n\n/**\n * Get UI schema\n */\nexport const useUISchema = (): UISchema | null => {\n  const { provides } = useUICapability();\n  return provides?.getSchema() ?? null;\n};\n","import { createContext, useContext, RefObject } from '@framework';\n\nexport interface UIContainerContextValue {\n  /** Reference to the UIRoot container element */\n  containerRef: RefObject<HTMLDivElement>;\n  /** Get the container element (may be null if not mounted) */\n  getContainer: () => HTMLDivElement | null;\n}\n\nexport const UIContainerContext = createContext<UIContainerContextValue | null>(null);\n\n/**\n * Hook to access the UI container element.\n *\n * This provides access to the UIRoot container for:\n * - Container query based responsiveness\n * - Portaling elements to the root\n * - Measuring container dimensions\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { containerRef, getContainer } = useUIContainer();\n *\n *   // Use containerRef for ResizeObserver\n *   useEffect(() => {\n *     const container = getContainer();\n *     if (!container) return;\n *\n *     const observer = new ResizeObserver(() => {\n *       console.log('Container width:', container.clientWidth);\n *     });\n *     observer.observe(container);\n *     return () => observer.disconnect();\n *   }, [getContainer]);\n *\n *   // Or portal to the container\n *   return createPortal(<Modal />, getContainer()!);\n * }\n * ```\n */\nexport function useUIContainer(): UIContainerContextValue {\n  const context = useContext(UIContainerContext);\n  if (!context) {\n    throw new Error('useUIContainer must be used within a UIProvider');\n  }\n  return context;\n}\n","import { createContext, useContext, useRef, useCallback } from '@framework';\nimport type { ReactNode } from '@framework';\n\n/**\n * Anchor Registry\n *\n * Tracks DOM elements for menu positioning.\n * Each anchor is scoped by documentId and itemId.\n */\nexport interface AnchorRegistry {\n  register(documentId: string, itemId: string, element: HTMLElement): void;\n  unregister(documentId: string, itemId: string): void;\n  getAnchor(documentId: string, itemId: string): HTMLElement | null;\n}\n\nconst AnchorRegistryContext = createContext<AnchorRegistry | null>(null);\n\nexport function AnchorRegistryProvider({ children }: { children: ReactNode }) {\n  const anchorsRef = useRef<Map<string, HTMLElement>>(new Map());\n\n  const registry: AnchorRegistry = {\n    register: useCallback((documentId: string, itemId: string, element: HTMLElement) => {\n      const key = `${documentId}:${itemId}`;\n      anchorsRef.current.set(key, element);\n    }, []),\n\n    unregister: useCallback((documentId: string, itemId: string) => {\n      const key = `${documentId}:${itemId}`;\n      anchorsRef.current.delete(key);\n    }, []),\n\n    getAnchor: useCallback((documentId: string, itemId: string) => {\n      const key = `${documentId}:${itemId}`;\n      return anchorsRef.current.get(key) || null;\n    }, []),\n  };\n\n  return (\n    <AnchorRegistryContext.Provider value={registry}>{children}</AnchorRegistryContext.Provider>\n  );\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n  const context = useContext(AnchorRegistryContext);\n  if (!context) {\n    throw new Error('useAnchorRegistry must be used within UIProvider');\n  }\n  return context;\n}\n","import { useCallback, useRef } from '@framework';\nimport { useAnchorRegistry } from '../registries/anchor-registry';\n\n/**\n * Register a DOM element as an anchor for menus\n *\n * @param documentId - Document ID\n * @param itemId - Item ID (typically matches the toolbar/menu item ID)\n * @returns Ref callback to attach to the element\n *\n * @example\n * ```tsx\n * function ZoomButton({ documentId }: Props) {\n *   const anchorRef = useRegisterAnchor(documentId, 'zoom-button');\n *\n *   return <button ref={anchorRef}>Zoom</button>;\n * }\n * ```\n */\nexport function useRegisterAnchor(\n  documentId: string,\n  itemId: string,\n): (element: HTMLElement | null) => void {\n  const registry = useAnchorRegistry();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const documentIdRef = useRef(documentId);\n  const itemIdRef = useRef(itemId);\n\n  // Keep refs in sync\n  documentIdRef.current = documentId;\n  itemIdRef.current = itemId;\n\n  // Return stable callback that uses refs\n  return useCallback(\n    (element: HTMLElement | null) => {\n      // Store previous element\n      const previousElement = elementRef.current;\n\n      // Update ref\n      elementRef.current = element;\n\n      // Handle registration/unregistration\n      if (element) {\n        // Register new element\n        if (element !== previousElement) {\n          registry.register(documentIdRef.current, itemIdRef.current, element);\n        }\n      } else if (previousElement) {\n        // Element is now null, but we had one before - unregister\n        registry.unregister(documentIdRef.current, itemIdRef.current);\n      }\n    },\n    [registry], // Only depend on registry!\n  );\n}\n","import { createContext, useContext, useRef, useCallback } from '@framework';\nimport type { ComponentType, ReactNode } from '@framework';\nimport { BaseComponentProps } from '../types';\n\n/**\n * Component Registry\n *\n * Stores custom components that can be referenced in the UI schema.\n */\nexport interface ComponentRegistry {\n  register(id: string, component: ComponentType<BaseComponentProps>): void;\n  unregister(id: string): void;\n  get(id: string): ComponentType<BaseComponentProps> | undefined;\n  has(id: string): boolean;\n  getRegisteredIds(): string[];\n}\n\nconst ComponentRegistryContext = createContext<ComponentRegistry | null>(null);\n\nexport interface ComponentRegistryProviderProps {\n  children: ReactNode;\n  initialComponents?: Record<string, ComponentType<BaseComponentProps>>;\n}\n\nexport function ComponentRegistryProvider({\n  children,\n  initialComponents = {},\n}: ComponentRegistryProviderProps) {\n  const componentsRef = useRef<Map<string, ComponentType<BaseComponentProps>>>(\n    new Map(Object.entries(initialComponents)),\n  );\n\n  const registry: ComponentRegistry = {\n    register: useCallback((id: string, component: ComponentType<BaseComponentProps>) => {\n      componentsRef.current.set(id, component);\n    }, []),\n\n    unregister: useCallback((id: string) => {\n      componentsRef.current.delete(id);\n    }, []),\n\n    get: useCallback((id: string) => {\n      return componentsRef.current.get(id);\n    }, []),\n\n    has: useCallback((id: string) => {\n      return componentsRef.current.has(id);\n    }, []),\n\n    getRegisteredIds: useCallback(() => {\n      return Array.from(componentsRef.current.keys());\n    }, []),\n  };\n\n  return (\n    <ComponentRegistryContext.Provider value={registry}>\n      {children}\n    </ComponentRegistryContext.Provider>\n  );\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n  const context = useContext(ComponentRegistryContext);\n  if (!context) {\n    throw new Error('useComponentRegistry must be used within UIProvider');\n  }\n  return context;\n}\n","import { useComponentRegistry } from '../registries/component-registry';\n\n/**\n * Helper utilities for building renderers\n */\nexport function useItemRenderer() {\n  const componentRegistry = useComponentRegistry();\n\n  return {\n    /**\n     * Render a custom component by ID\n     *\n     * @param componentId - Component ID from schema\n     * @param documentId - Document ID\n     * @param props - Additional props to pass to component\n     * @returns Rendered component or null if not found\n     */\n    renderCustomComponent: (componentId: string, documentId: string, props?: any) => {\n      const Component = componentRegistry.get(componentId);\n\n      if (!Component) {\n        console.error(`Component \"${componentId}\" not found in registry`);\n        return null;\n      }\n\n      return <Component documentId={documentId} {...(props || {})} />;\n    },\n  };\n}\n","import { createContext, useContext } from '@framework';\nimport type { ReactNode } from '@framework';\nimport { UIRenderers } from '../types';\n\n/**\n * Renderers Registry\n *\n * Provides access to user-supplied renderers (toolbar, panel, menu).\n */\nconst RenderersContext = createContext<UIRenderers | null>(null);\n\nexport interface RenderersProviderProps {\n  children: ReactNode;\n  renderers: UIRenderers;\n}\n\nexport function RenderersProvider({ children, renderers }: RenderersProviderProps) {\n  return <RenderersContext.Provider value={renderers}>{children}</RenderersContext.Provider>;\n}\n\nexport function useRenderers(): UIRenderers {\n  const context = useContext(RenderersContext);\n  if (!context) {\n    throw new Error('useRenderers must be used within UIProvider');\n  }\n  return context;\n}\n","import { Fragment } from '@framework';\nimport { useUICapability, useUIState } from './use-ui';\nimport { useRenderers } from '../registries/renderers-registry';\n\n/**\n * High-level hook for rendering UI from schema\n *\n * Provides simple functions to render toolbars, sidebars, and modals.\n * Always passes isOpen state to renderers so they can control animations.\n *\n * Automatically subscribes to UI state changes for the given document.\n */\nexport function useSchemaRenderer(documentId: string) {\n  const renderers = useRenderers();\n  const { provides } = useUICapability();\n  const schema = provides?.getSchema();\n  const uiState = useUIState(documentId); // Subscribe to state changes\n\n  return {\n    /**\n     * Render a toolbar by placement and slot\n     *\n     * Always renders with isOpen state when toolbar exists in slot.\n     *\n     * @param placement - 'top' | 'bottom' | 'left' | 'right'\n     * @param slot - Slot name (e.g. 'main', 'secondary')\n     *\n     * @example\n     * ```tsx\n     * {renderToolbar('top', 'main')}\n     * {renderToolbar('top', 'secondary')}\n     * ```\n     */\n    renderToolbar: (placement: 'top' | 'bottom' | 'left' | 'right', slot: string) => {\n      const slotKey = `${placement}-${slot}`;\n\n      if (!schema || !provides || !uiState) {\n        return null;\n      }\n\n      const toolbarSlot = uiState.activeToolbars[slotKey];\n      const toolbarSchema = toolbarSlot ? schema.toolbars[toolbarSlot.toolbarId] : null;\n\n      if (toolbarSlot && !toolbarSchema) {\n        console.warn(`Toolbar \"${toolbarSlot.toolbarId}\" not found in schema`);\n      }\n\n      const isClosable = toolbarSchema ? !toolbarSchema.permanent : false;\n      const handleClose = isClosable\n        ? () => provides.forDocument(documentId).closeToolbarSlot(placement, slot)\n        : undefined;\n\n      const ToolbarRenderer = renderers.toolbar;\n\n      // Always return the same element type (div) with stable key\n      return (\n        <Fragment key={`toolbar-slot-${slotKey}`}>\n          {toolbarSlot && toolbarSchema && (\n            <ToolbarRenderer\n              schema={toolbarSchema}\n              documentId={documentId}\n              isOpen={toolbarSlot.isOpen}\n              onClose={handleClose}\n            />\n          )}\n        </Fragment>\n      );\n    },\n\n    /**\n     * Render a sidebar by placement and slot\n     *\n     * ALWAYS renders (when sidebar exists in slot) with isOpen state.\n     * Your renderer controls whether to display or animate.\n     *\n     * @param placement - 'left' | 'right' | 'top' | 'bottom'\n     * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n     *\n     * @example\n     * ```tsx\n     * {renderSidebar('left', 'main')}\n     * {renderSidebar('right', 'main')}\n     * ```\n     */\n    renderSidebar: (placement: 'left' | 'right' | 'top' | 'bottom', slot: string) => {\n      const slotKey = `${placement}-${slot}`;\n\n      if (!schema || !provides || !uiState) {\n        return null;\n      }\n\n      const sidebarSlot = uiState.activeSidebars[slotKey];\n      const sidebarSchema = sidebarSlot ? schema.sidebars?.[sidebarSlot.sidebarId] : null;\n\n      if (sidebarSlot && !sidebarSchema) {\n        console.warn(`Sidebar \"${sidebarSlot.sidebarId}\" not found in schema`);\n      }\n\n      const handleClose = () => {\n        provides.forDocument(documentId).closeSidebarSlot(placement, slot);\n      };\n\n      const SidebarRenderer = renderers.sidebar;\n\n      // Always return the same element type (Fragment) with stable key\n      return (\n        <Fragment key={`sidebar-slot-${slotKey}`}>\n          {sidebarSlot && sidebarSchema && (\n            <SidebarRenderer\n              schema={sidebarSchema}\n              documentId={documentId}\n              isOpen={sidebarSlot.isOpen}\n              onClose={handleClose}\n            />\n          )}\n        </Fragment>\n      );\n    },\n\n    /**\n     * Render the active modal (if any)\n     *\n     * Only one modal can be active at a time.\n     * Modals are defined in schema.modals.\n     *\n     * Supports animation lifecycle:\n     * - isOpen: true = visible\n     * - isOpen: false = animate out (modal still rendered)\n     * - onExited called after animation → modal removed\n     *\n     * @example\n     * ```tsx\n     * {renderModal()}\n     * ```\n     */\n    renderModal: () => {\n      if (!schema || !provides || !uiState) {\n        return null;\n      }\n\n      const ModalRenderer = renderers.modal;\n      if (!ModalRenderer) {\n        return null;\n      }\n\n      const activeModal = uiState.activeModal;\n      const modalSchema = activeModal ? schema.modals?.[activeModal.modalId] : null;\n\n      if (activeModal && !modalSchema) {\n        console.warn(`Modal \"${activeModal.modalId}\" not found in schema`);\n      }\n\n      const handleClose = () => {\n        provides.forDocument(documentId).closeModal();\n      };\n\n      const handleExited = () => {\n        provides.forDocument(documentId).clearModal();\n      };\n\n      // Always return the same element type (Fragment) with stable key\n      return (\n        <Fragment key=\"modal-slot\">\n          {activeModal && modalSchema && (\n            <ModalRenderer\n              schema={modalSchema}\n              documentId={documentId}\n              isOpen={activeModal.isOpen}\n              onClose={handleClose}\n              onExited={handleExited}\n            />\n          )}\n        </Fragment>\n      );\n    },\n\n    /**\n     * Helper: Get all active toolbars for this document\n     * Useful for batch rendering or debugging\n     */\n    getActiveToolbars: () => {\n      if (!uiState) return [];\n      return Object.entries(uiState.activeToolbars).map(([slotKey, toolbarSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          toolbarId: toolbarSlot.toolbarId,\n          isOpen: toolbarSlot.isOpen,\n        };\n      });\n    },\n\n    /**\n     * Helper: Get all active sidebars for this document\n     * Useful for batch rendering or debugging\n     */\n    getActiveSidebars: () => {\n      if (!uiState) return [];\n      return Object.entries(uiState.activeSidebars).map(([slotKey, sidebarSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          sidebarId: sidebarSlot.sidebarId,\n          isOpen: sidebarSlot.isOpen,\n        };\n      });\n    },\n\n    /**\n     * Render all enabled overlays\n     *\n     * Overlays are floating components positioned over the document content.\n     * Unlike modals, multiple overlays can be visible and they don't block interaction.\n     * Overlay visibility is controlled by the enabledOverlays state.\n     *\n     * @example\n     * ```tsx\n     * <div className=\"relative\">\n     *   {children}\n     *   {renderOverlays()}\n     * </div>\n     * ```\n     */\n    renderOverlays: () => {\n      if (!schema || !provides || !uiState) {\n        return null;\n      }\n\n      const OverlayRenderer = renderers.overlay;\n      if (!OverlayRenderer) {\n        return null;\n      }\n\n      const overlays = schema.overlays ? Object.values(schema.overlays) : [];\n\n      // Filter overlays by enabled state (default to true if not explicitly set)\n      const enabledOverlays = overlays.filter(\n        (overlay) => uiState.enabledOverlays[overlay.id] !== false,\n      );\n\n      // Always return the same element type (Fragment) with stable key\n      return (\n        <Fragment key=\"overlays-slot\">\n          {enabledOverlays.map((overlaySchema) => (\n            <OverlayRenderer\n              key={overlaySchema.id}\n              schema={overlaySchema}\n              documentId={documentId}\n            />\n          ))}\n        </Fragment>\n      );\n    },\n  };\n}\n","import { useCallback } from '@framework';\nimport { SelectionMenuPropsBase, SelectionMenuRenderFn } from '@embedpdf/utils/@framework';\nimport { useUICapability } from './use-ui';\nimport { useRenderers } from '../registries/renderers-registry';\n\n/**\n * Creates a render function for a selection menu from the schema\n *\n * @param menuId - The selection menu ID from schema\n * @param documentId - Document ID\n * @returns A render function compatible with layer selectionMenu props\n */\nexport function useSelectionMenu<TContext extends { type: string }>(\n  menuId: string,\n  documentId: string,\n): SelectionMenuRenderFn<TContext> | undefined {\n  const { provides } = useUICapability();\n  const renderers = useRenderers();\n\n  const renderFn = useCallback(\n    (props: SelectionMenuPropsBase<TContext>) => {\n      const schema = provides?.getSchema();\n      const menuSchema = schema?.selectionMenus?.[menuId];\n\n      if (!menuSchema) {\n        return null;\n      }\n\n      if (!props.selected) {\n        return null;\n      }\n\n      const SelectionMenuRenderer = renderers.selectionMenu;\n\n      return <SelectionMenuRenderer schema={menuSchema} documentId={documentId} props={props} />;\n    },\n    [provides, renderers, menuId, documentId],\n  );\n\n  // Return undefined if schema doesn't have this menu\n  const schema = provides?.getSchema();\n  if (!schema?.selectionMenus?.[menuId]) {\n    return undefined;\n  }\n\n  return renderFn;\n}\n","import { useState, useEffect } from '@framework';\nimport { useUIState, useUICapability } from './hooks/use-ui';\nimport { useAnchorRegistry } from './registries/anchor-registry';\nimport { useRenderers } from './registries/renderers-registry';\n\n/**\n * Automatically renders menus when opened\n *\n * This component:\n * 1. Listens to UI plugin state for open menus\n * 2. Looks up anchor elements from the anchor registry\n * 3. Renders menus using the user-provided menu renderer\n */\nexport interface AutoMenuRendererProps {\n  container?: HTMLElement | null;\n  documentId: string; // Which document's menus to render\n}\n\nexport function AutoMenuRenderer({ container, documentId }: AutoMenuRendererProps) {\n  const uiState = useUIState(documentId);\n  const { provides } = useUICapability();\n  const anchorRegistry = useAnchorRegistry();\n  const renderers = useRenderers();\n\n  const [activeMenu, setActiveMenu] = useState<{\n    menuId: string;\n    anchorEl: HTMLElement | null;\n  } | null>(null);\n\n  const openMenus = uiState?.openMenus || {};\n  const schema = provides?.getSchema();\n\n  // Update active menu when state changes\n  useEffect(() => {\n    const openMenuIds = Object.keys(openMenus);\n\n    if (openMenuIds.length > 0) {\n      // Show the first open menu (in practice, should only be one)\n      const menuId = openMenuIds[0];\n      if (!menuId) {\n        setActiveMenu(null);\n        return;\n      }\n\n      const menuState = openMenus[menuId];\n      if (menuState && menuState.triggeredByItemId) {\n        // Look up anchor with documentId scope\n        const anchor = anchorRegistry.getAnchor(documentId, menuState.triggeredByItemId);\n        setActiveMenu({ menuId, anchorEl: anchor });\n      } else {\n        setActiveMenu(null);\n      }\n    } else {\n      setActiveMenu(null);\n    }\n  }, [openMenus, anchorRegistry, documentId]);\n\n  const handleClose = () => {\n    if (activeMenu) {\n      provides?.forDocument(documentId).closeMenu(activeMenu.menuId);\n    }\n  };\n\n  if (!activeMenu || !schema) {\n    return null;\n  }\n\n  const menuSchema = schema.menus[activeMenu.menuId];\n  if (!menuSchema) {\n    console.warn(`Menu \"${activeMenu.menuId}\" not found in schema`);\n    return null;\n  }\n\n  // Use the user-provided menu renderer\n  const MenuRenderer = renderers.menu;\n\n  return (\n    <MenuRenderer\n      schema={menuSchema}\n      documentId={documentId}\n      anchorEl={activeMenu.anchorEl}\n      onClose={handleClose}\n      container={container}\n    />\n  );\n}\n","import { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\nimport { useUICapability, useUIPlugin } from './hooks/use-ui';\nimport { UIContainerContext, UIContainerContextValue } from './hooks/use-ui-container';\nimport {\n  useState,\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  ReactNode,\n  HTMLAttributes,\n} from '@framework';\n\n/**\n * Find the style injection target for an element.\n * Returns the shadow root if inside one, otherwise document.head.\n */\nfunction getStyleTarget(element: HTMLElement): HTMLElement | ShadowRoot {\n  const root = element.getRootNode();\n  if (root instanceof ShadowRoot) {\n    return root;\n  }\n  return document.head;\n}\n\ninterface UIRootProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\n/**\n * Internal component that handles:\n * 1. Injecting the generated stylesheet (into shadow root or document.head)\n * 2. Managing the data-disabled-categories attribute\n * 3. Updating styles on locale changes\n */\nexport function UIRoot({ children, style, ...restProps }: UIRootProps) {\n  const { plugin } = useUIPlugin();\n  const { provides } = useUICapability();\n  const [disabledCategories, setDisabledCategories] = useState<string[]>([]);\n  const [hiddenItems, setHiddenItems] = useState<string[]>([]);\n  const styleElRef = useRef<HTMLStyleElement | null>(null);\n  const styleTargetRef = useRef<HTMLElement | ShadowRoot | null>(null);\n  const previousElementRef = useRef<HTMLDivElement | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Create container context value (memoized to prevent unnecessary re-renders)\n  const containerContextValue = useMemo<UIContainerContextValue>(\n    () => ({\n      containerRef,\n      getContainer: () => containerRef.current,\n    }),\n    [],\n  );\n\n  // Callback ref that handles style injection when element mounts\n  // Handles React Strict Mode by tracking previous element\n  const rootRefCallback = useCallback(\n    (element: HTMLDivElement | null) => {\n      const previousElement = previousElementRef.current;\n\n      // Update refs\n      previousElementRef.current = element;\n      (containerRef as any).current = element;\n\n      // If element is null (unmount), don't do anything yet\n      // React Strict Mode will remount, so we'll handle cleanup in useEffect\n      if (!element) {\n        return;\n      }\n\n      // If element changed (or is new) and plugin is available, inject styles\n      if (element !== previousElement && plugin) {\n        const styleTarget = getStyleTarget(element);\n        styleTargetRef.current = styleTarget;\n\n        // Check if styles already exist in this target\n        const existingStyle = styleTarget.querySelector(\n          UI_SELECTORS.STYLES,\n        ) as HTMLStyleElement | null;\n\n        if (existingStyle) {\n          styleElRef.current = existingStyle;\n          // Update content in case locale changed\n          existingStyle.textContent = plugin.getStylesheet();\n          return;\n        }\n\n        // Create and inject stylesheet\n        const stylesheet = plugin.getStylesheet();\n        const styleEl = document.createElement('style');\n        styleEl.setAttribute(UI_ATTRIBUTES.STYLES, '');\n        styleEl.textContent = stylesheet;\n\n        if (styleTarget instanceof ShadowRoot) {\n          // For shadow root, prepend before other content\n          styleTarget.insertBefore(styleEl, styleTarget.firstChild);\n        } else {\n          styleTarget.appendChild(styleEl);\n        }\n\n        styleElRef.current = styleEl;\n      }\n    },\n    [plugin],\n  );\n\n  // Cleanup on actual unmount (not Strict Mode remount)\n  useEffect(() => {\n    return () => {\n      // Only cleanup if we're actually unmounting (not just Strict Mode)\n      // The style element will be reused if component remounts\n      if (styleElRef.current?.parentNode && !previousElementRef.current) {\n        styleElRef.current.remove();\n      }\n      styleElRef.current = null;\n      styleTargetRef.current = null;\n    };\n  }, []);\n\n  // Subscribe to stylesheet invalidation (locale changes, schema merges)\n  useEffect(() => {\n    if (!plugin) return;\n\n    return plugin.onStylesheetInvalidated(() => {\n      // Update the style element content\n      if (styleElRef.current) {\n        styleElRef.current.textContent = plugin.getStylesheet();\n      }\n    });\n  }, [plugin]);\n\n  // Subscribe to category and hidden items changes\n  useEffect(() => {\n    if (!provides) return;\n\n    setDisabledCategories(provides.getDisabledCategories());\n    setHiddenItems(provides.getHiddenItems());\n\n    return provides.onCategoryChanged(({ disabledCategories, hiddenItems }) => {\n      setDisabledCategories(disabledCategories);\n      setHiddenItems(hiddenItems);\n    });\n  }, [provides]);\n\n  // Build the disabled categories attribute value\n  const disabledCategoriesAttr = useMemo(\n    () => (disabledCategories.length > 0 ? disabledCategories.join(' ') : undefined),\n    [disabledCategories],\n  );\n\n  // Build the hidden items attribute value\n  const hiddenItemsAttr = useMemo(\n    () => (hiddenItems.length > 0 ? hiddenItems.join(' ') : undefined),\n    [hiddenItems],\n  );\n\n  const combinedStyle = useMemo(() => {\n    const base = { containerType: 'inline-size' as const };\n    if (style && typeof style === 'object') {\n      return { ...base, ...style };\n    }\n    return base;\n  }, [style]);\n\n  const rootProps = {\n    [UI_ATTRIBUTES.ROOT]: '',\n    [UI_ATTRIBUTES.DISABLED_CATEGORIES]: disabledCategoriesAttr,\n    [UI_ATTRIBUTES.HIDDEN_ITEMS]: hiddenItemsAttr,\n  };\n\n  return (\n    <UIContainerContext.Provider value={containerContextValue}>\n      <div ref={rootRefCallback} {...rootProps} {...restProps} style={combinedStyle}>\n        {children}\n      </div>\n    </UIContainerContext.Provider>\n  );\n}\n","import type { ReactNode, ComponentType, HTMLAttributes } from '@framework';\nimport { AnchorRegistryProvider } from './registries/anchor-registry';\nimport { ComponentRegistryProvider } from './registries/component-registry';\nimport { RenderersProvider } from './registries/renderers-registry';\nimport { BaseComponentProps, UIRenderers } from './types';\nimport { AutoMenuRenderer } from './auto-menu-renderer';\nimport { UIRoot } from './root';\n\n/**\n * UIProvider Props\n */\nexport interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n\n  /**\n   * Document ID for this UI context\n   * Required for menu rendering\n   */\n  documentId: string;\n\n  /**\n   * Custom component registry\n   * Maps component IDs to components\n   */\n  components?: Record<string, ComponentType<BaseComponentProps>>;\n\n  /**\n   * REQUIRED: User-provided renderers\n   * These define how toolbars, panels, and menus are displayed\n   */\n  renderers: UIRenderers;\n\n  /**\n   * Optional: Container for menu portal\n   * Defaults to document.body\n   */\n  menuContainer?: HTMLElement | null;\n}\n\n/**\n * UIProvider - Single provider for all UI plugin functionality\n *\n * Manages:\n * - Anchor registry for menu positioning\n * - Component registry for custom components\n * - Renderers for toolbars, panels, and menus\n * - Automatic menu rendering\n *\n * @example\n * ```tsx\n * <EmbedPDF engine={engine} plugins={plugins}>\n *   {({ pluginsReady }) => (\n *     pluginsReady && (\n *       <DocumentContext>\n *         {({ activeDocumentId }) => (\n *           activeDocumentId && (\n *             <UIProvider\n *               documentId={activeDocumentId}\n *               components={{\n *                 'thumbnail-panel': ThumbnailPanel,\n *                 'bookmark-panel': BookmarkPanel,\n *               }}\n *               renderers={{\n *                 toolbar: ToolbarRenderer,\n *                 panel: PanelRenderer,\n *                 menu: MenuRenderer,\n *               }}\n *             >\n *               <ViewerLayout />\n *             </UIProvider>\n *           )\n *         )}\n *       </DocumentContext>\n *     )\n *   )}\n * </EmbedPDF>\n * ```\n */\nexport function UIProvider({\n  children,\n  documentId,\n  components = {},\n  renderers,\n  menuContainer,\n  ...restProps\n}: UIProviderProps) {\n  return (\n    <AnchorRegistryProvider>\n      <ComponentRegistryProvider initialComponents={components}>\n        <RenderersProvider renderers={renderers}>\n          <UIRoot {...restProps}>\n            {children}\n            {/* Automatically render menus for this document */}\n            <AutoMenuRenderer documentId={documentId} container={menuContainer} />\n          </UIRoot>\n        </RenderersProvider>\n      </ComponentRegistryProvider>\n    </AnchorRegistryProvider>\n  );\n}\n"],"names":["schema","disabledCategories","hiddenItems"],"mappings":"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"}

package/dist/shared/hooks/use-schema-renderer.d.ts

@@ -80,6 +80,7 @@ export declare function useSchemaRenderer(documentId: string): {
      *
      * Overlays are floating components positioned over the document content.
      * Unlike modals, multiple overlays can be visible and they don't block interaction.
+     * Overlay visibility is controlled by the enabledOverlays state.
      *
      * @example
      * ```tsx

package/dist/shared-preact/hooks/use-schema-renderer.d.ts

@@ -80,6 +80,7 @@ export declare function useSchemaRenderer(documentId: string): {
      *
      * Overlays are floating components positioned over the document content.
      * Unlike modals, multiple overlays can be visible and they don't block interaction.
+     * Overlay visibility is controlled by the enabledOverlays state.
      *
      * @example
      * ```tsx

package/dist/shared-react/hooks/use-schema-renderer.d.ts

@@ -80,6 +80,7 @@ export declare function useSchemaRenderer(documentId: string): {
      *
      * Overlays are floating components positioned over the document content.
      * Unlike modals, multiple overlays can be visible and they don't block interaction.
+     * Overlay visibility is controlled by the enabledOverlays state.
      *
      * @example
      * ```tsx

package/dist/svelte/hooks/use-schema-renderer.svelte.d.ts

@@ -99,6 +99,7 @@ export declare function useSchemaRenderer(getDocumentId: () => string | null): {
      *
      * Overlays are floating components positioned over the document content.
      * Unlike modals, multiple overlays can be visible and they don't block interaction.
+     * Overlay visibility is controlled by the enabledOverlays state.
      *
      * @example
      * ```svelte

package/dist/svelte/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/plugin-ui"),t=require("svelte/internal/client"),n=require("@embedpdf/core/svelte"),r=require("svelte");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const s=o(t),i=()=>n.usePlugin(e.UIPlugin.id),l=()=>n.useCapability(e.UIPlugin.id),u=e=>{const t=l();let n=s.state(null);const r=s.derived(e),o=s.derived(()=>t.provides&&s.get(r)?t.provides.forDocument(s.get(r)):null);return s.user_effect(()=>{const e=t.provides,o=s.get(r);if(!e||!o)return void s.set(n,null);const i=e.forDocument(o);s.set(n,i.getState(),!0);const l=i.onToolbarChanged(()=>{s.set(n,i.getState(),!0)}),u=i.onSidebarChanged(()=>{s.set(n,i.getState(),!0)}),d=i.onModalChanged(()=>{s.set(n,i.getState(),!0)}),c=i.onMenuChanged(()=>{s.set(n,i.getState(),!0)});return()=>{l(),u(),d(),c()}}),{get provides(){return s.get(o)},get state(){return s.get(n)}}},d=Symbol("ui-container");function c(e){r.setContext(d,e)}const a=Symbol("AnchorRegistry");function g(){const e=new Map;return{register(t,n,r){const o=`${t}:${n}`;e.set(o,r)},unregister(t,n){const r=`${t}:${n}`;e.delete(r)},getAnchor(t,n){const r=`${t}:${n}`;return e.get(r)||null}}}function p(){const e=g();return r.setContext(a,e),e}function v(){const e=r.getContext(a);if(!e)throw new Error("useAnchorRegistry must be used within UIProvider");return e}const f=Symbol("ComponentRegistry");function m(e={}){const t=new Map(Object.entries(e));return{register(e,n){t.set(e,n)},unregister(e){t.delete(e)},get:e=>t.get(e),has:e=>t.has(e),getRegisteredIds:()=>Array.from(t.keys())}}function h(e={}){const t=m(e);return r.setContext(f,t),t}function I(){const e=r.getContext(f);if(!e)throw new Error("useComponentRegistry must be used within UIProvider");return e}const b=Symbol("Renderers");function S(e){r.setContext(b,e)}function y(){const e=r.getContext(b);if(!e)throw new Error("useRenderers must be used within UIProvider");return e}function C(e,t){s.push(t,!0);let n=s.prop(t,"container",3,null);const r=u(()=>t.documentId),o=l(),i=v(),d=y(),c=s.derived(()=>{var e;const n=(null==(e=r.state)?void 0:e.openMenus)||{},o=Object.keys(n);if(0===o.length)return null;const s=o[0];if(!s)return null;const l=n[s];if(!l||!l.triggeredByItemId)return null;return{menuId:s,anchorEl:i.getAnchor(t.documentId,l.triggeredByItemId)}}),a=s.derived(()=>{var e;return null==(e=o.provides)?void 0:e.getSchema()}),g=s.derived(()=>{if(!s.get(c)||!s.get(a))return null;const e=s.get(a).menus[s.get(c).menuId];return e||(console.warn(`Menu "${s.get(c).menuId}" not found in schema`),null)}),p=()=>{var e;s.get(c)&&(null==(e=r.provides)||e.closeMenu(s.get(c).menuId))},f=d.menu;var m=s.comment(),h=s.first_child(m),I=e=>{f(e,{get schema(){return s.get(g)},get documentId(){return t.documentId},get anchorEl(){return s.get(c).anchorEl},onClose:p,get container(){return n()}})};s.if(h,e=>{s.get(c)&&s.get(g)&&f&&e(I)}),s.append(e,m),s.pop()}var x=s.from_html("<div><!></div>");function O(t,n){s.push(n,!0);let r=s.rest_props(n,["$$slots","$$events","$$legacy","children","class"]);const{plugin:o}=i(),{provides:u}=l();let d=s.state(s.proxy([])),a=s.state(s.proxy([])),g=s.state(null),p=null,v=null;c({getContainer:()=>s.get(g)}),s.user_effect(()=>{if(!s.get(g)||!o)return void(v=null);v=function(e){const t=e.getRootNode();return t instanceof ShadowRoot?t:document.head}(s.get(g));const t=v.querySelector(e.UI_SELECTORS.STYLES);if(t)return p=t,void(t.textContent=o.getStylesheet());const n=o.getStylesheet(),r=document.createElement("style");return r.setAttribute(e.UI_ATTRIBUTES.STYLES,""),r.textContent=n,v instanceof ShadowRoot?v.insertBefore(r,v.firstChild):v.appendChild(r),p=r,()=>{(null==p?void 0:p.parentNode)&&p.remove(),p=null,v=null}}),s.user_effect(()=>{if(o)return o.onStylesheetInvalidated(()=>{p&&(p.textContent=o.getStylesheet())})}),s.user_effect(()=>{if(u)return s.set(d,u.getDisabledCategories(),!0),s.set(a,u.getHiddenItems(),!0),u.onCategoryChanged(e=>{s.set(d,e.disabledCategories,!0),s.set(a,e.hiddenItems,!0)})});const f=s.derived(()=>s.get(d).length>0?s.get(d).join(" "):void 0),m=s.derived(()=>s.get(a).length>0?s.get(a).join(" "):void 0);var h=x();s.attribute_effect(h,()=>({...r,[e.UI_ATTRIBUTES.ROOT]:"",...s.get(f)?{[e.UI_ATTRIBUTES.DISABLED_CATEGORIES]:s.get(f)}:{},...s.get(m)?{[e.UI_ATTRIBUTES.HIDDEN_ITEMS]:s.get(m)}:{},class:n.class,[s.STYLE]:{"container-type":"inline-size"}}));var I=s.child(h),b=e=>{var t=s.comment(),r=s.first_child(t);s.snippet(r,()=>n.children),s.append(e,t)};s.if(I,e=>{n.children&&e(b)}),s.reset(h),s.bind_this(h,e=>s.set(g,e),()=>s.get(g)),s.append(t,h),s.pop()}var R=s.from_html("<!> <!>",1);exports.AutoMenuRenderer=C,exports.UIProvider=function(e,t){s.push(t,!0);let n=s.prop(t,"components",19,()=>({})),r=s.prop(t,"menuContainer",3,null),o=s.rest_props(t,["$$slots","$$events","$$legacy","children","documentId","components","renderers","menuContainer","class"]);p(),h(n()),S(t.renderers),O(e,s.spread_props({get class(){return t.class}},()=>o,{children:(e,n)=>{var o=R(),i=s.first_child(o);s.snippet(i,()=>t.children),C(s.sibling(i,2),{get documentId(){return t.documentId},get container(){return r()}}),s.append(e,o)},$$slots:{default:!0}})),s.pop()},exports.createAnchorRegistry=g,exports.createComponentRegistry=m,exports.provideAnchorRegistry=p,exports.provideComponentRegistry=h,exports.provideRenderers=S,exports.setUIContainerContext=c,exports.useAnchorRegistry=v,exports.useComponentRegistry=I,exports.useItemRenderer=function(){const e=I();return{getCustomComponent:t=>{const n=e.get(t);if(n)return n;console.error(`Component "${t}" not found in registry`)}}},exports.useRegisterAnchor=function(e,t){const n=v();let r=s.state(null);const o=s.derived(e),i=s.derived(t);return s.user_effect(()=>{const e=s.get(o),t=s.get(i),l=s.get(r);if(l&&e&&t)return n.register(e,t,l),()=>{n.unregister(e,t)}}),e=>(s.set(r,e,!0),{destroy(){s.set(r,null)}})},exports.useRenderers=y,exports.useSchemaRenderer=function(e){const t=y(),n=l(),r=u(e);return{getToolbarInfo:(o,s)=>{var i;const l=null==(i=n.provides)?void 0:i.getSchema(),u=e();if(!(l&&r.provides&&r.state&&u))return null;const d=`${o}-${s}`,c=r.state.activeToolbars[d];if(!c)return null;const a=l.toolbars[c.toolbarId];if(!a)return console.warn(`Toolbar "${c.toolbarId}" not found in schema`),null;const g=!a.permanent?()=>{var e;null==(e=r.provides)||e.closeToolbarSlot(o,s)}:void 0;return{renderer:t.toolbar,schema:a,documentId:u,isOpen:c.isOpen,onClose:g}},getSidebarInfo:(o,s)=>{var i,l;const u=null==(i=n.provides)?void 0:i.getSchema(),d=e();if(!(u&&r.provides&&r.state&&d))return null;const c=`${o}-${s}`,a=r.state.activeSidebars[c];if(!a)return null;const g=null==(l=u.sidebars)?void 0:l[a.sidebarId];if(!g)return console.warn(`Sidebar "${a.sidebarId}" not found in schema`),null;return{renderer:t.sidebar,schema:g,documentId:d,isOpen:a.isOpen,onClose:()=>{var e;null==(e=r.provides)||e.closeSidebarSlot(o,s)}}},getModalInfo:()=>{var o,s,i;const l=null==(o=n.provides)?void 0:o.getSchema(),u=e();if(!(l&&r.provides&&(null==(s=r.state)?void 0:s.activeModal)&&u))return null;const{modalId:d,isOpen:c}=r.state.activeModal,a=null==(i=l.modals)?void 0:i[d];if(!a)return console.warn(`Modal "${d}" not found in schema`),null;const g=t.modal;return g?{renderer:g,schema:a,documentId:u,isOpen:c,onClose:()=>{var e;null==(e=r.provides)||e.closeModal()},onExited:()=>{var e;null==(e=r.provides)||e.clearModal()}}:(console.warn("No modal renderer registered"),null)},getActiveToolbars:()=>r.state?Object.entries(r.state.activeToolbars).map(([e,t])=>{const[n,r]=e.split("-");return{placement:n,slot:r,toolbarId:t.toolbarId,isOpen:t.isOpen}}):[],getActiveSidebars:()=>r.state?Object.entries(r.state.activeSidebars).map(([e,t])=>{const[n,r]=e.split("-");return{placement:n,slot:r,sidebarId:t.sidebarId,isOpen:t.isOpen}}):[],getOverlaysInfo:()=>{var r;const o=null==(r=n.provides)?void 0:r.getSchema(),s=e();if(!(null==o?void 0:o.overlays)||!s)return[];const i=t.overlay;return i?Object.values(o.overlays).map(e=>({renderer:i,schema:e,documentId:s})):[]}}},exports.useSelectionMenu=function(e,t){const n=l(),r=y(),o="function"==typeof e?e:()=>e,i=s.derived(o),u=s.derived(t),d=s.derived(()=>{var e;return null==(e=n.provides)?void 0:e.getSchema()}),c=s.derived(()=>{var e,t;return null==(t=null==(e=s.get(d))?void 0:e.selectionMenus)?void 0:t[s.get(i)]}),a=s.derived(()=>{if(!s.get(c))return;const e=s.get(c),t=s.get(u),n=r.selectionMenu;return r=>r.selected?{component:n,props:{schema:e,documentId:t,props:r}}:null});return{get renderFn(){return s.get(a)}}},exports.useUICapability=l,exports.useUIContainer=function(){const e=r.getContext(d);if(!e)throw new Error("useUIContainer must be used within a UIProvider");return e},exports.useUIPlugin=i,exports.useUISchema=()=>{const e=l();return{get schema(){var t;return(null==(t=e.provides)?void 0:t.getSchema())??null}}},exports.useUIState=u,Object.keys(e).forEach(t=>{"default"===t||Object.prototype.hasOwnProperty.call(exports,t)||Object.defineProperty(exports,t,{enumerable:!0,get:()=>e[t]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/plugin-ui"),t=require("svelte/internal/client"),n=require("@embedpdf/core/svelte"),r=require("svelte");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}require("svelte/internal/disclose-version");const s=o(t),i=()=>n.usePlugin(e.UIPlugin.id),l=()=>n.useCapability(e.UIPlugin.id),u=e=>{const t=l();let n=s.state(null);const r=s.derived(e),o=s.derived(()=>t.provides&&s.get(r)?t.provides.forDocument(s.get(r)):null);return s.user_effect(()=>{const e=t.provides,o=s.get(r);if(!e||!o)return void s.set(n,null);const i=e.forDocument(o);s.set(n,i.getState(),!0);const l=i.onToolbarChanged(()=>{s.set(n,i.getState(),!0)}),u=i.onSidebarChanged(()=>{s.set(n,i.getState(),!0)}),d=i.onModalChanged(()=>{s.set(n,i.getState(),!0)}),c=i.onMenuChanged(()=>{s.set(n,i.getState(),!0)}),a=i.onOverlayChanged(()=>{s.set(n,i.getState(),!0)});return()=>{l(),u(),d(),c(),a()}}),{get provides(){return s.get(o)},get state(){return s.get(n)}}},d=Symbol("ui-container");function c(e){r.setContext(d,e)}const a=Symbol("AnchorRegistry");function g(){const e=new Map;return{register(t,n,r){const o=`${t}:${n}`;e.set(o,r)},unregister(t,n){const r=`${t}:${n}`;e.delete(r)},getAnchor(t,n){const r=`${t}:${n}`;return e.get(r)||null}}}function p(){const e=g();return r.setContext(a,e),e}function v(){const e=r.getContext(a);if(!e)throw new Error("useAnchorRegistry must be used within UIProvider");return e}const f=Symbol("ComponentRegistry");function m(e={}){const t=new Map(Object.entries(e));return{register(e,n){t.set(e,n)},unregister(e){t.delete(e)},get:e=>t.get(e),has:e=>t.has(e),getRegisteredIds:()=>Array.from(t.keys())}}function h(e={}){const t=m(e);return r.setContext(f,t),t}function I(){const e=r.getContext(f);if(!e)throw new Error("useComponentRegistry must be used within UIProvider");return e}const b=Symbol("Renderers");function S(e){r.setContext(b,e)}function y(){const e=r.getContext(b);if(!e)throw new Error("useRenderers must be used within UIProvider");return e}function C(e,t){s.push(t,!0);let n=s.prop(t,"container",3,null);const r=u(()=>t.documentId),o=l(),i=v(),d=y(),c=s.derived(()=>{var e;const n=(null==(e=r.state)?void 0:e.openMenus)||{},o=Object.keys(n);if(0===o.length)return null;const s=o[0];if(!s)return null;const l=n[s];if(!l||!l.triggeredByItemId)return null;return{menuId:s,anchorEl:i.getAnchor(t.documentId,l.triggeredByItemId)}}),a=s.derived(()=>{var e;return null==(e=o.provides)?void 0:e.getSchema()}),g=s.derived(()=>{if(!s.get(c)||!s.get(a))return null;const e=s.get(a).menus[s.get(c).menuId];return e||(console.warn(`Menu "${s.get(c).menuId}" not found in schema`),null)}),p=()=>{var e;s.get(c)&&(null==(e=r.provides)||e.closeMenu(s.get(c).menuId))},f=d.menu;var m=s.comment(),h=s.first_child(m),I=e=>{f(e,{get schema(){return s.get(g)},get documentId(){return t.documentId},get anchorEl(){return s.get(c).anchorEl},onClose:p,get container(){return n()}})};s.if(h,e=>{s.get(c)&&s.get(g)&&f&&e(I)}),s.append(e,m),s.pop()}var x=s.from_html("<div><!></div>");function O(t,n){s.push(n,!0);let r=s.rest_props(n,["$$slots","$$events","$$legacy","children","class"]);const{plugin:o}=i(),{provides:u}=l();let d=s.state(s.proxy([])),a=s.state(s.proxy([])),g=s.state(null),p=null,v=null;c({getContainer:()=>s.get(g)}),s.user_effect(()=>{if(!s.get(g)||!o)return void(v=null);v=function(e){const t=e.getRootNode();return t instanceof ShadowRoot?t:document.head}(s.get(g));const t=v.querySelector(e.UI_SELECTORS.STYLES);if(t)return p=t,void(t.textContent=o.getStylesheet());const n=o.getStylesheet(),r=document.createElement("style");return r.setAttribute(e.UI_ATTRIBUTES.STYLES,""),r.textContent=n,v instanceof ShadowRoot?v.insertBefore(r,v.firstChild):v.appendChild(r),p=r,()=>{(null==p?void 0:p.parentNode)&&p.remove(),p=null,v=null}}),s.user_effect(()=>{if(o)return o.onStylesheetInvalidated(()=>{p&&(p.textContent=o.getStylesheet())})}),s.user_effect(()=>{if(u)return s.set(d,u.getDisabledCategories(),!0),s.set(a,u.getHiddenItems(),!0),u.onCategoryChanged(e=>{s.set(d,e.disabledCategories,!0),s.set(a,e.hiddenItems,!0)})});const f=s.derived(()=>s.get(d).length>0?s.get(d).join(" "):void 0),m=s.derived(()=>s.get(a).length>0?s.get(a).join(" "):void 0);var h=x();s.attribute_effect(h,()=>({...r,[e.UI_ATTRIBUTES.ROOT]:"",...s.get(f)?{[e.UI_ATTRIBUTES.DISABLED_CATEGORIES]:s.get(f)}:{},...s.get(m)?{[e.UI_ATTRIBUTES.HIDDEN_ITEMS]:s.get(m)}:{},class:n.class,[s.STYLE]:{"container-type":"inline-size"}}));var I=s.child(h),b=e=>{var t=s.comment(),r=s.first_child(t);s.snippet(r,()=>n.children),s.append(e,t)};s.if(I,e=>{n.children&&e(b)}),s.reset(h),s.bind_this(h,e=>s.set(g,e),()=>s.get(g)),s.append(t,h),s.pop()}var R=s.from_html("<!> <!>",1);exports.AutoMenuRenderer=C,exports.UIProvider=function(e,t){s.push(t,!0);let n=s.prop(t,"components",19,()=>({})),r=s.prop(t,"menuContainer",3,null),o=s.rest_props(t,["$$slots","$$events","$$legacy","children","documentId","components","renderers","menuContainer","class"]);p(),h(n()),S(t.renderers),O(e,s.spread_props({get class(){return t.class}},()=>o,{children:(e,n)=>{var o=R(),i=s.first_child(o);s.snippet(i,()=>t.children),C(s.sibling(i,2),{get documentId(){return t.documentId},get container(){return r()}}),s.append(e,o)},$$slots:{default:!0}})),s.pop()},exports.createAnchorRegistry=g,exports.createComponentRegistry=m,exports.provideAnchorRegistry=p,exports.provideComponentRegistry=h,exports.provideRenderers=S,exports.setUIContainerContext=c,exports.useAnchorRegistry=v,exports.useComponentRegistry=I,exports.useItemRenderer=function(){const e=I();return{getCustomComponent:t=>{const n=e.get(t);if(n)return n;console.error(`Component "${t}" not found in registry`)}}},exports.useRegisterAnchor=function(e,t){const n=v();let r=s.state(null);const o=s.derived(e),i=s.derived(t);return s.user_effect(()=>{const e=s.get(o),t=s.get(i),l=s.get(r);if(l&&e&&t)return n.register(e,t,l),()=>{n.unregister(e,t)}}),e=>(s.set(r,e,!0),{destroy(){s.set(r,null)}})},exports.useRenderers=y,exports.useSchemaRenderer=function(e){const t=y(),n=l(),r=u(e);return{getToolbarInfo:(o,s)=>{var i;const l=null==(i=n.provides)?void 0:i.getSchema(),u=e();if(!(l&&r.provides&&r.state&&u))return null;const d=`${o}-${s}`,c=r.state.activeToolbars[d];if(!c)return null;const a=l.toolbars[c.toolbarId];if(!a)return console.warn(`Toolbar "${c.toolbarId}" not found in schema`),null;const g=!a.permanent?()=>{var e;null==(e=r.provides)||e.closeToolbarSlot(o,s)}:void 0;return{renderer:t.toolbar,schema:a,documentId:u,isOpen:c.isOpen,onClose:g}},getSidebarInfo:(o,s)=>{var i,l;const u=null==(i=n.provides)?void 0:i.getSchema(),d=e();if(!(u&&r.provides&&r.state&&d))return null;const c=`${o}-${s}`,a=r.state.activeSidebars[c];if(!a)return null;const g=null==(l=u.sidebars)?void 0:l[a.sidebarId];if(!g)return console.warn(`Sidebar "${a.sidebarId}" not found in schema`),null;return{renderer:t.sidebar,schema:g,documentId:d,isOpen:a.isOpen,onClose:()=>{var e;null==(e=r.provides)||e.closeSidebarSlot(o,s)}}},getModalInfo:()=>{var o,s,i;const l=null==(o=n.provides)?void 0:o.getSchema(),u=e();if(!(l&&r.provides&&(null==(s=r.state)?void 0:s.activeModal)&&u))return null;const{modalId:d,isOpen:c}=r.state.activeModal,a=null==(i=l.modals)?void 0:i[d];if(!a)return console.warn(`Modal "${d}" not found in schema`),null;const g=t.modal;return g?{renderer:g,schema:a,documentId:u,isOpen:c,onClose:()=>{var e;null==(e=r.provides)||e.closeModal()},onExited:()=>{var e;null==(e=r.provides)||e.clearModal()}}:(console.warn("No modal renderer registered"),null)},getActiveToolbars:()=>r.state?Object.entries(r.state.activeToolbars).map(([e,t])=>{const[n,r]=e.split("-");return{placement:n,slot:r,toolbarId:t.toolbarId,isOpen:t.isOpen}}):[],getActiveSidebars:()=>r.state?Object.entries(r.state.activeSidebars).map(([e,t])=>{const[n,r]=e.split("-");return{placement:n,slot:r,sidebarId:t.sidebarId,isOpen:t.isOpen}}):[],getOverlaysInfo:()=>{var o;const s=null==(o=n.provides)?void 0:o.getSchema(),i=e();if(!(null==s?void 0:s.overlays)||!i||!r.state)return[];const l=t.overlay;if(!l)return[];return Object.values(s.overlays).filter(e=>!1!==r.state.enabledOverlays[e.id]).map(e=>({renderer:l,schema:e,documentId:i}))}}},exports.useSelectionMenu=function(e,t){const n=l(),r=y(),o="function"==typeof e?e:()=>e,i=s.derived(o),u=s.derived(t),d=s.derived(()=>{var e;return null==(e=n.provides)?void 0:e.getSchema()}),c=s.derived(()=>{var e,t;return null==(t=null==(e=s.get(d))?void 0:e.selectionMenus)?void 0:t[s.get(i)]}),a=s.derived(()=>{if(!s.get(c))return;const e=s.get(c),t=s.get(u),n=r.selectionMenu;return r=>r.selected?{component:n,props:{schema:e,documentId:t,props:r}}:null});return{get renderFn(){return s.get(a)}}},exports.useUICapability=l,exports.useUIContainer=function(){const e=r.getContext(d);if(!e)throw new Error("useUIContainer must be used within a UIProvider");return e},exports.useUIPlugin=i,exports.useUISchema=()=>{const e=l();return{get schema(){var t;return(null==(t=e.provides)?void 0:t.getSchema())??null}}},exports.useUIState=u,Object.keys(e).forEach(t=>{"default"===t||Object.prototype.hasOwnProperty.call(exports,t)||Object.defineProperty(exports,t,{enumerable:!0,get:()=>e[t]})});
 //# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-ui.svelte.ts","../../src/svelte/hooks/use-ui-container.svelte.ts","../../src/svelte/registries/anchor-registry.svelte.ts","../../src/svelte/registries/component-registry.svelte.ts","../../src/svelte/registries/renderers-registry.svelte.ts","../../src/svelte/auto-menu-renderer.svelte","../../src/svelte/root.svelte","../../src/svelte/provider.svelte","../../src/svelte/hooks/use-item-renderer.svelte.ts","../../src/svelte/hooks/use-register-anchor.svelte.ts","../../src/svelte/hooks/use-schema-renderer.svelte.ts","../../src/svelte/hooks/use-selection-menu.svelte.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { UIPlugin, UIDocumentState, UIScope } from '@embedpdf/plugin-ui';\n\n/**\n * Hook to get the raw UI plugin instance.\n */\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\n\n/**\n * Hook to get the UI plugin's capability API.\n */\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseUIStateReturn {\n  provides: UIScope | null;\n  state: UIDocumentState | null;\n}\n\n/**\n * Hook for UI state for a specific document\n * @param getDocumentId Function that returns the document ID\n */\nexport const useUIState = (getDocumentId: () => string | null): UseUIStateReturn => {\n  const capability = useUICapability();\n\n  let state = $state<UIDocumentState | null>(null);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      state = null;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Set initial state\n    state = scope.getState();\n\n    // Subscribe to all changes and update state\n    const unsubToolbar = scope.onToolbarChanged(() => {\n      state = scope.getState();\n    });\n    const unsubSidebar = scope.onSidebarChanged(() => {\n      state = scope.getState();\n    });\n    const unsubModal = scope.onModalChanged(() => {\n      state = scope.getState();\n    });\n    const unsubMenu = scope.onMenuChanged(() => {\n      state = scope.getState();\n    });\n\n    return () => {\n      unsubToolbar();\n      unsubSidebar();\n      unsubModal();\n      unsubMenu();\n    };\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n\n/**\n * Hook to get UI schema\n * Returns an object with a reactive getter for the schema\n */\nexport const useUISchema = () => {\n  const capability = useUICapability();\n\n  return {\n    get schema() {\n      return capability.provides?.getSchema() ?? null;\n    },\n  };\n};\n","import { getContext, setContext } from 'svelte';\n\nexport interface UIContainerContextValue {\n  /** Get the container element (may be null if not mounted) */\n  getContainer: () => HTMLDivElement | null;\n}\n\nconst UI_CONTAINER_KEY = Symbol('ui-container');\n\n/**\n * Set up the container context (called by UIRoot)\n */\nexport function setUIContainerContext(value: UIContainerContextValue): void {\n  setContext(UI_CONTAINER_KEY, value);\n}\n\n/**\n * Hook to access the UI container element.\n *\n * This provides access to the UIRoot container for:\n * - Container query based responsiveness\n * - Portaling elements to the root\n * - Measuring container dimensions\n *\n * @example\n * ```svelte\n * <script>\n *   import { useUIContainer } from '@embedpdf/plugin-ui/svelte';\n *   import { onMount, onDestroy } from 'svelte';\n *\n *   const { getContainer } = useUIContainer();\n *\n *   let observer;\n *\n *   onMount(() => {\n *     const container = getContainer();\n *     if (!container) return;\n *\n *     observer = new ResizeObserver(() => {\n *       console.log('Container width:', container.clientWidth);\n *     });\n *     observer.observe(container);\n *   });\n *\n *   onDestroy(() => observer?.disconnect());\n * </script>\n * ```\n */\nexport function useUIContainer(): UIContainerContextValue {\n  const context = getContext<UIContainerContextValue>(UI_CONTAINER_KEY);\n  if (!context) {\n    throw new Error('useUIContainer must be used within a UIProvider');\n  }\n  return context;\n}\n","import { getContext, setContext } from 'svelte';\n\n/**\n * Anchor Registry\n *\n * Tracks DOM elements for menu positioning.\n * Each anchor is scoped by documentId and itemId.\n */\nexport interface AnchorRegistry {\n  register(documentId: string, itemId: string, element: HTMLElement): void;\n  unregister(documentId: string, itemId: string): void;\n  getAnchor(documentId: string, itemId: string): HTMLElement | null;\n}\n\nconst ANCHOR_REGISTRY_KEY = Symbol('AnchorRegistry');\n\nexport function createAnchorRegistry(): AnchorRegistry {\n  const anchors = new Map<string, HTMLElement>();\n\n  return {\n    register(documentId: string, itemId: string, element: HTMLElement) {\n      const key = `${documentId}:${itemId}`;\n      anchors.set(key, element);\n    },\n\n    unregister(documentId: string, itemId: string) {\n      const key = `${documentId}:${itemId}`;\n      anchors.delete(key);\n    },\n\n    getAnchor(documentId: string, itemId: string) {\n      const key = `${documentId}:${itemId}`;\n      return anchors.get(key) || null;\n    },\n  };\n}\n\nexport function provideAnchorRegistry() {\n  const registry = createAnchorRegistry();\n  setContext(ANCHOR_REGISTRY_KEY, registry);\n  return registry;\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n  const registry = getContext<AnchorRegistry>(ANCHOR_REGISTRY_KEY);\n  if (!registry) {\n    throw new Error('useAnchorRegistry must be used within UIProvider');\n  }\n  return registry;\n}\n","import { getContext, setContext, type Component } from 'svelte';\nimport type { BaseComponentProps } from '../types';\n\n/**\n * Component Registry\n *\n * Stores custom components that can be referenced in the UI schema.\n */\nexport interface ComponentRegistry {\n  register(id: string, component: Component<BaseComponentProps>): void;\n  unregister(id: string): void;\n  get(id: string): Component<BaseComponentProps> | undefined;\n  has(id: string): boolean;\n  getRegisteredIds(): string[];\n}\n\nconst COMPONENT_REGISTRY_KEY = Symbol('ComponentRegistry');\n\nexport function createComponentRegistry(\n  initialComponents: Record<string, Component<BaseComponentProps>> = {},\n): ComponentRegistry {\n  const components = new Map<string, Component<BaseComponentProps>>(\n    Object.entries(initialComponents),\n  );\n\n  return {\n    register(id: string, component: Component<BaseComponentProps>) {\n      components.set(id, component);\n    },\n\n    unregister(id: string) {\n      components.delete(id);\n    },\n\n    get(id: string) {\n      return components.get(id);\n    },\n\n    has(id: string) {\n      return components.has(id);\n    },\n\n    getRegisteredIds() {\n      return Array.from(components.keys());\n    },\n  };\n}\n\nexport function provideComponentRegistry(\n  initialComponents: Record<string, Component<BaseComponentProps>> = {},\n) {\n  const registry = createComponentRegistry(initialComponents);\n  setContext(COMPONENT_REGISTRY_KEY, registry);\n  return registry;\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n  const registry = getContext<ComponentRegistry>(COMPONENT_REGISTRY_KEY);\n  if (!registry) {\n    throw new Error('useComponentRegistry must be used within UIProvider');\n  }\n  return registry;\n}\n","import { getContext, setContext } from 'svelte';\nimport type { UIRenderers } from '../types';\n\n/**\n * Renderers Registry\n *\n * Provides access to user-supplied renderers (toolbar, panel, menu).\n */\nconst RENDERERS_KEY = Symbol('Renderers');\n\nexport function provideRenderers(renderers: UIRenderers) {\n  setContext(RENDERERS_KEY, renderers);\n}\n\nexport function useRenderers(): UIRenderers {\n  const renderers = getContext<UIRenderers>(RENDERERS_KEY);\n  if (!renderers) {\n    throw new Error('useRenderers must be used within UIProvider');\n  }\n  return renderers;\n}\n","<script lang=\"ts\">\n  import { useUIState, useUICapability } from './hooks/use-ui.svelte';\n  import { useAnchorRegistry } from './registries/anchor-registry.svelte';\n  import { useRenderers } from './registries/renderers-registry.svelte';\n\n  /**\n   * Automatically renders menus when opened\n   *\n   * This component:\n   * 1. Listens to UI plugin state for open menus\n   * 2. Looks up anchor elements from the anchor registry\n   * 3. Renders menus using the user-provided menu renderer\n   */\n\n  interface Props {\n    documentId: string; // Which document's menus to render\n    container?: HTMLElement | null;\n  }\n\n  let { documentId, container = null }: Props = $props();\n\n  const uiState = useUIState(() => documentId);\n  const capability = useUICapability();\n  const anchorRegistry = useAnchorRegistry();\n  const renderers = useRenderers();\n\n  // Derived state for active menu\n  const activeMenu = $derived.by(() => {\n    const openMenus = uiState.state?.openMenus || {};\n    const openMenuIds = Object.keys(openMenus);\n\n    if (openMenuIds.length === 0) return null;\n\n    // Show the first open menu (in practice, should only be one)\n    const menuId = openMenuIds[0];\n    if (!menuId) return null;\n\n    const menuState = openMenus[menuId];\n    if (!menuState || !menuState.triggeredByItemId) return null;\n\n    // Look up anchor with documentId scope\n    const anchor = anchorRegistry.getAnchor(documentId, menuState.triggeredByItemId);\n    return { menuId, anchorEl: anchor };\n  });\n\n  const schema = $derived(capability.provides?.getSchema());\n\n  const menuSchema = $derived.by(() => {\n    if (!activeMenu || !schema) return null;\n\n    const menuSchemaValue = schema.menus[activeMenu.menuId];\n    if (!menuSchemaValue) {\n      console.warn(`Menu \"${activeMenu.menuId}\" not found in schema`);\n      return null;\n    }\n\n    return menuSchemaValue;\n  });\n\n  const handleClose = () => {\n    if (activeMenu) {\n      uiState.provides?.closeMenu(activeMenu.menuId);\n    }\n  };\n\n  // Use the user-provided menu renderer\n  const MenuRenderer = renderers.menu;\n</script>\n\n{#if activeMenu && menuSchema && MenuRenderer}\n  <MenuRenderer\n    schema={menuSchema}\n    {documentId}\n    anchorEl={activeMenu.anchorEl}\n    onClose={handleClose}\n    {container}\n  />\n{/if}\n","<script lang=\"ts\">\n  import { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\n  import { useUIPlugin, useUICapability } from './hooks/use-ui.svelte';\n  import { setUIContainerContext } from './hooks/use-ui-container.svelte';\n  import type { Snippet } from 'svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  type Props = HTMLAttributes<HTMLDivElement> & {\n    children?: Snippet;\n  };\n\n  let { children, class: className, ...restProps }: Props = $props();\n\n  const { plugin } = useUIPlugin();\n  const { provides } = useUICapability();\n\n  let disabledCategories = $state<string[]>([]);\n  let hiddenItems = $state<string[]>([]);\n  let rootElement: HTMLDivElement | null = $state(null);\n  let styleEl: HTMLStyleElement | null = null;\n  let styleTarget: HTMLElement | ShadowRoot | null = null;\n\n  // Provide container context for child components\n  setUIContainerContext({\n    getContainer: () => rootElement,\n  });\n\n  function getStyleTarget(element: HTMLElement): HTMLElement | ShadowRoot {\n    const root = element.getRootNode();\n    if (root instanceof ShadowRoot) {\n      return root;\n    }\n    return document.head;\n  }\n\n  $effect(() => {\n    if (!rootElement || !plugin) {\n      styleTarget = null;\n      return;\n    }\n\n    styleTarget = getStyleTarget(rootElement);\n\n    const existingStyle = styleTarget.querySelector(UI_SELECTORS.STYLES) as HTMLStyleElement | null;\n\n    if (existingStyle) {\n      styleEl = existingStyle;\n      existingStyle.textContent = plugin.getStylesheet();\n      return;\n    }\n\n    const stylesheet = plugin.getStylesheet();\n    const newStyleEl = document.createElement('style');\n    newStyleEl.setAttribute(UI_ATTRIBUTES.STYLES, '');\n    newStyleEl.textContent = stylesheet;\n\n    if (styleTarget instanceof ShadowRoot) {\n      styleTarget.insertBefore(newStyleEl, styleTarget.firstChild);\n    } else {\n      styleTarget.appendChild(newStyleEl);\n    }\n\n    styleEl = newStyleEl;\n\n    return () => {\n      if (styleEl?.parentNode) {\n        styleEl.remove();\n      }\n      styleEl = null;\n      styleTarget = null;\n    };\n  });\n\n  $effect(() => {\n    if (!plugin) return;\n\n    return plugin.onStylesheetInvalidated(() => {\n      if (styleEl) {\n        styleEl.textContent = plugin.getStylesheet();\n      }\n    });\n  });\n\n  $effect(() => {\n    if (!provides) return;\n\n    disabledCategories = provides.getDisabledCategories();\n    hiddenItems = provides.getHiddenItems();\n\n    return provides.onCategoryChanged((event) => {\n      disabledCategories = event.disabledCategories;\n      hiddenItems = event.hiddenItems;\n    });\n  });\n\n  const disabledCategoriesAttr = $derived(\n    disabledCategories.length > 0 ? disabledCategories.join(' ') : undefined,\n  );\n\n  const hiddenItemsAttr = $derived(hiddenItems.length > 0 ? hiddenItems.join(' ') : undefined);\n</script>\n\n<div\n  bind:this={rootElement}\n  {...restProps}\n  {...{ [UI_ATTRIBUTES.ROOT]: '' }}\n  {...disabledCategoriesAttr ? { [UI_ATTRIBUTES.DISABLED_CATEGORIES]: disabledCategoriesAttr } : {}}\n  {...hiddenItemsAttr ? { [UI_ATTRIBUTES.HIDDEN_ITEMS]: hiddenItemsAttr } : {}}\n  class={className}\n  style:container-type=\"inline-size\"\n>\n  {#if children}\n    {@render children()}\n  {/if}\n</div>\n","<script lang=\"ts\">\n  import type { Component, Snippet } from 'svelte';\n  import { provideAnchorRegistry } from './registries/anchor-registry.svelte';\n  import { provideComponentRegistry } from './registries/component-registry.svelte';\n  import { provideRenderers } from './registries/renderers-registry.svelte';\n  import type { UIComponents, UIRenderers } from './types';\n  import AutoMenuRenderer from './auto-menu-renderer.svelte';\n  import UIRoot from './root.svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  /**\n   * UIProvider Props\n   */\n  type ProviderProps = HTMLAttributes<HTMLDivElement> & {\n    children: Snippet;\n\n    /**\n     * Document ID for this UI context\n     * Required for menu rendering\n     */\n    documentId: string;\n\n    /**\n     * Custom component registry\n     * Maps component IDs to components\n     */\n    components?: UIComponents;\n\n    /**\n     * REQUIRED: User-provided renderers\n     * These define how toolbars, panels, and menus are displayed\n     */\n    renderers: UIRenderers;\n\n    /**\n     * Optional: Container for menu portal\n     * Defaults to document.body\n     */\n    menuContainer?: HTMLElement | null;\n\n    class?: string;\n  };\n\n  let {\n    children,\n    documentId,\n    components = {},\n    renderers,\n    menuContainer = null,\n    class: className,\n    ...restProps\n  }: ProviderProps = $props();\n\n  /**\n   * UIProvider - Single provider for all UI plugin functionality\n   *\n   * Manages:\n   * - Anchor registry for menu positioning\n   * - Component registry for custom components\n   * - Renderers for toolbars, panels, and menus\n   * - Automatic menu rendering\n   *\n   * @example\n   * ```svelte\n   * <EmbedPDF {engine} {plugins}>\n   *   {#snippet children({ pluginsReady, activeDocumentId })}\n   *     {#if pluginsReady && activeDocumentId}\n   *       <UIProvider\n   *         documentId={activeDocumentId}\n   *         components={{\n   *           'thumbnail-panel': ThumbnailPanel,\n   *           'bookmark-panel': BookmarkPanel,\n   *         }}\n   *         renderers={{\n   *           toolbar: ToolbarRenderer,\n   *           panel: PanelRenderer,\n   *           menu: MenuRenderer,\n   *         }}\n   *       >\n   *         {#snippet children()}\n   *           <ViewerLayout />\n   *         {/snippet}\n   *       </UIProvider>\n   *     {/if}\n   *   {/snippet}\n   * </EmbedPDF>\n   * ```\n   */\n\n  // Provide all registries\n  provideAnchorRegistry();\n  provideComponentRegistry(components);\n  provideRenderers(renderers);\n</script>\n\n<UIRoot class={className} {...restProps}>\n  {@render children()}\n  <AutoMenuRenderer {documentId} container={menuContainer} />\n</UIRoot>\n","import { useComponentRegistry } from '../registries/component-registry.svelte';\n\n/**\n * Helper utilities for building renderers\n */\nexport function useItemRenderer() {\n  const componentRegistry = useComponentRegistry();\n\n  return {\n    /**\n     * Get a custom component by ID\n     *\n     * @param componentId - Component ID from schema\n     * @returns Component constructor or undefined if not found\n     *\n     * @example\n     * ```svelte\n     * <script lang=\"ts\">\n     *   const { getCustomComponent } = useItemRenderer();\n     *   const MyComponent = getCustomComponent('my-component-id');\n     * </script>\n     *\n     * {#if MyComponent}\n     *   <MyComponent {documentId} {...props} />\n     * {/if}\n     * ```\n     */\n    getCustomComponent: (componentId: string) => {\n      const Component = componentRegistry.get(componentId);\n\n      if (!Component) {\n        console.error(`Component \"${componentId}\" not found in registry`);\n        return undefined;\n      }\n\n      return Component;\n    },\n  };\n}\n","import { onDestroy } from 'svelte';\nimport { useAnchorRegistry } from '../registries/anchor-registry.svelte';\n\n/**\n * Register a DOM element as an anchor for menus\n *\n * @param getDocumentId - Function returning document ID\n * @param getItemId - Function returning item ID (typically matches the toolbar/menu item ID)\n * @returns Function to attach to the element via use:action\n *\n * @example\n *\n * <script lang=\"ts\">\n *   const registerAnchor = useRegisterAnchor(() => documentId, () => 'zoom-button');\n * </script>\n *\n * <button use:registerAnchor>Zoom</button>\n *  */\nexport function useRegisterAnchor(getDocumentId: () => string | null, getItemId: () => string) {\n  const registry = useAnchorRegistry();\n  let currentElement = $state<HTMLElement | null>(null);\n\n  // Reactive values - these update when the functions return different values\n  const documentId = $derived(getDocumentId());\n  const itemId = $derived(getItemId());\n\n  // Re-register anchor when documentId, itemId, or element changes\n  $effect(() => {\n    const docId = documentId;\n    const item = itemId;\n    const element = currentElement;\n\n    // Only register if we have all required values\n    if (element && docId && item) {\n      registry.register(docId, item, element);\n\n      // Cleanup: unregister when effect re-runs or component unmounts\n      return () => {\n        registry.unregister(docId, item);\n      };\n    }\n  });\n\n  // Svelte action function\n  const action = (element: HTMLElement) => {\n    currentElement = element;\n\n    return {\n      destroy() {\n        // Clear the element reference when the action is destroyed\n        currentElement = null;\n      },\n    };\n  };\n\n  return action;\n}\n","import { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/**\n * High-level hook for rendering UI from schema\n *\n * Provides information about active toolbars, sidebars, and modals.\n * Always includes isOpen state so renderers can control animations.\n *\n * Use with Svelte's component binding to render toolbars and sidebars.\n *\n * @example\n * ```svelte\n * <script lang=\"ts\">\n *   const { getToolbarInfo, getSidebarInfo, getModalInfo } = useSchemaRenderer(() => documentId);\n *\n *   const topMainToolbar = $derived(getToolbarInfo('top', 'main'));\n *   const leftMainSidebar = $derived(getSidebarInfo('left', 'main'));\n *   const modal = $derived(getModalInfo());\n * </script>\n *\n * {#if topMainToolbar}\n *   {@const ToolbarRenderer = topMainToolbar.renderer}\n *   <ToolbarRenderer\n *     schema={topMainToolbar.schema}\n *     documentId={topMainToolbar.documentId}\n *     isOpen={topMainToolbar.isOpen}\n *     onClose={topMainToolbar.onClose}\n *   />\n * {/if}\n * ```\n */\nexport function useSchemaRenderer(getDocumentId: () => string | null) {\n  const renderers = useRenderers();\n  const capability = useUICapability();\n  const uiState = useUIState(getDocumentId);\n\n  return {\n    /**\n     * Get toolbar information by placement and slot\n     *\n     * @param placement - 'top' | 'bottom' | 'left' | 'right'\n     * @param slot - Slot name (e.g. 'main', 'secondary')\n     * @returns Toolbar info or null if no toolbar in slot\n     */\n    getToolbarInfo: (placement: 'top' | 'bottom' | 'left' | 'right', slot: string) => {\n      const schema = capability.provides?.getSchema();\n      const documentId = getDocumentId();\n\n      if (!schema || !uiState.provides || !uiState.state || !documentId) return null;\n\n      const slotKey = `${placement}-${slot}`;\n      const toolbarSlot = uiState.state.activeToolbars[slotKey];\n\n      // If no toolbar in this slot, nothing to render\n      if (!toolbarSlot) return null;\n\n      const toolbarSchema = schema.toolbars[toolbarSlot.toolbarId];\n      if (!toolbarSchema) {\n        console.warn(`Toolbar \"${toolbarSlot.toolbarId}\" not found in schema`);\n        return null;\n      }\n\n      // Check if toolbar is closable\n      const isClosable = !toolbarSchema.permanent;\n\n      const handleClose = isClosable\n        ? () => {\n            uiState.provides?.closeToolbarSlot(placement, slot);\n          }\n        : undefined;\n\n      return {\n        renderer: renderers.toolbar,\n        schema: toolbarSchema,\n        documentId,\n        isOpen: toolbarSlot.isOpen,\n        onClose: handleClose,\n      };\n    },\n\n    /**\n     * Get sidebar information by placement and slot\n     *\n     * @param placement - 'left' | 'right' | 'top' | 'bottom'\n     * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n     * @returns Sidebar info or null if no sidebar in slot\n     */\n    getSidebarInfo: (placement: 'left' | 'right' | 'top' | 'bottom', slot: string) => {\n      const schema = capability.provides?.getSchema();\n      const documentId = getDocumentId();\n\n      if (!schema || !uiState.provides || !uiState.state || !documentId) return null;\n\n      const slotKey = `${placement}-${slot}`;\n      const sidebarSlot = uiState.state.activeSidebars[slotKey];\n\n      // If no sidebar in this slot, nothing to render\n      if (!sidebarSlot) return null;\n\n      const sidebarSchema = schema.sidebars?.[sidebarSlot.sidebarId];\n      if (!sidebarSchema) {\n        console.warn(`Sidebar \"${sidebarSlot.sidebarId}\" not found in schema`);\n        return null;\n      }\n\n      const handleClose = () => {\n        uiState.provides?.closeSidebarSlot(placement, slot);\n      };\n\n      return {\n        renderer: renderers.sidebar,\n        schema: sidebarSchema,\n        documentId,\n        isOpen: sidebarSlot.isOpen,\n        onClose: handleClose,\n      };\n    },\n\n    /**\n     * Get modal information (if active)\n     *\n     * Supports animation lifecycle:\n     * - isOpen: true = visible\n     * - isOpen: false = animate out (modal still rendered)\n     * - onExited called after animation → modal removed\n     *\n     * @returns Modal info or null if no modal active\n     */\n    getModalInfo: () => {\n      const schema = capability.provides?.getSchema();\n      const documentId = getDocumentId();\n\n      if (!schema || !uiState.provides || !uiState.state?.activeModal || !documentId) return null;\n\n      const { modalId, isOpen } = uiState.state.activeModal;\n\n      const modalSchema = schema.modals?.[modalId];\n      if (!modalSchema) {\n        console.warn(`Modal \"${modalId}\" not found in schema`);\n        return null;\n      }\n\n      const handleClose = () => {\n        uiState.provides?.closeModal();\n      };\n\n      const handleExited = () => {\n        uiState.provides?.clearModal();\n      };\n\n      const ModalRenderer = renderers.modal;\n      if (!ModalRenderer) {\n        console.warn('No modal renderer registered');\n        return null;\n      }\n\n      return {\n        renderer: ModalRenderer,\n        schema: modalSchema,\n        documentId,\n        isOpen,\n        onClose: handleClose,\n        onExited: handleExited,\n      };\n    },\n\n    /**\n     * Helper: Get all active toolbars for this document\n     * Useful for batch rendering or debugging\n     */\n    getActiveToolbars: () => {\n      if (!uiState.state) return [];\n      return Object.entries(uiState.state.activeToolbars).map(([slotKey, toolbarSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          toolbarId: toolbarSlot.toolbarId,\n          isOpen: toolbarSlot.isOpen,\n        };\n      });\n    },\n\n    /**\n     * Helper: Get all active sidebars for this document\n     * Useful for batch rendering or debugging\n     */\n    getActiveSidebars: () => {\n      if (!uiState.state) return [];\n      return Object.entries(uiState.state.activeSidebars).map(([slotKey, sidebarSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          sidebarId: sidebarSlot.sidebarId,\n          isOpen: sidebarSlot.isOpen,\n        };\n      });\n    },\n\n    /**\n     * Get overlay information for all enabled overlays\n     *\n     * Overlays are floating components positioned over the document content.\n     * Unlike modals, multiple overlays can be visible and they don't block interaction.\n     *\n     * @example\n     * ```svelte\n     * <script lang=\"ts\">\n     *   const { getOverlaysInfo } = useSchemaRenderer(() => documentId);\n     *   const overlays = $derived(getOverlaysInfo());\n     * </script>\n     *\n     * {#each overlays as overlay (overlay.schema.id)}\n     *   {@const OverlayRenderer = overlay.renderer}\n     *   <OverlayRenderer schema={overlay.schema} documentId={overlay.documentId} />\n     * {/each}\n     * ```\n     */\n    getOverlaysInfo: () => {\n      const schema = capability.provides?.getSchema();\n      const documentId = getDocumentId();\n\n      if (!schema?.overlays || !documentId) return [];\n\n      const OverlayRenderer = renderers.overlay;\n      if (!OverlayRenderer) {\n        return [];\n      }\n\n      return Object.values(schema.overlays).map((overlaySchema) => ({\n        renderer: OverlayRenderer,\n        schema: overlaySchema,\n        documentId,\n      }));\n    },\n  };\n}\n\n// Import after definition to avoid circular dependency\nimport { useUIState } from './use-ui.svelte';\n","import type {\n  SelectionMenuPropsBase,\n  SelectionMenuRenderFn,\n  SelectionMenuRenderResult,\n} from '@embedpdf/utils/svelte';\nimport { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/**\n * Hook for schema-driven selection menus\n */\nexport function useSelectionMenu<TContext extends { type: string }>(\n  menuId: string | (() => string),\n  getDocumentId: () => string,\n) {\n  const uiCapability = useUICapability();\n  const renderers = useRenderers();\n\n  // Normalize menuId to always be a function, then make it reactive\n  const getMenuIdFn = typeof menuId === 'function' ? menuId : () => menuId;\n  const menuIdValue = $derived(getMenuIdFn());\n  const documentId = $derived(getDocumentId());\n  const schema = $derived(uiCapability.provides?.getSchema());\n  const menuSchema = $derived(schema?.selectionMenus?.[menuIdValue]);\n\n  const renderFn = $derived.by<SelectionMenuRenderFn<TContext> | undefined>(() => {\n    if (!menuSchema) return undefined;\n\n    const currentMenuSchema = menuSchema;\n    const currentDocumentId = documentId;\n    const SelectionMenuRenderer = renderers.selectionMenu;\n\n    return (props: SelectionMenuPropsBase<TContext>): SelectionMenuRenderResult | null => {\n      if (!props.selected) return null;\n\n      return {\n        component: SelectionMenuRenderer,\n        props: {\n          schema: currentMenuSchema,\n          documentId: currentDocumentId,\n          props,\n        },\n      };\n    };\n  });\n\n  return {\n    get renderFn() {\n      return renderFn;\n    },\n  };\n}\n"],"names":["useUIPlugin","usePlugin","UIPlugin","id","useUICapability","useCapability","useUIState","getDocumentId","capability","state","$","documentId","scopedProvides","derived","provides","forDocument","user_effect","docId","set","scope","getState","unsubToolbar","onToolbarChanged","unsubSidebar","onSidebarChanged","unsubModal","onModalChanged","unsubMenu","onMenuChanged","UI_CONTAINER_KEY","Symbol","setUIContainerContext","value","setContext","ANCHOR_REGISTRY_KEY","createAnchorRegistry","anchors","Map","register","itemId","element","key","unregister","delete","getAnchor","get","provideAnchorRegistry","registry","useAnchorRegistry","getContext","Error","COMPONENT_REGISTRY_KEY","createComponentRegistry","initialComponents","components","Object","entries","component","has","getRegisteredIds","Array","from","keys","provideComponentRegistry","useComponentRegistry","RENDERERS_KEY","provideRenderers","renderers","useRenderers","container","uiState","$$props","anchorRegistry","activeMenu","openMenus","_a","openMenuIds","length","menuId","menuState","triggeredByItemId","anchorEl","schema","getSchema","menuSchema","menuSchemaValue","menus","console","warn","handleClose","closeMenu","MenuRenderer","menu","$$anchor","$$render","consequent","restProps","rest_props","plugin","disabledCategories","proxy","hiddenItems","rootElement","styleEl","styleTarget","getContainer","root","getRootNode","ShadowRoot","document","head","getStyleTarget","existingStyle","querySelector","UI_SELECTORS","STYLES","textContent","getStylesheet","stylesheet","newStyleEl","createElement","setAttribute","UI_ATTRIBUTES","insertBefore","firstChild","appendChild","parentNode","remove","onStylesheetInvalidated","getDisabledCategories","getHiddenItems","onCategoryChanged","event","disabledCategoriesAttr","join","hiddenItemsAttr","div","root_1","ROOT","DISABLED_CATEGORIES","HIDDEN_ITEMS","$$value","prop","menuContainer","UIRoot","spread_props","AutoMenuRenderer","componentRegistry","getCustomComponent","componentId","Component","error","getItemId","currentElement","item","destroy","getToolbarInfo","placement","slot","slotKey","toolbarSlot","activeToolbars","toolbarSchema","toolbars","toolbarId","permanent","closeToolbarSlot","renderer","toolbar","isOpen","onClose","getSidebarInfo","sidebarSlot","activeSidebars","sidebarSchema","_b","sidebars","sidebarId","sidebar","closeSidebarSlot","getModalInfo","activeModal","modalId","modalSchema","_c","modals","ModalRenderer","modal","closeModal","onExited","clearModal","getActiveToolbars","map","split","getActiveSidebars","getOverlaysInfo","overlays","OverlayRenderer","overlay","values","overlaySchema","uiCapability","getMenuIdFn","menuIdValue","selectionMenus","renderFn","currentMenuSchema","currentDocumentId","SelectionMenuRenderer","selectionMenu","props","selected","context"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-ui.svelte.ts","../../src/svelte/hooks/use-ui-container.svelte.ts","../../src/svelte/registries/anchor-registry.svelte.ts","../../src/svelte/registries/component-registry.svelte.ts","../../src/svelte/registries/renderers-registry.svelte.ts","../../src/svelte/auto-menu-renderer.svelte","../../src/svelte/root.svelte","../../src/svelte/provider.svelte","../../src/svelte/hooks/use-item-renderer.svelte.ts","../../src/svelte/hooks/use-register-anchor.svelte.ts","../../src/svelte/hooks/use-schema-renderer.svelte.ts","../../src/svelte/hooks/use-selection-menu.svelte.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { UIPlugin, UIDocumentState, UIScope } from '@embedpdf/plugin-ui';\n\n/**\n * Hook to get the raw UI plugin instance.\n */\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\n\n/**\n * Hook to get the UI plugin's capability API.\n */\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseUIStateReturn {\n  provides: UIScope | null;\n  state: UIDocumentState | null;\n}\n\n/**\n * Hook for UI state for a specific document\n * @param getDocumentId Function that returns the document ID\n */\nexport const useUIState = (getDocumentId: () => string | null): UseUIStateReturn => {\n  const capability = useUICapability();\n\n  let state = $state<UIDocumentState | null>(null);\n\n  // Reactive documentId\n  const documentId = $derived(getDocumentId());\n\n  // Scoped capability for current docId\n  const scopedProvides = $derived(\n    capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n  );\n\n  $effect(() => {\n    const provides = capability.provides;\n    const docId = documentId;\n\n    if (!provides || !docId) {\n      state = null;\n      return;\n    }\n\n    const scope = provides.forDocument(docId);\n\n    // Set initial state\n    state = scope.getState();\n\n    // Subscribe to all changes and update state\n    const unsubToolbar = scope.onToolbarChanged(() => {\n      state = scope.getState();\n    });\n    const unsubSidebar = scope.onSidebarChanged(() => {\n      state = scope.getState();\n    });\n    const unsubModal = scope.onModalChanged(() => {\n      state = scope.getState();\n    });\n    const unsubMenu = scope.onMenuChanged(() => {\n      state = scope.getState();\n    });\n    const unsubOverlay = scope.onOverlayChanged(() => {\n      state = scope.getState();\n    });\n\n    return () => {\n      unsubToolbar();\n      unsubSidebar();\n      unsubModal();\n      unsubMenu();\n      unsubOverlay();\n    };\n  });\n\n  return {\n    get provides() {\n      return scopedProvides;\n    },\n    get state() {\n      return state;\n    },\n  };\n};\n\n/**\n * Hook to get UI schema\n * Returns an object with a reactive getter for the schema\n */\nexport const useUISchema = () => {\n  const capability = useUICapability();\n\n  return {\n    get schema() {\n      return capability.provides?.getSchema() ?? null;\n    },\n  };\n};\n","import { getContext, setContext } from 'svelte';\n\nexport interface UIContainerContextValue {\n  /** Get the container element (may be null if not mounted) */\n  getContainer: () => HTMLDivElement | null;\n}\n\nconst UI_CONTAINER_KEY = Symbol('ui-container');\n\n/**\n * Set up the container context (called by UIRoot)\n */\nexport function setUIContainerContext(value: UIContainerContextValue): void {\n  setContext(UI_CONTAINER_KEY, value);\n}\n\n/**\n * Hook to access the UI container element.\n *\n * This provides access to the UIRoot container for:\n * - Container query based responsiveness\n * - Portaling elements to the root\n * - Measuring container dimensions\n *\n * @example\n * ```svelte\n * <script>\n *   import { useUIContainer } from '@embedpdf/plugin-ui/svelte';\n *   import { onMount, onDestroy } from 'svelte';\n *\n *   const { getContainer } = useUIContainer();\n *\n *   let observer;\n *\n *   onMount(() => {\n *     const container = getContainer();\n *     if (!container) return;\n *\n *     observer = new ResizeObserver(() => {\n *       console.log('Container width:', container.clientWidth);\n *     });\n *     observer.observe(container);\n *   });\n *\n *   onDestroy(() => observer?.disconnect());\n * </script>\n * ```\n */\nexport function useUIContainer(): UIContainerContextValue {\n  const context = getContext<UIContainerContextValue>(UI_CONTAINER_KEY);\n  if (!context) {\n    throw new Error('useUIContainer must be used within a UIProvider');\n  }\n  return context;\n}\n","import { getContext, setContext } from 'svelte';\n\n/**\n * Anchor Registry\n *\n * Tracks DOM elements for menu positioning.\n * Each anchor is scoped by documentId and itemId.\n */\nexport interface AnchorRegistry {\n  register(documentId: string, itemId: string, element: HTMLElement): void;\n  unregister(documentId: string, itemId: string): void;\n  getAnchor(documentId: string, itemId: string): HTMLElement | null;\n}\n\nconst ANCHOR_REGISTRY_KEY = Symbol('AnchorRegistry');\n\nexport function createAnchorRegistry(): AnchorRegistry {\n  const anchors = new Map<string, HTMLElement>();\n\n  return {\n    register(documentId: string, itemId: string, element: HTMLElement) {\n      const key = `${documentId}:${itemId}`;\n      anchors.set(key, element);\n    },\n\n    unregister(documentId: string, itemId: string) {\n      const key = `${documentId}:${itemId}`;\n      anchors.delete(key);\n    },\n\n    getAnchor(documentId: string, itemId: string) {\n      const key = `${documentId}:${itemId}`;\n      return anchors.get(key) || null;\n    },\n  };\n}\n\nexport function provideAnchorRegistry() {\n  const registry = createAnchorRegistry();\n  setContext(ANCHOR_REGISTRY_KEY, registry);\n  return registry;\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n  const registry = getContext<AnchorRegistry>(ANCHOR_REGISTRY_KEY);\n  if (!registry) {\n    throw new Error('useAnchorRegistry must be used within UIProvider');\n  }\n  return registry;\n}\n","import { getContext, setContext, type Component } from 'svelte';\nimport type { BaseComponentProps } from '../types';\n\n/**\n * Component Registry\n *\n * Stores custom components that can be referenced in the UI schema.\n */\nexport interface ComponentRegistry {\n  register(id: string, component: Component<BaseComponentProps>): void;\n  unregister(id: string): void;\n  get(id: string): Component<BaseComponentProps> | undefined;\n  has(id: string): boolean;\n  getRegisteredIds(): string[];\n}\n\nconst COMPONENT_REGISTRY_KEY = Symbol('ComponentRegistry');\n\nexport function createComponentRegistry(\n  initialComponents: Record<string, Component<BaseComponentProps>> = {},\n): ComponentRegistry {\n  const components = new Map<string, Component<BaseComponentProps>>(\n    Object.entries(initialComponents),\n  );\n\n  return {\n    register(id: string, component: Component<BaseComponentProps>) {\n      components.set(id, component);\n    },\n\n    unregister(id: string) {\n      components.delete(id);\n    },\n\n    get(id: string) {\n      return components.get(id);\n    },\n\n    has(id: string) {\n      return components.has(id);\n    },\n\n    getRegisteredIds() {\n      return Array.from(components.keys());\n    },\n  };\n}\n\nexport function provideComponentRegistry(\n  initialComponents: Record<string, Component<BaseComponentProps>> = {},\n) {\n  const registry = createComponentRegistry(initialComponents);\n  setContext(COMPONENT_REGISTRY_KEY, registry);\n  return registry;\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n  const registry = getContext<ComponentRegistry>(COMPONENT_REGISTRY_KEY);\n  if (!registry) {\n    throw new Error('useComponentRegistry must be used within UIProvider');\n  }\n  return registry;\n}\n","import { getContext, setContext } from 'svelte';\nimport type { UIRenderers } from '../types';\n\n/**\n * Renderers Registry\n *\n * Provides access to user-supplied renderers (toolbar, panel, menu).\n */\nconst RENDERERS_KEY = Symbol('Renderers');\n\nexport function provideRenderers(renderers: UIRenderers) {\n  setContext(RENDERERS_KEY, renderers);\n}\n\nexport function useRenderers(): UIRenderers {\n  const renderers = getContext<UIRenderers>(RENDERERS_KEY);\n  if (!renderers) {\n    throw new Error('useRenderers must be used within UIProvider');\n  }\n  return renderers;\n}\n","<script lang=\"ts\">\n  import { useUIState, useUICapability } from './hooks/use-ui.svelte';\n  import { useAnchorRegistry } from './registries/anchor-registry.svelte';\n  import { useRenderers } from './registries/renderers-registry.svelte';\n\n  /**\n   * Automatically renders menus when opened\n   *\n   * This component:\n   * 1. Listens to UI plugin state for open menus\n   * 2. Looks up anchor elements from the anchor registry\n   * 3. Renders menus using the user-provided menu renderer\n   */\n\n  interface Props {\n    documentId: string; // Which document's menus to render\n    container?: HTMLElement | null;\n  }\n\n  let { documentId, container = null }: Props = $props();\n\n  const uiState = useUIState(() => documentId);\n  const capability = useUICapability();\n  const anchorRegistry = useAnchorRegistry();\n  const renderers = useRenderers();\n\n  // Derived state for active menu\n  const activeMenu = $derived.by(() => {\n    const openMenus = uiState.state?.openMenus || {};\n    const openMenuIds = Object.keys(openMenus);\n\n    if (openMenuIds.length === 0) return null;\n\n    // Show the first open menu (in practice, should only be one)\n    const menuId = openMenuIds[0];\n    if (!menuId) return null;\n\n    const menuState = openMenus[menuId];\n    if (!menuState || !menuState.triggeredByItemId) return null;\n\n    // Look up anchor with documentId scope\n    const anchor = anchorRegistry.getAnchor(documentId, menuState.triggeredByItemId);\n    return { menuId, anchorEl: anchor };\n  });\n\n  const schema = $derived(capability.provides?.getSchema());\n\n  const menuSchema = $derived.by(() => {\n    if (!activeMenu || !schema) return null;\n\n    const menuSchemaValue = schema.menus[activeMenu.menuId];\n    if (!menuSchemaValue) {\n      console.warn(`Menu \"${activeMenu.menuId}\" not found in schema`);\n      return null;\n    }\n\n    return menuSchemaValue;\n  });\n\n  const handleClose = () => {\n    if (activeMenu) {\n      uiState.provides?.closeMenu(activeMenu.menuId);\n    }\n  };\n\n  // Use the user-provided menu renderer\n  const MenuRenderer = renderers.menu;\n</script>\n\n{#if activeMenu && menuSchema && MenuRenderer}\n  <MenuRenderer\n    schema={menuSchema}\n    {documentId}\n    anchorEl={activeMenu.anchorEl}\n    onClose={handleClose}\n    {container}\n  />\n{/if}\n","<script lang=\"ts\">\n  import { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\n  import { useUIPlugin, useUICapability } from './hooks/use-ui.svelte';\n  import { setUIContainerContext } from './hooks/use-ui-container.svelte';\n  import type { Snippet } from 'svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  type Props = HTMLAttributes<HTMLDivElement> & {\n    children?: Snippet;\n  };\n\n  let { children, class: className, ...restProps }: Props = $props();\n\n  const { plugin } = useUIPlugin();\n  const { provides } = useUICapability();\n\n  let disabledCategories = $state<string[]>([]);\n  let hiddenItems = $state<string[]>([]);\n  let rootElement: HTMLDivElement | null = $state(null);\n  let styleEl: HTMLStyleElement | null = null;\n  let styleTarget: HTMLElement | ShadowRoot | null = null;\n\n  // Provide container context for child components\n  setUIContainerContext({\n    getContainer: () => rootElement,\n  });\n\n  function getStyleTarget(element: HTMLElement): HTMLElement | ShadowRoot {\n    const root = element.getRootNode();\n    if (root instanceof ShadowRoot) {\n      return root;\n    }\n    return document.head;\n  }\n\n  $effect(() => {\n    if (!rootElement || !plugin) {\n      styleTarget = null;\n      return;\n    }\n\n    styleTarget = getStyleTarget(rootElement);\n\n    const existingStyle = styleTarget.querySelector(UI_SELECTORS.STYLES) as HTMLStyleElement | null;\n\n    if (existingStyle) {\n      styleEl = existingStyle;\n      existingStyle.textContent = plugin.getStylesheet();\n      return;\n    }\n\n    const stylesheet = plugin.getStylesheet();\n    const newStyleEl = document.createElement('style');\n    newStyleEl.setAttribute(UI_ATTRIBUTES.STYLES, '');\n    newStyleEl.textContent = stylesheet;\n\n    if (styleTarget instanceof ShadowRoot) {\n      styleTarget.insertBefore(newStyleEl, styleTarget.firstChild);\n    } else {\n      styleTarget.appendChild(newStyleEl);\n    }\n\n    styleEl = newStyleEl;\n\n    return () => {\n      if (styleEl?.parentNode) {\n        styleEl.remove();\n      }\n      styleEl = null;\n      styleTarget = null;\n    };\n  });\n\n  $effect(() => {\n    if (!plugin) return;\n\n    return plugin.onStylesheetInvalidated(() => {\n      if (styleEl) {\n        styleEl.textContent = plugin.getStylesheet();\n      }\n    });\n  });\n\n  $effect(() => {\n    if (!provides) return;\n\n    disabledCategories = provides.getDisabledCategories();\n    hiddenItems = provides.getHiddenItems();\n\n    return provides.onCategoryChanged((event) => {\n      disabledCategories = event.disabledCategories;\n      hiddenItems = event.hiddenItems;\n    });\n  });\n\n  const disabledCategoriesAttr = $derived(\n    disabledCategories.length > 0 ? disabledCategories.join(' ') : undefined,\n  );\n\n  const hiddenItemsAttr = $derived(hiddenItems.length > 0 ? hiddenItems.join(' ') : undefined);\n</script>\n\n<div\n  bind:this={rootElement}\n  {...restProps}\n  {...{ [UI_ATTRIBUTES.ROOT]: '' }}\n  {...disabledCategoriesAttr ? { [UI_ATTRIBUTES.DISABLED_CATEGORIES]: disabledCategoriesAttr } : {}}\n  {...hiddenItemsAttr ? { [UI_ATTRIBUTES.HIDDEN_ITEMS]: hiddenItemsAttr } : {}}\n  class={className}\n  style:container-type=\"inline-size\"\n>\n  {#if children}\n    {@render children()}\n  {/if}\n</div>\n","<script lang=\"ts\">\n  import type { Component, Snippet } from 'svelte';\n  import { provideAnchorRegistry } from './registries/anchor-registry.svelte';\n  import { provideComponentRegistry } from './registries/component-registry.svelte';\n  import { provideRenderers } from './registries/renderers-registry.svelte';\n  import type { UIComponents, UIRenderers } from './types';\n  import AutoMenuRenderer from './auto-menu-renderer.svelte';\n  import UIRoot from './root.svelte';\n  import type { HTMLAttributes } from 'svelte/elements';\n\n  /**\n   * UIProvider Props\n   */\n  type ProviderProps = HTMLAttributes<HTMLDivElement> & {\n    children: Snippet;\n\n    /**\n     * Document ID for this UI context\n     * Required for menu rendering\n     */\n    documentId: string;\n\n    /**\n     * Custom component registry\n     * Maps component IDs to components\n     */\n    components?: UIComponents;\n\n    /**\n     * REQUIRED: User-provided renderers\n     * These define how toolbars, panels, and menus are displayed\n     */\n    renderers: UIRenderers;\n\n    /**\n     * Optional: Container for menu portal\n     * Defaults to document.body\n     */\n    menuContainer?: HTMLElement | null;\n\n    class?: string;\n  };\n\n  let {\n    children,\n    documentId,\n    components = {},\n    renderers,\n    menuContainer = null,\n    class: className,\n    ...restProps\n  }: ProviderProps = $props();\n\n  /**\n   * UIProvider - Single provider for all UI plugin functionality\n   *\n   * Manages:\n   * - Anchor registry for menu positioning\n   * - Component registry for custom components\n   * - Renderers for toolbars, panels, and menus\n   * - Automatic menu rendering\n   *\n   * @example\n   * ```svelte\n   * <EmbedPDF {engine} {plugins}>\n   *   {#snippet children({ pluginsReady, activeDocumentId })}\n   *     {#if pluginsReady && activeDocumentId}\n   *       <UIProvider\n   *         documentId={activeDocumentId}\n   *         components={{\n   *           'thumbnail-panel': ThumbnailPanel,\n   *           'bookmark-panel': BookmarkPanel,\n   *         }}\n   *         renderers={{\n   *           toolbar: ToolbarRenderer,\n   *           panel: PanelRenderer,\n   *           menu: MenuRenderer,\n   *         }}\n   *       >\n   *         {#snippet children()}\n   *           <ViewerLayout />\n   *         {/snippet}\n   *       </UIProvider>\n   *     {/if}\n   *   {/snippet}\n   * </EmbedPDF>\n   * ```\n   */\n\n  // Provide all registries\n  provideAnchorRegistry();\n  provideComponentRegistry(components);\n  provideRenderers(renderers);\n</script>\n\n<UIRoot class={className} {...restProps}>\n  {@render children()}\n  <AutoMenuRenderer {documentId} container={menuContainer} />\n</UIRoot>\n","import { useComponentRegistry } from '../registries/component-registry.svelte';\n\n/**\n * Helper utilities for building renderers\n */\nexport function useItemRenderer() {\n  const componentRegistry = useComponentRegistry();\n\n  return {\n    /**\n     * Get a custom component by ID\n     *\n     * @param componentId - Component ID from schema\n     * @returns Component constructor or undefined if not found\n     *\n     * @example\n     * ```svelte\n     * <script lang=\"ts\">\n     *   const { getCustomComponent } = useItemRenderer();\n     *   const MyComponent = getCustomComponent('my-component-id');\n     * </script>\n     *\n     * {#if MyComponent}\n     *   <MyComponent {documentId} {...props} />\n     * {/if}\n     * ```\n     */\n    getCustomComponent: (componentId: string) => {\n      const Component = componentRegistry.get(componentId);\n\n      if (!Component) {\n        console.error(`Component \"${componentId}\" not found in registry`);\n        return undefined;\n      }\n\n      return Component;\n    },\n  };\n}\n","import { onDestroy } from 'svelte';\nimport { useAnchorRegistry } from '../registries/anchor-registry.svelte';\n\n/**\n * Register a DOM element as an anchor for menus\n *\n * @param getDocumentId - Function returning document ID\n * @param getItemId - Function returning item ID (typically matches the toolbar/menu item ID)\n * @returns Function to attach to the element via use:action\n *\n * @example\n *\n * <script lang=\"ts\">\n *   const registerAnchor = useRegisterAnchor(() => documentId, () => 'zoom-button');\n * </script>\n *\n * <button use:registerAnchor>Zoom</button>\n *  */\nexport function useRegisterAnchor(getDocumentId: () => string | null, getItemId: () => string) {\n  const registry = useAnchorRegistry();\n  let currentElement = $state<HTMLElement | null>(null);\n\n  // Reactive values - these update when the functions return different values\n  const documentId = $derived(getDocumentId());\n  const itemId = $derived(getItemId());\n\n  // Re-register anchor when documentId, itemId, or element changes\n  $effect(() => {\n    const docId = documentId;\n    const item = itemId;\n    const element = currentElement;\n\n    // Only register if we have all required values\n    if (element && docId && item) {\n      registry.register(docId, item, element);\n\n      // Cleanup: unregister when effect re-runs or component unmounts\n      return () => {\n        registry.unregister(docId, item);\n      };\n    }\n  });\n\n  // Svelte action function\n  const action = (element: HTMLElement) => {\n    currentElement = element;\n\n    return {\n      destroy() {\n        // Clear the element reference when the action is destroyed\n        currentElement = null;\n      },\n    };\n  };\n\n  return action;\n}\n","import { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/**\n * High-level hook for rendering UI from schema\n *\n * Provides information about active toolbars, sidebars, and modals.\n * Always includes isOpen state so renderers can control animations.\n *\n * Use with Svelte's component binding to render toolbars and sidebars.\n *\n * @example\n * ```svelte\n * <script lang=\"ts\">\n *   const { getToolbarInfo, getSidebarInfo, getModalInfo } = useSchemaRenderer(() => documentId);\n *\n *   const topMainToolbar = $derived(getToolbarInfo('top', 'main'));\n *   const leftMainSidebar = $derived(getSidebarInfo('left', 'main'));\n *   const modal = $derived(getModalInfo());\n * </script>\n *\n * {#if topMainToolbar}\n *   {@const ToolbarRenderer = topMainToolbar.renderer}\n *   <ToolbarRenderer\n *     schema={topMainToolbar.schema}\n *     documentId={topMainToolbar.documentId}\n *     isOpen={topMainToolbar.isOpen}\n *     onClose={topMainToolbar.onClose}\n *   />\n * {/if}\n * ```\n */\nexport function useSchemaRenderer(getDocumentId: () => string | null) {\n  const renderers = useRenderers();\n  const capability = useUICapability();\n  const uiState = useUIState(getDocumentId);\n\n  return {\n    /**\n     * Get toolbar information by placement and slot\n     *\n     * @param placement - 'top' | 'bottom' | 'left' | 'right'\n     * @param slot - Slot name (e.g. 'main', 'secondary')\n     * @returns Toolbar info or null if no toolbar in slot\n     */\n    getToolbarInfo: (placement: 'top' | 'bottom' | 'left' | 'right', slot: string) => {\n      const schema = capability.provides?.getSchema();\n      const documentId = getDocumentId();\n\n      if (!schema || !uiState.provides || !uiState.state || !documentId) return null;\n\n      const slotKey = `${placement}-${slot}`;\n      const toolbarSlot = uiState.state.activeToolbars[slotKey];\n\n      // If no toolbar in this slot, nothing to render\n      if (!toolbarSlot) return null;\n\n      const toolbarSchema = schema.toolbars[toolbarSlot.toolbarId];\n      if (!toolbarSchema) {\n        console.warn(`Toolbar \"${toolbarSlot.toolbarId}\" not found in schema`);\n        return null;\n      }\n\n      // Check if toolbar is closable\n      const isClosable = !toolbarSchema.permanent;\n\n      const handleClose = isClosable\n        ? () => {\n            uiState.provides?.closeToolbarSlot(placement, slot);\n          }\n        : undefined;\n\n      return {\n        renderer: renderers.toolbar,\n        schema: toolbarSchema,\n        documentId,\n        isOpen: toolbarSlot.isOpen,\n        onClose: handleClose,\n      };\n    },\n\n    /**\n     * Get sidebar information by placement and slot\n     *\n     * @param placement - 'left' | 'right' | 'top' | 'bottom'\n     * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n     * @returns Sidebar info or null if no sidebar in slot\n     */\n    getSidebarInfo: (placement: 'left' | 'right' | 'top' | 'bottom', slot: string) => {\n      const schema = capability.provides?.getSchema();\n      const documentId = getDocumentId();\n\n      if (!schema || !uiState.provides || !uiState.state || !documentId) return null;\n\n      const slotKey = `${placement}-${slot}`;\n      const sidebarSlot = uiState.state.activeSidebars[slotKey];\n\n      // If no sidebar in this slot, nothing to render\n      if (!sidebarSlot) return null;\n\n      const sidebarSchema = schema.sidebars?.[sidebarSlot.sidebarId];\n      if (!sidebarSchema) {\n        console.warn(`Sidebar \"${sidebarSlot.sidebarId}\" not found in schema`);\n        return null;\n      }\n\n      const handleClose = () => {\n        uiState.provides?.closeSidebarSlot(placement, slot);\n      };\n\n      return {\n        renderer: renderers.sidebar,\n        schema: sidebarSchema,\n        documentId,\n        isOpen: sidebarSlot.isOpen,\n        onClose: handleClose,\n      };\n    },\n\n    /**\n     * Get modal information (if active)\n     *\n     * Supports animation lifecycle:\n     * - isOpen: true = visible\n     * - isOpen: false = animate out (modal still rendered)\n     * - onExited called after animation → modal removed\n     *\n     * @returns Modal info or null if no modal active\n     */\n    getModalInfo: () => {\n      const schema = capability.provides?.getSchema();\n      const documentId = getDocumentId();\n\n      if (!schema || !uiState.provides || !uiState.state?.activeModal || !documentId) return null;\n\n      const { modalId, isOpen } = uiState.state.activeModal;\n\n      const modalSchema = schema.modals?.[modalId];\n      if (!modalSchema) {\n        console.warn(`Modal \"${modalId}\" not found in schema`);\n        return null;\n      }\n\n      const handleClose = () => {\n        uiState.provides?.closeModal();\n      };\n\n      const handleExited = () => {\n        uiState.provides?.clearModal();\n      };\n\n      const ModalRenderer = renderers.modal;\n      if (!ModalRenderer) {\n        console.warn('No modal renderer registered');\n        return null;\n      }\n\n      return {\n        renderer: ModalRenderer,\n        schema: modalSchema,\n        documentId,\n        isOpen,\n        onClose: handleClose,\n        onExited: handleExited,\n      };\n    },\n\n    /**\n     * Helper: Get all active toolbars for this document\n     * Useful for batch rendering or debugging\n     */\n    getActiveToolbars: () => {\n      if (!uiState.state) return [];\n      return Object.entries(uiState.state.activeToolbars).map(([slotKey, toolbarSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          toolbarId: toolbarSlot.toolbarId,\n          isOpen: toolbarSlot.isOpen,\n        };\n      });\n    },\n\n    /**\n     * Helper: Get all active sidebars for this document\n     * Useful for batch rendering or debugging\n     */\n    getActiveSidebars: () => {\n      if (!uiState.state) return [];\n      return Object.entries(uiState.state.activeSidebars).map(([slotKey, sidebarSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          sidebarId: sidebarSlot.sidebarId,\n          isOpen: sidebarSlot.isOpen,\n        };\n      });\n    },\n\n    /**\n     * Get overlay information for all enabled overlays\n     *\n     * Overlays are floating components positioned over the document content.\n     * Unlike modals, multiple overlays can be visible and they don't block interaction.\n     * Overlay visibility is controlled by the enabledOverlays state.\n     *\n     * @example\n     * ```svelte\n     * <script lang=\"ts\">\n     *   const { getOverlaysInfo } = useSchemaRenderer(() => documentId);\n     *   const overlays = $derived(getOverlaysInfo());\n     * </script>\n     *\n     * {#each overlays as overlay (overlay.schema.id)}\n     *   {@const OverlayRenderer = overlay.renderer}\n     *   <OverlayRenderer schema={overlay.schema} documentId={overlay.documentId} />\n     * {/each}\n     * ```\n     */\n    getOverlaysInfo: () => {\n      const schema = capability.provides?.getSchema();\n      const documentId = getDocumentId();\n\n      if (!schema?.overlays || !documentId || !uiState.state) return [];\n\n      const OverlayRenderer = renderers.overlay;\n      if (!OverlayRenderer) {\n        return [];\n      }\n\n      const overlays = Object.values(schema.overlays);\n\n      // Filter overlays by enabled state (default to true if not explicitly set)\n      const enabledOverlays = overlays.filter(\n        (overlay) => uiState.state!.enabledOverlays[overlay.id] !== false,\n      );\n\n      return enabledOverlays.map((overlaySchema) => ({\n        renderer: OverlayRenderer,\n        schema: overlaySchema,\n        documentId,\n      }));\n    },\n  };\n}\n\n// Import after definition to avoid circular dependency\nimport { useUIState } from './use-ui.svelte';\n","import type {\n  SelectionMenuPropsBase,\n  SelectionMenuRenderFn,\n  SelectionMenuRenderResult,\n} from '@embedpdf/utils/svelte';\nimport { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/**\n * Hook for schema-driven selection menus\n */\nexport function useSelectionMenu<TContext extends { type: string }>(\n  menuId: string | (() => string),\n  getDocumentId: () => string,\n) {\n  const uiCapability = useUICapability();\n  const renderers = useRenderers();\n\n  // Normalize menuId to always be a function, then make it reactive\n  const getMenuIdFn = typeof menuId === 'function' ? menuId : () => menuId;\n  const menuIdValue = $derived(getMenuIdFn());\n  const documentId = $derived(getDocumentId());\n  const schema = $derived(uiCapability.provides?.getSchema());\n  const menuSchema = $derived(schema?.selectionMenus?.[menuIdValue]);\n\n  const renderFn = $derived.by<SelectionMenuRenderFn<TContext> | undefined>(() => {\n    if (!menuSchema) return undefined;\n\n    const currentMenuSchema = menuSchema;\n    const currentDocumentId = documentId;\n    const SelectionMenuRenderer = renderers.selectionMenu;\n\n    return (props: SelectionMenuPropsBase<TContext>): SelectionMenuRenderResult | null => {\n      if (!props.selected) return null;\n\n      return {\n        component: SelectionMenuRenderer,\n        props: {\n          schema: currentMenuSchema,\n          documentId: currentDocumentId,\n          props,\n        },\n      };\n    };\n  });\n\n  return {\n    get renderFn() {\n      return renderFn;\n    },\n  };\n}\n"],"names":["useUIPlugin","usePlugin","UIPlugin","id","useUICapability","useCapability","useUIState","getDocumentId","capability","state","$","documentId","scopedProvides","derived","provides","forDocument","user_effect","docId","set","scope","getState","unsubToolbar","onToolbarChanged","unsubSidebar","onSidebarChanged","unsubModal","onModalChanged","unsubMenu","onMenuChanged","unsubOverlay","onOverlayChanged","UI_CONTAINER_KEY","Symbol","setUIContainerContext","value","setContext","ANCHOR_REGISTRY_KEY","createAnchorRegistry","anchors","Map","register","itemId","element","key","unregister","delete","getAnchor","get","provideAnchorRegistry","registry","useAnchorRegistry","getContext","Error","COMPONENT_REGISTRY_KEY","createComponentRegistry","initialComponents","components","Object","entries","component","has","getRegisteredIds","Array","from","keys","provideComponentRegistry","useComponentRegistry","RENDERERS_KEY","provideRenderers","renderers","useRenderers","container","uiState","$$props","anchorRegistry","activeMenu","openMenus","_a","openMenuIds","length","menuId","menuState","triggeredByItemId","anchorEl","schema","getSchema","menuSchema","menuSchemaValue","menus","console","warn","handleClose","closeMenu","MenuRenderer","menu","$$anchor","$$render","consequent","restProps","rest_props","plugin","disabledCategories","proxy","hiddenItems","rootElement","styleEl","styleTarget","getContainer","root","getRootNode","ShadowRoot","document","head","getStyleTarget","existingStyle","querySelector","UI_SELECTORS","STYLES","textContent","getStylesheet","stylesheet","newStyleEl","createElement","setAttribute","UI_ATTRIBUTES","insertBefore","firstChild","appendChild","parentNode","remove","onStylesheetInvalidated","getDisabledCategories","getHiddenItems","onCategoryChanged","event","disabledCategoriesAttr","join","hiddenItemsAttr","div","root_1","ROOT","DISABLED_CATEGORIES","HIDDEN_ITEMS","$$value","prop","menuContainer","UIRoot","spread_props","AutoMenuRenderer","componentRegistry","getCustomComponent","componentId","Component","error","getItemId","currentElement","item","destroy","getToolbarInfo","placement","slot","slotKey","toolbarSlot","activeToolbars","toolbarSchema","toolbars","toolbarId","permanent","closeToolbarSlot","renderer","toolbar","isOpen","onClose","getSidebarInfo","sidebarSlot","activeSidebars","sidebarSchema","_b","sidebars","sidebarId","sidebar","closeSidebarSlot","getModalInfo","activeModal","modalId","modalSchema","_c","modals","ModalRenderer","modal","closeModal","onExited","clearModal","getActiveToolbars","map","split","getActiveSidebars","getOverlaysInfo","overlays","OverlayRenderer","overlay","values","filter","enabledOverlays","overlaySchema","uiCapability","getMenuIdFn","menuIdValue","selectionMenus","renderFn","currentMenuSchema","currentDocumentId","SelectionMenuRenderer","selectionMenu","props","selected","context"],"mappings":"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"}

package/dist/svelte/index.js

@@ -32,11 +32,15 @@ const useUIState = (getDocumentId) => {
     const unsubMenu = scope.onMenuChanged(() => {
       $.set(state, scope.getState(), true);
     });
+    const unsubOverlay = scope.onOverlayChanged(() => {
+      $.set(state, scope.getState(), true);
+    });
     return () => {
       unsubToolbar();
       unsubSidebar();
       unsubModal();
       unsubMenu();
+      unsubOverlay();
     };
   });
   return {
@@ -349,6 +353,7 @@ function useSchemaRenderer(getDocumentId) {
      *
      * Overlays are floating components positioned over the document content.
      * Unlike modals, multiple overlays can be visible and they don't block interaction.
+     * Overlay visibility is controlled by the enabledOverlays state.
      *
      * @example
      * ```svelte
@@ -367,12 +372,14 @@ function useSchemaRenderer(getDocumentId) {
       var _a;
       const schema = (_a = capability.provides) == null ? void 0 : _a.getSchema();
       const documentId = getDocumentId();
-      if (!(schema == null ? void 0 : schema.overlays) || !documentId) return [];
+      if (!(schema == null ? void 0 : schema.overlays) || !documentId || !uiState.state) return [];
       const OverlayRenderer = renderers.overlay;
       if (!OverlayRenderer) {
         return [];
       }
-      return Object.values(schema.overlays).map((overlaySchema) => ({ renderer: OverlayRenderer, schema: overlaySchema, documentId }));
+      const overlays = Object.values(schema.overlays);
+      const enabledOverlays = overlays.filter((overlay) => uiState.state.enabledOverlays[overlay.id] !== false);
+      return enabledOverlays.map((overlaySchema) => ({ renderer: OverlayRenderer, schema: overlaySchema, documentId }));
     }
   };
 }