@kritzel/editor 0.4.31

package/dist/types/components.d.ts

@@ -0,0 +1,3166 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ActiveWorkspaceChangeEvent, ConfigurableTool, ContextMenuItem, EditorIsReadyEvent, IKritzelDialogCloseEvent, IKritzelIsPublicChangeEvent, IKritzelMasterDetailItem, IKritzelMasterDetailSelectEvent, IKritzelMenuItem, IKritzelMenuItemSelectEvent, IKritzelMenuItemToggleChildMenuEvent, IKritzelUser, KritzelAlignment, KritzelAssetStorageConfig, KritzelBaseObject, KritzelBaseTool, KritzelBrushToolConfig, KritzelDebugInfo, KritzelDialogCloseReason, KritzelFontMap, KritzelLineToolConfig, KritzelLocale, KritzelLoginConfig, KritzelLoginProvider, KritzelNotification, KritzelObjectExportFormat, KritzelSettingsConfig, KritzelShapeToolConfig, KritzelShortcut, KritzelSyncConfig, KritzelTermKey, KritzelTermVars, KritzelTextToolConfig, KritzelTheme, KritzelToolbarItem, KritzelUndoState, KritzelViewportState, KritzelWorkspace, LineArrowConfig, LocaleCode, LoginEvent, ObjectsAddedEvent, ObjectsRemovedEvent, ObjectsUpdatedEvent, ThemeAwareColor, ThemeName, ToolDisplayValues } from "@kritzel/engine";
+import { BrushStyleOption } from "./components/kritzel-brush-style/kritzel-brush-style";
+import { DropdownOption } from "./components/kritzel-dropdown/kritzel-dropdown";
+import { Element } from "./stencil-public-runtime";
+import { FontOption } from "./components/kritzel-font-family/kritzel-font-family";
+import { LineEndingType } from "./components/kritzel-line-endings/kritzel-line-endings";
+import { KritzelPillTab } from "./components/kritzel-pill-tabs/kritzel-pill-tabs";
+import { ShapeFillType } from "./components/kritzel-shape-fill/kritzel-shape-fill";
+export { ActiveWorkspaceChangeEvent, ConfigurableTool, ContextMenuItem, EditorIsReadyEvent, IKritzelDialogCloseEvent, IKritzelIsPublicChangeEvent, IKritzelMasterDetailItem, IKritzelMasterDetailSelectEvent, IKritzelMenuItem, IKritzelMenuItemSelectEvent, IKritzelMenuItemToggleChildMenuEvent, IKritzelUser, KritzelAlignment, KritzelAssetStorageConfig, KritzelBaseObject, KritzelBaseTool, KritzelBrushToolConfig, KritzelDebugInfo, KritzelDialogCloseReason, KritzelFontMap, KritzelLineToolConfig, KritzelLocale, KritzelLoginConfig, KritzelLoginProvider, KritzelNotification, KritzelObjectExportFormat, KritzelSettingsConfig, KritzelShapeToolConfig, KritzelShortcut, KritzelSyncConfig, KritzelTermKey, KritzelTermVars, KritzelTextToolConfig, KritzelTheme, KritzelToolbarItem, KritzelUndoState, KritzelViewportState, KritzelWorkspace, LineArrowConfig, LocaleCode, LoginEvent, ObjectsAddedEvent, ObjectsRemovedEvent, ObjectsUpdatedEvent, ThemeAwareColor, ThemeName, ToolDisplayValues } from "@kritzel/engine";
+export { BrushStyleOption } from "./components/kritzel-brush-style/kritzel-brush-style";
+export { DropdownOption } from "./components/kritzel-dropdown/kritzel-dropdown";
+export { Element } from "./stencil-public-runtime";
+export { FontOption } from "./components/kritzel-font-family/kritzel-font-family";
+export { LineEndingType } from "./components/kritzel-line-endings/kritzel-line-endings";
+export { KritzelPillTab } from "./components/kritzel-pill-tabs/kritzel-pill-tabs";
+export { ShapeFillType } from "./components/kritzel-shape-fill/kritzel-shape-fill";
+export namespace Components {
+    interface KritzelActiveUsers {
+        /**
+          * Avatar size in pixels
+          * @default 40
+         */
+        "avatarSize": number;
+        /**
+          * Maximum number of avatars to show before overflow text
+          * @default 3
+         */
+        "maxVisible": number;
+        /**
+          * Overlap offset in pixels (negative margin between avatars)
+          * @default 20
+         */
+        "overlap": number;
+        /**
+          * Array of active users to display
+          * @default []
+         */
+        "users": IKritzelUser[];
+    }
+    interface KritzelAvatar {
+        /**
+          * Background color for initials fallback
+         */
+        "color"?: string;
+        /**
+          * Direct prop: user's display name (used for initials fallback)
+         */
+        "name"?: string;
+        /**
+          * Avatar diameter in pixels
+          * @default 32
+         */
+        "size": number;
+        /**
+          * Full user object. If provided, individual props are ignored.
+         */
+        "user"?: IKritzelUser;
+    }
+    interface KritzelBackToContent {
+        /**
+          * The text to display on the button
+          * @default 'Back to content'
+         */
+        "text": string;
+        /**
+          * Whether the button is visible
+          * @default false
+         */
+        "visible": boolean;
+    }
+    interface KritzelBrushStyle {
+        /**
+          * @default [     { value: 'pen', label: 'Pen' },     { value: 'highlighter', label: 'Highlighter' },   ]
+         */
+        "brushOptions": BrushStyleOption[];
+        /**
+          * @default 'pen'
+         */
+        "type": 'pen' | 'highlighter';
+    }
+    interface KritzelButton {
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The type attribute for the native button element
+          * @default 'button'
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * The visual variant of the button
+          * @default 'primary'
+         */
+        "variant": 'primary' | 'secondary' | 'text';
+    }
+    interface KritzelColor {
+        /**
+          * @default 24
+         */
+        "size": number;
+        "theme": ThemeName;
+        "value": string | ThemeAwareColor;
+    }
+    interface KritzelColorPalette {
+        /**
+          * @default []
+         */
+        "colors": ThemeAwareColor[];
+        /**
+          * @default false
+         */
+        "isExpanded": boolean;
+        /**
+          * @default false
+         */
+        "isOpaque": boolean;
+        /**
+          * @default 1
+         */
+        "opacity": number;
+        /**
+          * @default null
+         */
+        "selectedColor": ThemeAwareColor | null;
+        "theme": ThemeName;
+    }
+    interface KritzelContextMenu {
+        "items": ContextMenuItem[];
+        "objects": KritzelBaseObject[];
+    }
+    interface KritzelCurrentUser {
+        /**
+          * Avatar size in pixels
+          * @default 40
+         */
+        "avatarSize": number;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * The current user to display
+         */
+        "user"?: IKritzelUser;
+    }
+    interface KritzelCurrentUserDialog {
+        "close": () => Promise<void>;
+        "open": () => Promise<void>;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        "user"?: IKritzelUser;
+    }
+    interface KritzelDialog {
+        /**
+          * Whether to auto-focus the first focusable element when opened
+          * @default true
+         */
+        "autoFocus": boolean;
+        /**
+          * Whether to show the close button in the header
+          * @default true
+         */
+        "closable": boolean;
+        "close": (reason?: KritzelDialogCloseReason) => Promise<void>;
+        /**
+          * Whether clicking the backdrop closes the dialog
+          * @default true
+         */
+        "closeOnBackdrop": boolean;
+        /**
+          * Whether pressing Escape closes the dialog
+          * @default true
+         */
+        "closeOnEscape": boolean;
+        /**
+          * Constrain the dialog to its nearest editor/container ancestor instead of the viewport.
+          * @default false
+         */
+        "contained": boolean;
+        /**
+          * Optional title displayed in the header
+         */
+        "dialogTitle"?: string;
+        "focusFirstElement": () => Promise<void>;
+        /**
+          * Whether to automatically go fullscreen on mobile viewports
+          * @default true
+         */
+        "fullscreenOnMobile": boolean;
+        /**
+          * Whether the dialog is open
+          * @default false
+         */
+        "isOpen": boolean;
+        "open": () => Promise<void>;
+        /**
+          * Size of the dialog
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large' | 'fullscreen';
+        /**
+          * Whether to trap focus within the dialog
+          * @default true
+         */
+        "trapFocus": boolean;
+    }
+    interface KritzelDropdown {
+        /**
+          * Force the dropdown to open in a specific direction instead of auto-detecting
+         */
+        "forceOpenDirection"?: 'down' | 'up';
+        /**
+          * @default []
+         */
+        "options": DropdownOption[];
+        /**
+          * @default {}
+         */
+        "selectStyles"?: Record<string, string>;
+        "value": string;
+        "width"?: string;
+    }
+    interface KritzelEditor {
+        "activeUsers"?: IKritzelUser[];
+        /**
+          * Optional workspace ID to set as active. If provided, the editor will automatically activate the workspace with this ID.
+         */
+        "activeWorkspaceId"?: string;
+        "addObject": <T extends KritzelBaseObject>(object: T) => Promise<T | null>;
+        "addObjects": <T extends KritzelBaseObject>(objects: T[]) => Promise<T[]>;
+        "alignObjects": (alignment: KritzelAlignment) => Promise<void>;
+        /**
+          * @default DEFAULT_ASSET_STORAGE_CONFIG
+         */
+        "assetStorageConfig"?: KritzelAssetStorageConfig;
+        "backToContent": () => Promise<boolean>;
+        "beginSceneBootstrap": () => Promise<void>;
+        "bringForward": (object?: KritzelBaseObject<any>) => Promise<void>;
+        "bringToFront": (object?: KritzelBaseObject<any>) => Promise<void>;
+        "canExportSelectedObjectAs": (format: KritzelObjectExportFormat) => Promise<boolean>;
+        "centerAllObjects": (animate?: boolean) => Promise<boolean>;
+        "centerObjectInViewport": (object: KritzelBaseObject) => Promise<KritzelBaseObject<HTMLElement | SVGElement>>;
+        "centerObjects": (objects: KritzelBaseObject[], animate?: boolean) => Promise<boolean>;
+        "changeActiveTool": (toolName: string) => Promise<void>;
+        "clearSelection": () => Promise<void>;
+        "closeExportDialog": () => Promise<void>;
+        "closeImportDialog": () => Promise<void>;
+        "closeLoginDialog": () => Promise<void>;
+        "closeMoreMenu": () => Promise<void>;
+        "closeSettingsDialog": () => Promise<void>;
+        "closeShareDialog": () => Promise<void>;
+        "closeUserDialog": () => Promise<void>;
+        "closeWorkspaceManagerMenu": () => Promise<void>;
+        "copy": () => Promise<void>;
+        "createWorkspace": (workspace: KritzelWorkspace) => Promise<KritzelWorkspace | null>;
+        /**
+          * The element to use as the target for the cursor. Defaults to the editor container if not set.
+         */
+        "cursorTarget"?: HTMLElement;
+        /**
+          * Registers fonts for runtime usage (for example custom object rendering). Text-tool config tooltip options are controlled via toolbarItems[].config.availableFonts.
+          * @default {}
+         */
+        "customFonts": KritzelFontMap;
+        /**
+          * @default {}
+         */
+        "customSvgIcons": Record<string, string>;
+        "cut": () => Promise<void>;
+        /**
+          * @default {     showViewportInfo: false,     showObjectInfo: false,     showSyncProviderInfo: true,     showMigrationInfo: true,     showAssetResolverInfo: false,   }
+         */
+        "debugInfo": KritzelDebugInfo;
+        "delete": () => Promise<void>;
+        "deleteWorkspace": (workspace: KritzelWorkspace) => Promise<void>;
+        "disable": () => Promise<void>;
+        "downloadAsJson": (filename?: string) => Promise<void>;
+        /**
+          * Optional unique identifier for namespacing storage keys across multiple editor instances.
+         */
+        "editorId"?: string;
+        "enable": () => Promise<void>;
+        "endSceneBootstrap": () => Promise<void>;
+        "exportAsJson": () => Promise<string>;
+        "exportSelectedObject": (format: KritzelObjectExportFormat) => Promise<void>;
+        "exportViewportAsPng": () => Promise<void>;
+        "exportViewportAsSvg": () => Promise<void>;
+        /**
+          * The locale used to resolve terms missing from the active locale.
+          * @default 'en'
+         */
+        "fallbackLocale": LocaleCode;
+        "findObjects": <T extends KritzelBaseObject>(predicate: (obj: KritzelBaseObject<Element>) => boolean) => Promise<T[]>;
+        "getActiveWorkspace": () => Promise<KritzelWorkspace>;
+        "getAllObjects": <T extends KritzelBaseObject>() => Promise<T[]>;
+        /**
+          * Gets the list of available locale codes (built-in and registered).
+         */
+        "getAvailableLocales": () => Promise<LocaleCode[]>;
+        "getDisplayableShortcuts": () => Promise<Omit<KritzelShortcut, "action" | "condition">[]>;
+        /**
+          * Gets the currently active locale code.
+         */
+        "getLocale": () => Promise<LocaleCode>;
+        "getObjectById": <T extends KritzelBaseObject>(id: string) => Promise<T | null>;
+        "getObjectsInViewport": () => Promise<KritzelBaseObject[]>;
+        "getObjectsTotalCount": () => Promise<number>;
+        "getScreenshot": (format?: "png" | "svg") => Promise<string | null>;
+        "getSelectedObjectSupportedExportFormats": () => Promise<KritzelObjectExportFormat[]>;
+        "getSelectedObjects": () => Promise<KritzelBaseObject[]>;
+        "getViewport": () => Promise<KritzelViewportState>;
+        "getWorkspaces": () => Promise<KritzelWorkspace[]>;
+        /**
+          * @default [     {       label: 'menu.paste',       icon: 'paste',       action: menu => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'menu.selectAll',       icon: 'select-all',       action: () => this.selectAllObjectsInViewport(),     },   ]
+         */
+        "globalContextMenuItems": ContextMenuItem[];
+        "group": () => Promise<void>;
+        "hideContextMenu": () => Promise<void>;
+        "importFromFile": () => Promise<void>;
+        "importFromJson": (json: string) => Promise<void>;
+        /**
+          * @default true
+         */
+        "isMoreMenuVisible": boolean;
+        /**
+          * @default true
+         */
+        "isPanningEnabled": boolean;
+        /**
+          * @default true
+         */
+        "isToolbarVisible": boolean;
+        /**
+          * @default true
+         */
+        "isUtilityPanelVisible": boolean;
+        /**
+          * @default true
+         */
+        "isWorkspaceManagerVisible": boolean;
+        /**
+          * @default true
+         */
+        "isZoomPanelVisible": boolean;
+        /**
+          * @default true
+         */
+        "isZoomingEnabled": boolean;
+        /**
+          * License key that, when valid, removes the "Powered by Kritzel" watermark.
+         */
+        "licenseKey"?: string;
+        "loadObjectsFromJson": (json: string) => Promise<number>;
+        "loadSharedWorkspace": (token: string) => Promise<void>;
+        /**
+          * The current locale (language) code applied to the editor, e.g. 'en', 'de', 'fr'.
+          * @default 'en'
+         */
+        "locale": LocaleCode;
+        /**
+          * An array of available locale definitions (with optional partial term overrides).
+         */
+        "locales"?: KritzelLocale[];
+        /**
+          * @default true
+         */
+        "lockDrawingScale": boolean;
+        /**
+          * Optional login configuration. When provided, a "Sign in" button is shown that opens a login dialog with the configured providers.
+         */
+        "loginConfig"?: KritzelLoginConfig;
+        /**
+          * @default [     {       id: 'share',       label: 'menu.share',       icon: 'share',       isVisible: async () => hasRemoteSyncProvider(this.syncConfig),       action: () => {         if (!this.isLoggedIn && this.loginConfig) {           this.openLoginDialog();           return;         }         this.shareDialogRef.open();       },     },     {       id: 'export',       label: 'menu.export',       icon: 'upload',       action: async () => {         const preview = await this.engineRef.getScreenshot('png');         this.exportRef.open(preview ?? undefined);       },     },     {       id: 'import',       label: 'menu.import',       icon: 'download',       action: () => this.engineRef.importFromFile(),     },     {       id: 'settings',       label: 'menu.settings',       icon: 'settings',       action: () => this.settingsRef.open(),     },   ]
+         */
+        "moreMenuItems"?: IKritzelMenuItem[];
+        /**
+          * @default [     { label: 'menu.copy', icon: 'copy', group: 'clipboard', action: () => this.engineRef.copy() },     { label: 'menu.cut', icon: 'cut', group: 'clipboard', action: () => this.engineRef.cut() },     {       label: 'menu.paste',       icon: 'paste',       group: 'clipboard',       action: (menu, _) => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'menu.export',       icon: 'upload',       group: 'clipboard',       isVisible: (_, objects) => this.canExportObjects(objects),       action: (_, objects) => {         const format = this.getPreferredExportFormat(objects);         if (!format) {           return;         }          void this.engineRef.exportSelectedObject(format);       },     },     {       label: 'menu.order',       icon: 'ordering',       group: 'other',       children: [         { label: 'menu.bringToFront', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },         { label: 'menu.sendToBack', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },         { label: 'menu.moveUp', icon: 'arrow-up-from-dot', action: () => this.engineRef.bringForward() },         { label: 'menu.moveDown', icon: 'arrow-down-from-dot', action: () => this.engineRef.sendBackward() },       ],     },     {       label: 'menu.align',       icon: 'align',       group: 'other',       children: [         { label: 'menu.alignLeft', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },         { label: 'menu.alignCenterHorizontal', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },         { label: 'menu.alignRight', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },         { label: 'menu.alignTop', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },         { label: 'menu.alignCenterVertical', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },         { label: 'menu.alignBottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },       ],     },     {       label: 'menu.group',       icon: 'group',       group: 'other',       children: [         {           label: 'menu.group',           icon: 'group',           action: () => this.engineRef.group(),         },         {           label: 'menu.ungroup',           icon: 'ungroup',           action: () => this.engineRef.ungroup(),         },       ],     },     { label: 'menu.delete', icon: 'delete', group: 'edit', action: () => this.engineRef.delete() },   ]
+         */
+        "objectContextMenuItems": ContextMenuItem[];
+        "openContextMenu": (options: { x: number; y: number; objectId?: string; }) => Promise<void>;
+        "openExportDialog": () => Promise<void>;
+        "openImportDialog": () => Promise<void>;
+        "openLoginDialog": () => Promise<void>;
+        "openMoreMenu": () => Promise<void>;
+        "openSettingsDialog": () => Promise<void>;
+        "openShareDialog": () => Promise<void>;
+        "openUserDialog": () => Promise<void>;
+        "openWorkspaceManagerMenu": () => Promise<void>;
+        "panTo": (x: number, y: number) => Promise<void>;
+        "panToObject": (object: KritzelBaseObject) => Promise<void>;
+        "paste": (x: number, y: number) => Promise<void>;
+        "redo": () => Promise<void>;
+        /**
+          * Registers custom fonts for the editor runtime.
+          * @param fonts - Mapping from font keys to family names or font definitions.
+          * @remarks This no longer controls the text-tool config tooltip font options. Configure tooltip fonts via toolbarItems[].config.availableFonts.
+         */
+        "registerFonts": (fonts: KritzelFontMap) => Promise<void>;
+        /**
+          * Registers additional locale definitions (with optional partial term overrides).
+          * @param locales - The locale definitions to register.
+         */
+        "registerLocales": (locales: KritzelLocale[]) => Promise<void>;
+        "registerTool": (toolName: string, toolClass: any, toolConfig?: KritzelTextToolConfig | KritzelBrushToolConfig | KritzelLineToolConfig | KritzelShapeToolConfig) => Promise<KritzelBaseTool | null>;
+        "reinitSync": () => Promise<void>;
+        "removeObject": <T extends KritzelBaseObject>(object: T) => Promise<T | null>;
+        "removeObjects": <T extends KritzelBaseObject>(objects: T[]) => Promise<T[]>;
+        /**
+          * @default 1000
+         */
+        "scaleMax": number;
+        /**
+          * @default 0.0001
+         */
+        "scaleMin": number;
+        "screenToWorld": (x: number, y: number) => Promise<{ x: number; y: number; }>;
+        "selectAllObjectsInViewport": () => Promise<void>;
+        "selectObjects": (objects: KritzelBaseObject[]) => Promise<void>;
+        "sendBackward": (object?: KritzelBaseObject<any>) => Promise<void>;
+        "sendToBack": (object?: KritzelBaseObject<any>) => Promise<void>;
+        "setActiveWorkspace": (id: string) => Promise<void>;
+        /**
+          * Sets the active locale (language) and re-renders the UI.
+          * @param code - The locale code to activate, e.g. 'de'.
+         */
+        "setLocale": (code: LocaleCode) => Promise<void>;
+        "setLoginLoading": (provider: string | null) => Promise<void>;
+        "setViewport": (x: number, y: number, scale: number) => Promise<void>;
+        /**
+          * @default DEFAULT_SYNC_CONFIG
+         */
+        "syncConfig"?: KritzelSyncConfig;
+        /**
+          * Resolves a term key to its translated string for the active locale.
+          * @param key - The term key to resolve.
+          * @param vars - Optional values for `{placeholder}` interpolation.
+         */
+        "t": (key: KritzelTermKey, vars?: KritzelTermVars) => Promise<string>;
+        /**
+          * @default 'light'
+         */
+        "theme": ThemeName;
+        "themes"?: KritzelTheme[];
+        /**
+          * @default [     {       name: 'selection',       type: 'tool',       isDefault: true,       tool: KritzelSelectionTool,       icon: 'cursor',     },     {       name: 'brush',       type: 'tool',       tool: KritzelBrushTool,       icon: 'pen',       config: DEFAULT_BRUSH_CONFIG,     },     {       name: 'eraser',       type: 'tool',       tool: KritzelEraserTool,       icon: 'eraser',     },     {       name: 'line',       type: 'tool',       tool: KritzelLineTool,       icon: 'arrow',       config: DEFAULT_LINE_TOOL_CONFIG,     },     {       name: 'shape',       type: 'tool',       tool: KritzelShapeTool,       icon: 'shape-rectangle',       config: DEFAULT_SHAPE_CONFIG,       subOptions: [         { id: 'rectangle', icon: 'shape-rectangle', label: 'Rectangle', value: ShapeType.Rectangle, toolProperty: 'shapeType' },         { id: 'ellipse', icon: 'shape-ellipse', label: 'Ellipse', value: ShapeType.Ellipse, toolProperty: 'shapeType' },         { id: 'triangle', icon: 'shape-triangle', label: 'Triangle', value: ShapeType.Triangle, toolProperty: 'shapeType' },       ],     },     {       name: 'text',       type: 'tool',       tool: KritzelTextTool,       icon: 'type',       config: DEFAULT_TEXT_CONFIG,     },     {       name: 'image',       type: 'tool',       tool: KritzelImageTool,       icon: 'image',     },     {       name: 'config',       type: 'config',     },   ]
+         */
+        "toolbarItems": KritzelToolbarItem[];
+        /**
+          * Triggers a UI notification programmatically.
+          * @param notification - Notification payload. `id` and `timestamp` are optional.
+         */
+        "triggerNotification": (notification: Omit<KritzelNotification, "id"> & Partial<Pick<KritzelNotification, "id" | "timestamp">>) => Promise<void>;
+        "triggerSelectionChange": () => Promise<void>;
+        "undo": () => Promise<void>;
+        "ungroup": () => Promise<void>;
+        "updateObject": <T extends KritzelBaseObject>(object: T, updatedProperties: Partial<T>) => Promise<T | null>;
+        "updateWorkspace": (workspace: KritzelWorkspace) => Promise<void>;
+        "user"?: IKritzelUser;
+        /**
+          * @default Infinity
+         */
+        "viewportBoundaryBottom": number;
+        /**
+          * @default -Infinity
+         */
+        "viewportBoundaryLeft": number;
+        /**
+          * @default Infinity
+         */
+        "viewportBoundaryRight": number;
+        /**
+          * @default -Infinity
+         */
+        "viewportBoundaryTop": number;
+        /**
+          * Authoritative workspace catalog for this editor instance. When provided, provider-only workspaces are hidden but not deleted.
+         */
+        "workspaces"?: KritzelWorkspace[];
+        "worldToScreen": (x: number, y: number) => Promise<{ x: number; y: number; }>;
+        "zoomIn": (factor?: number, duration?: number) => Promise<void>;
+        "zoomOut": (factor?: number, duration?: number) => Promise<void>;
+        "zoomTo": (scale: number, worldX?: number, worldY?: number) => Promise<void>;
+    }
+    interface KritzelExport {
+        "close": () => Promise<void>;
+        "open": (previewUrl?: string) => Promise<void>;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * The name of the current workspace, used as default filename
+          * @default 'workspace'
+         */
+        "workspaceName": string;
+    }
+    interface KritzelFont {
+        /**
+          * @default '#000000'
+         */
+        "color": string;
+        /**
+          * @default 'Arial, sans-serif'
+         */
+        "fontFamily": string;
+        /**
+          * @default 24
+         */
+        "size": number;
+    }
+    interface KritzelFontFamily {
+        /**
+          * @default []
+         */
+        "fontOptions": FontOption[];
+        "selectedFontFamily": string;
+    }
+    interface KritzelFontSize {
+        /**
+          * @default 'Arial'
+         */
+        "fontFamily": string;
+        /**
+          * @default null
+         */
+        "selectedSize": number | null;
+        /**
+          * @default [8, 10, 12, 16, 20, 24]
+         */
+        "sizes": number[];
+    }
+    interface KritzelInput {
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Label text displayed above the input
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Placeholder text shown when input is empty
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * Suffix text displayed after the input (e.g., file extension)
+          * @default ''
+         */
+        "suffix": string;
+        /**
+          * Input type
+          * @default 'text'
+         */
+        "type": 'text' | 'email' | 'password' | 'url';
+        /**
+          * Current text value
+          * @default ''
+         */
+        "value": string;
+    }
+    interface KritzelLineEndings {
+        /**
+          * Available ending styles
+          * @default ['none', 'triangle']
+         */
+        "styles": LineEndingType[];
+        /**
+          * Current line arrow configuration
+         */
+        "value": LineArrowConfig | undefined;
+    }
+    interface KritzelLoadingOverlay {
+        /**
+          * The text to display next to the spinner
+          * @default 'Loading...'
+         */
+        "text": string;
+        /**
+          * Whether the overlay is visible
+          * @default false
+         */
+        "visible": boolean;
+    }
+    /**
+     * Login dialog component for displaying authentication provider buttons.
+     * This is a presentational component that emits events for all actions.
+     * The parent component (kritzel-editor) handles the actual authentication flow.
+     */
+    interface KritzelLoginDialog {
+        /**
+          * Closes the login dialog
+         */
+        "close": () => Promise<void>;
+        /**
+          * Dialog title
+          * @default 'Sign in'
+         */
+        "dialogTitle": string;
+        /**
+          * Opens the login dialog
+         */
+        "open": () => Promise<void>;
+        /**
+          * Array of authentication provider buttons to render
+          * @default []
+         */
+        "providers": KritzelLoginProvider[];
+        /**
+          * Sets or clears the loading state on a provider button
+         */
+        "setLoading": (provider: string | null) => Promise<void>;
+        /**
+          * Optional subtitle text displayed below the title
+         */
+        "subtitle"?: string;
+    }
+    interface KritzelMasterDetail {
+        /**
+          * Array of menu items to display in the master (left) panel
+          * @default []
+         */
+        "items": IKritzelMasterDetailItem[];
+        /**
+          * ID of the currently selected item
+         */
+        "selectedItemId": string;
+    }
+    interface KritzelMenu {
+        "items": IKritzelMenuItem[];
+        /**
+          * @default null
+         */
+        "parent": IKritzelMenuItem;
+        "setFocus": () => Promise<void>;
+        "setScrollTop": (scrollTop: number) => Promise<void>;
+    }
+    interface KritzelMenuItem {
+        "item": IKritzelMenuItem;
+        /**
+          * @default null
+         */
+        "parent": IKritzelMenuItem;
+    }
+    interface KritzelMoreMenu {
+        "close": () => Promise<void>;
+        /**
+          * The icon to display on the button
+          * @default 'ellipsis-vertical'
+         */
+        "icon": string;
+        /**
+          * The size of the icon
+          * @default 24
+         */
+        "iconSize": number;
+        /**
+          * The menu items to display in the dropdown. Items with `isVisible` set to `false` will be filtered out. Items with an `action` will have that action invoked on selection.
+          * @default []
+         */
+        "items": IKritzelMenuItem[];
+        /**
+          * Offset Y for the portal positioning
+          * @default 4
+         */
+        "offsetY": number;
+        "open": () => Promise<void>;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * Whether the menu button is visible
+          * @default false
+         */
+        "visible": boolean;
+    }
+    interface KritzelNotificationCard {
+        /**
+          * Locale used for formatting the timestamp.
+         */
+        "locale"?: string;
+        /**
+          * Notification data rendered by this card.
+         */
+        "notification"?: KritzelNotification;
+        /**
+          * Whether a formatted timestamp should be displayed when available.
+          * @default true
+         */
+        "showTimestamp": boolean;
+    }
+    interface KritzelNumericInput {
+        /**
+          * Label text displayed above the input
+          * @default ''
+         */
+        "label": string;
+        /**
+          * Maximum allowed value
+          * @default Number.MAX_SAFE_INTEGER
+         */
+        "max": number;
+        /**
+          * Minimum allowed value
+          * @default Number.MIN_SAFE_INTEGER
+         */
+        "min": number;
+        /**
+          * Placeholder text shown when input is empty
+          * @default ''
+         */
+        "placeholder": string;
+        /**
+          * Step increment for the input
+          * @default 1
+         */
+        "step": number;
+        /**
+          * Current numeric value (undefined when cleared)
+         */
+        "value"?: number;
+    }
+    interface KritzelOpacitySlider {
+        /**
+          * Maximum opacity value
+          * @default 1
+         */
+        "max": number;
+        /**
+          * Minimum opacity value
+          * @default 0
+         */
+        "min": number;
+        /**
+          * Color to display in the preview (optional)
+          * @default '#000000'
+         */
+        "previewColor": string;
+        /**
+          * Step increment
+          * @default 0.01
+         */
+        "step": number;
+        /**
+          * Current opacity value (0 to 1)
+          * @default 1
+         */
+        "value": number;
+    }
+    interface KritzelPillTabs {
+        /**
+          * Array of tab definitions to render
+          * @default []
+         */
+        "tabs": KritzelPillTab[];
+        /**
+          * Currently selected tab ID
+         */
+        "value": string;
+    }
+    interface KritzelPortal {
+        "anchor": HTMLElement;
+        /**
+          * @default true
+         */
+        "autoFocus": boolean;
+        "offsetX": number;
+        "offsetY": number;
+    }
+    interface KritzelSettings {
+        /**
+          * Available locales as `{ code, label }` options for the language selector.
+          * @default []
+         */
+        "availableLocales": { code: LocaleCode; label: string }[];
+        /**
+          * Keyboard shortcuts to display in the settings dialog
+          * @default ['light', 'dark']
+         */
+        "availableThemes": string[];
+        "close": () => Promise<void>;
+        "open": () => Promise<void>;
+        /**
+          * Current settings values. Used to initialize and sync the component's internal state.
+         */
+        "settings"?: Partial<KritzelSettingsConfig>;
+        /**
+          * @default []
+         */
+        "shortcuts": Omit<KritzelShortcut, 'action' | 'condition'>[];
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+    }
+    interface KritzelShapeFill {
+        /**
+          * Current fill type
+          * @default 'transparent'
+         */
+        "value": ShapeFillType;
+    }
+    /**
+     * Share dialog component for managing workspace link sharing.
+     * This is a presentational component that emits events for all actions.
+     * The parent component (kritzel-editor) handles the business logic.
+     */
+    interface KritzelShareDialog {
+        /**
+          * Closes the share dialog.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Whether the workspace is currently public.
+          * @default false
+         */
+        "isPublic": boolean;
+        /**
+          * Opens the share dialog.
+         */
+        "open": () => Promise<void>;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * The ID of the workspace being shared. Used to build the share URL.
+          * @default undefined
+         */
+        "workspaceId": string | undefined;
+    }
+    interface KritzelSlideToggle {
+        /**
+          * Whether the toggle is checked/on
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Whether the toggle is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Label text for accessibility (screen readers)
+         */
+        "label"?: string;
+    }
+    interface KritzelSplitButton {
+        /**
+          * @default 'plus'
+         */
+        "buttonIcon": string;
+        "close": () => Promise<void>;
+        /**
+          * @default 'chevron-down'
+         */
+        "dropdownIcon": string;
+        "focusMenu": () => Promise<void>;
+        /**
+          * @default []
+         */
+        "items": IKritzelMenuItem[];
+        /**
+          * @default false
+         */
+        "mainButtonDisabled": boolean;
+        /**
+          * @default false
+         */
+        "menuButtonDisabled": boolean;
+        "open": () => Promise<void>;
+    }
+    interface KritzelStrokeSize {
+        /**
+          * @default null
+         */
+        "selectedSize": number | null;
+        /**
+          * @default [4, 6, 8, 12, 16, 24]
+         */
+        "sizes": number[];
+    }
+    interface KritzelToolConfig {
+        "engine": HTMLElement;
+        /**
+          * @default false
+         */
+        "isExpanded": boolean;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        "theme": ThemeName;
+        "tool": ConfigurableTool;
+    }
+    interface KritzelToolbar {
+        /**
+          * @default null
+         */
+        "activeControl": KritzelToolbarItem | null;
+        "closeTooltip": () => Promise<void>;
+        /**
+          * @default true
+         */
+        "isUtilityPanelVisible": boolean;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * @default 'light'
+         */
+        "theme": ThemeName;
+        /**
+          * @default []
+         */
+        "toolbarItems": KritzelToolbarItem[];
+        /**
+          * @default null
+         */
+        "undoState": KritzelUndoState;
+        /**
+          * @default true
+         */
+        "visible": boolean;
+    }
+    interface KritzelTooltip {
+        "anchorElement": HTMLElement;
+        "close": () => Promise<void>;
+        "focusContent": () => Promise<void>;
+        /**
+          * @default false
+         */
+        "isVisible": boolean;
+        /**
+          * @default 24
+         */
+        "offsetY": number;
+        "open": () => Promise<void>;
+        "toggle": () => Promise<void>;
+        "triggerElement": HTMLElement;
+    }
+    interface KritzelUtilityPanel {
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * @default null
+         */
+        "undoState": KritzelUndoState;
+    }
+    interface KritzelWorkspaceManager {
+        "activeWorkspace": KritzelWorkspace;
+        "close": () => Promise<void>;
+        "open": () => Promise<void>;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * Whether the workspace manager is visible
+          * @default false
+         */
+        "visible": boolean;
+        /**
+          * @default []
+         */
+        "workspaces": KritzelWorkspace[];
+    }
+    interface KritzelZoomPanel {
+        /**
+          * Whether both zoom buttons are disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms": Partial<Record<KritzelTermKey, string>>;
+        /**
+          * Whether the zoom panel is visible.
+          * @default true
+         */
+        "visible": boolean;
+        /**
+          * Current zoom level in percent.
+          * @default 100
+         */
+        "zoomPercent": number;
+    }
+}
+export interface KritzelBackToContentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelBackToContentElement;
+}
+export interface KritzelBrushStyleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelBrushStyleElement;
+}
+export interface KritzelButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelButtonElement;
+}
+export interface KritzelColorPaletteCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelColorPaletteElement;
+}
+export interface KritzelContextMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelContextMenuElement;
+}
+export interface KritzelCurrentUserDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelCurrentUserDialogElement;
+}
+export interface KritzelDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelDialogElement;
+}
+export interface KritzelDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelDropdownElement;
+}
+export interface KritzelEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelEditorElement;
+}
+export interface KritzelExportCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelExportElement;
+}
+export interface KritzelFontFamilyCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelFontFamilyElement;
+}
+export interface KritzelFontSizeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelFontSizeElement;
+}
+export interface KritzelInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelInputElement;
+}
+export interface KritzelLineEndingsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelLineEndingsElement;
+}
+export interface KritzelLoginDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelLoginDialogElement;
+}
+export interface KritzelMasterDetailCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelMasterDetailElement;
+}
+export interface KritzelMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelMenuElement;
+}
+export interface KritzelMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelMenuItemElement;
+}
+export interface KritzelMoreMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelMoreMenuElement;
+}
+export interface KritzelNotificationCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelNotificationCardElement;
+}
+export interface KritzelNumericInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelNumericInputElement;
+}
+export interface KritzelOpacitySliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelOpacitySliderElement;
+}
+export interface KritzelPillTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelPillTabsElement;
+}
+export interface KritzelPortalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelPortalElement;
+}
+export interface KritzelSettingsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelSettingsElement;
+}
+export interface KritzelShapeFillCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelShapeFillElement;
+}
+export interface KritzelShareDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelShareDialogElement;
+}
+export interface KritzelSlideToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelSlideToggleElement;
+}
+export interface KritzelSplitButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelSplitButtonElement;
+}
+export interface KritzelStrokeSizeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelStrokeSizeElement;
+}
+export interface KritzelToolConfigCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelToolConfigElement;
+}
+export interface KritzelToolbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelToolbarElement;
+}
+export interface KritzelTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelTooltipElement;
+}
+export interface KritzelUtilityPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelUtilityPanelElement;
+}
+export interface KritzelWorkspaceManagerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelWorkspaceManagerElement;
+}
+export interface KritzelZoomPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKritzelZoomPanelElement;
+}
+declare global {
+    interface HTMLKritzelActiveUsersElement extends Components.KritzelActiveUsers, HTMLStencilElement {
+    }
+    var HTMLKritzelActiveUsersElement: {
+        prototype: HTMLKritzelActiveUsersElement;
+        new (): HTMLKritzelActiveUsersElement;
+    };
+    interface HTMLKritzelAvatarElement extends Components.KritzelAvatar, HTMLStencilElement {
+    }
+    var HTMLKritzelAvatarElement: {
+        prototype: HTMLKritzelAvatarElement;
+        new (): HTMLKritzelAvatarElement;
+    };
+    interface HTMLKritzelBackToContentElementEventMap {
+        "backToContent": void;
+    }
+    interface HTMLKritzelBackToContentElement extends Components.KritzelBackToContent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelBackToContentElementEventMap>(type: K, listener: (this: HTMLKritzelBackToContentElement, ev: KritzelBackToContentCustomEvent<HTMLKritzelBackToContentElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelBackToContentElementEventMap>(type: K, listener: (this: HTMLKritzelBackToContentElement, ev: KritzelBackToContentCustomEvent<HTMLKritzelBackToContentElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelBackToContentElement: {
+        prototype: HTMLKritzelBackToContentElement;
+        new (): HTMLKritzelBackToContentElement;
+    };
+    interface HTMLKritzelBrushStyleElementEventMap {
+        "typeChange": 'pen' | 'highlighter';
+    }
+    interface HTMLKritzelBrushStyleElement extends Components.KritzelBrushStyle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelBrushStyleElementEventMap>(type: K, listener: (this: HTMLKritzelBrushStyleElement, ev: KritzelBrushStyleCustomEvent<HTMLKritzelBrushStyleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelBrushStyleElementEventMap>(type: K, listener: (this: HTMLKritzelBrushStyleElement, ev: KritzelBrushStyleCustomEvent<HTMLKritzelBrushStyleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelBrushStyleElement: {
+        prototype: HTMLKritzelBrushStyleElement;
+        new (): HTMLKritzelBrushStyleElement;
+    };
+    interface HTMLKritzelButtonElementEventMap {
+        "buttonClick": void;
+    }
+    interface HTMLKritzelButtonElement extends Components.KritzelButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelButtonElementEventMap>(type: K, listener: (this: HTMLKritzelButtonElement, ev: KritzelButtonCustomEvent<HTMLKritzelButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelButtonElementEventMap>(type: K, listener: (this: HTMLKritzelButtonElement, ev: KritzelButtonCustomEvent<HTMLKritzelButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelButtonElement: {
+        prototype: HTMLKritzelButtonElement;
+        new (): HTMLKritzelButtonElement;
+    };
+    interface HTMLKritzelColorElement extends Components.KritzelColor, HTMLStencilElement {
+    }
+    var HTMLKritzelColorElement: {
+        prototype: HTMLKritzelColorElement;
+        new (): HTMLKritzelColorElement;
+    };
+    interface HTMLKritzelColorPaletteElementEventMap {
+        "colorChange": ThemeAwareColor;
+    }
+    interface HTMLKritzelColorPaletteElement extends Components.KritzelColorPalette, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelColorPaletteElementEventMap>(type: K, listener: (this: HTMLKritzelColorPaletteElement, ev: KritzelColorPaletteCustomEvent<HTMLKritzelColorPaletteElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelColorPaletteElementEventMap>(type: K, listener: (this: HTMLKritzelColorPaletteElement, ev: KritzelColorPaletteCustomEvent<HTMLKritzelColorPaletteElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelColorPaletteElement: {
+        prototype: HTMLKritzelColorPaletteElement;
+        new (): HTMLKritzelColorPaletteElement;
+    };
+    interface HTMLKritzelContextMenuElementEventMap {
+        "actionSelected": ContextMenuItem;
+        "close": void;
+    }
+    interface HTMLKritzelContextMenuElement extends Components.KritzelContextMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelContextMenuElementEventMap>(type: K, listener: (this: HTMLKritzelContextMenuElement, ev: KritzelContextMenuCustomEvent<HTMLKritzelContextMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelContextMenuElementEventMap>(type: K, listener: (this: HTMLKritzelContextMenuElement, ev: KritzelContextMenuCustomEvent<HTMLKritzelContextMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelContextMenuElement: {
+        prototype: HTMLKritzelContextMenuElement;
+        new (): HTMLKritzelContextMenuElement;
+    };
+    interface HTMLKritzelCurrentUserElement extends Components.KritzelCurrentUser, HTMLStencilElement {
+    }
+    var HTMLKritzelCurrentUserElement: {
+        prototype: HTMLKritzelCurrentUserElement;
+        new (): HTMLKritzelCurrentUserElement;
+    };
+    interface HTMLKritzelCurrentUserDialogElementEventMap {
+        "logoutRequest": void;
+    }
+    interface HTMLKritzelCurrentUserDialogElement extends Components.KritzelCurrentUserDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelCurrentUserDialogElementEventMap>(type: K, listener: (this: HTMLKritzelCurrentUserDialogElement, ev: KritzelCurrentUserDialogCustomEvent<HTMLKritzelCurrentUserDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelCurrentUserDialogElementEventMap>(type: K, listener: (this: HTMLKritzelCurrentUserDialogElement, ev: KritzelCurrentUserDialogCustomEvent<HTMLKritzelCurrentUserDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelCurrentUserDialogElement: {
+        prototype: HTMLKritzelCurrentUserDialogElement;
+        new (): HTMLKritzelCurrentUserDialogElement;
+    };
+    interface HTMLKritzelDialogElementEventMap {
+        "dialogOpen": void;
+        "dialogClose": IKritzelDialogCloseEvent;
+    }
+    interface HTMLKritzelDialogElement extends Components.KritzelDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelDialogElementEventMap>(type: K, listener: (this: HTMLKritzelDialogElement, ev: KritzelDialogCustomEvent<HTMLKritzelDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelDialogElementEventMap>(type: K, listener: (this: HTMLKritzelDialogElement, ev: KritzelDialogCustomEvent<HTMLKritzelDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelDialogElement: {
+        prototype: HTMLKritzelDialogElement;
+        new (): HTMLKritzelDialogElement;
+    };
+    interface HTMLKritzelDropdownElementEventMap {
+        "valueChanged": string;
+    }
+    interface HTMLKritzelDropdownElement extends Components.KritzelDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelDropdownElementEventMap>(type: K, listener: (this: HTMLKritzelDropdownElement, ev: KritzelDropdownCustomEvent<HTMLKritzelDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelDropdownElementEventMap>(type: K, listener: (this: HTMLKritzelDropdownElement, ev: KritzelDropdownCustomEvent<HTMLKritzelDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelDropdownElement: {
+        prototype: HTMLKritzelDropdownElement;
+        new (): HTMLKritzelDropdownElement;
+    };
+    interface HTMLKritzelEditorElementEventMap {
+        "isReady": EditorIsReadyEvent;
+        "activeWorkspaceChange": ActiveWorkspaceChangeEvent;
+        "objectsChange": KritzelBaseObject[];
+        "objectsAdded": ObjectsAddedEvent;
+        "objectsRemoved": ObjectsRemovedEvent;
+        "objectsUpdated": ObjectsUpdatedEvent;
+        "objectsSelectionChange": KritzelBaseObject[];
+        "undoStateChange": KritzelUndoState;
+        "themeChange": ThemeName;
+        "localeChange": LocaleCode;
+        "viewportChange": KritzelViewportState;
+        "logout": void;
+        "login": LoginEvent;
+        "isPublicChange": IKritzelIsPublicChangeEvent;
+        "awarenessChange": Map<number, Record<string, any>>;
+    }
+    interface HTMLKritzelEditorElement extends Components.KritzelEditor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelEditorElementEventMap>(type: K, listener: (this: HTMLKritzelEditorElement, ev: KritzelEditorCustomEvent<HTMLKritzelEditorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelEditorElementEventMap>(type: K, listener: (this: HTMLKritzelEditorElement, ev: KritzelEditorCustomEvent<HTMLKritzelEditorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelEditorElement: {
+        prototype: HTMLKritzelEditorElement;
+        new (): HTMLKritzelEditorElement;
+    };
+    interface HTMLKritzelExportElementEventMap {
+        "exportPng": void;
+        "exportSvg": void;
+        "exportJson": string;
+    }
+    interface HTMLKritzelExportElement extends Components.KritzelExport, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelExportElementEventMap>(type: K, listener: (this: HTMLKritzelExportElement, ev: KritzelExportCustomEvent<HTMLKritzelExportElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelExportElementEventMap>(type: K, listener: (this: HTMLKritzelExportElement, ev: KritzelExportCustomEvent<HTMLKritzelExportElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelExportElement: {
+        prototype: HTMLKritzelExportElement;
+        new (): HTMLKritzelExportElement;
+    };
+    interface HTMLKritzelFontElement extends Components.KritzelFont, HTMLStencilElement {
+    }
+    var HTMLKritzelFontElement: {
+        prototype: HTMLKritzelFontElement;
+        new (): HTMLKritzelFontElement;
+    };
+    interface HTMLKritzelFontFamilyElementEventMap {
+        "fontFamilyChange": string;
+    }
+    interface HTMLKritzelFontFamilyElement extends Components.KritzelFontFamily, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelFontFamilyElementEventMap>(type: K, listener: (this: HTMLKritzelFontFamilyElement, ev: KritzelFontFamilyCustomEvent<HTMLKritzelFontFamilyElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelFontFamilyElementEventMap>(type: K, listener: (this: HTMLKritzelFontFamilyElement, ev: KritzelFontFamilyCustomEvent<HTMLKritzelFontFamilyElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelFontFamilyElement: {
+        prototype: HTMLKritzelFontFamilyElement;
+        new (): HTMLKritzelFontFamilyElement;
+    };
+    interface HTMLKritzelFontSizeElementEventMap {
+        "sizeChange": number;
+    }
+    interface HTMLKritzelFontSizeElement extends Components.KritzelFontSize, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelFontSizeElementEventMap>(type: K, listener: (this: HTMLKritzelFontSizeElement, ev: KritzelFontSizeCustomEvent<HTMLKritzelFontSizeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelFontSizeElementEventMap>(type: K, listener: (this: HTMLKritzelFontSizeElement, ev: KritzelFontSizeCustomEvent<HTMLKritzelFontSizeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelFontSizeElement: {
+        prototype: HTMLKritzelFontSizeElement;
+        new (): HTMLKritzelFontSizeElement;
+    };
+    interface HTMLKritzelInputElementEventMap {
+        "valueChange": string;
+    }
+    interface HTMLKritzelInputElement extends Components.KritzelInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelInputElementEventMap>(type: K, listener: (this: HTMLKritzelInputElement, ev: KritzelInputCustomEvent<HTMLKritzelInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelInputElementEventMap>(type: K, listener: (this: HTMLKritzelInputElement, ev: KritzelInputCustomEvent<HTMLKritzelInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelInputElement: {
+        prototype: HTMLKritzelInputElement;
+        new (): HTMLKritzelInputElement;
+    };
+    interface HTMLKritzelLineEndingsElementEventMap {
+        "valueChange": LineArrowConfig;
+    }
+    interface HTMLKritzelLineEndingsElement extends Components.KritzelLineEndings, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelLineEndingsElementEventMap>(type: K, listener: (this: HTMLKritzelLineEndingsElement, ev: KritzelLineEndingsCustomEvent<HTMLKritzelLineEndingsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelLineEndingsElementEventMap>(type: K, listener: (this: HTMLKritzelLineEndingsElement, ev: KritzelLineEndingsCustomEvent<HTMLKritzelLineEndingsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelLineEndingsElement: {
+        prototype: HTMLKritzelLineEndingsElement;
+        new (): HTMLKritzelLineEndingsElement;
+    };
+    interface HTMLKritzelLoadingOverlayElement extends Components.KritzelLoadingOverlay, HTMLStencilElement {
+    }
+    var HTMLKritzelLoadingOverlayElement: {
+        prototype: HTMLKritzelLoadingOverlayElement;
+        new (): HTMLKritzelLoadingOverlayElement;
+    };
+    interface HTMLKritzelLoginDialogElementEventMap {
+        "providerLogin": LoginEvent;
+        "dialogClosed": void;
+    }
+    /**
+     * Login dialog component for displaying authentication provider buttons.
+     * This is a presentational component that emits events for all actions.
+     * The parent component (kritzel-editor) handles the actual authentication flow.
+     */
+    interface HTMLKritzelLoginDialogElement extends Components.KritzelLoginDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelLoginDialogElementEventMap>(type: K, listener: (this: HTMLKritzelLoginDialogElement, ev: KritzelLoginDialogCustomEvent<HTMLKritzelLoginDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelLoginDialogElementEventMap>(type: K, listener: (this: HTMLKritzelLoginDialogElement, ev: KritzelLoginDialogCustomEvent<HTMLKritzelLoginDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelLoginDialogElement: {
+        prototype: HTMLKritzelLoginDialogElement;
+        new (): HTMLKritzelLoginDialogElement;
+    };
+    interface HTMLKritzelMasterDetailElementEventMap {
+        "itemSelect": IKritzelMasterDetailSelectEvent;
+    }
+    interface HTMLKritzelMasterDetailElement extends Components.KritzelMasterDetail, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelMasterDetailElementEventMap>(type: K, listener: (this: HTMLKritzelMasterDetailElement, ev: KritzelMasterDetailCustomEvent<HTMLKritzelMasterDetailElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelMasterDetailElementEventMap>(type: K, listener: (this: HTMLKritzelMasterDetailElement, ev: KritzelMasterDetailCustomEvent<HTMLKritzelMasterDetailElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelMasterDetailElement: {
+        prototype: HTMLKritzelMasterDetailElement;
+        new (): HTMLKritzelMasterDetailElement;
+    };
+    interface HTMLKritzelMenuElementEventMap {
+        "itemSelect": IKritzelMenuItemSelectEvent;
+        "itemSave": IKritzelMenuItem;
+        "itemCancel": IKritzelMenuItem;
+        "itemToggleChildMenu": IKritzelMenuItemToggleChildMenuEvent;
+        "itemCloseChildMenu": IKritzelMenuItem;
+        "close": void;
+    }
+    interface HTMLKritzelMenuElement extends Components.KritzelMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelMenuElementEventMap>(type: K, listener: (this: HTMLKritzelMenuElement, ev: KritzelMenuCustomEvent<HTMLKritzelMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelMenuElementEventMap>(type: K, listener: (this: HTMLKritzelMenuElement, ev: KritzelMenuCustomEvent<HTMLKritzelMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelMenuElement: {
+        prototype: HTMLKritzelMenuElement;
+        new (): HTMLKritzelMenuElement;
+    };
+    interface HTMLKritzelMenuItemElementEventMap {
+        "itemSelect": IKritzelMenuItemSelectEvent;
+        "itemSave": IKritzelMenuItem;
+        "itemCancel": IKritzelMenuItem;
+        "itemToggleChildMenu": IKritzelMenuItemToggleChildMenuEvent;
+        "itemCloseChildMenu": IKritzelMenuItem;
+    }
+    interface HTMLKritzelMenuItemElement extends Components.KritzelMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelMenuItemElementEventMap>(type: K, listener: (this: HTMLKritzelMenuItemElement, ev: KritzelMenuItemCustomEvent<HTMLKritzelMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelMenuItemElementEventMap>(type: K, listener: (this: HTMLKritzelMenuItemElement, ev: KritzelMenuItemCustomEvent<HTMLKritzelMenuItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelMenuItemElement: {
+        prototype: HTMLKritzelMenuItemElement;
+        new (): HTMLKritzelMenuItemElement;
+    };
+    interface HTMLKritzelMoreMenuElementEventMap {
+        "itemSelect": { item: IKritzelMenuItem; parent: IKritzelMenuItem };
+    }
+    interface HTMLKritzelMoreMenuElement extends Components.KritzelMoreMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelMoreMenuElementEventMap>(type: K, listener: (this: HTMLKritzelMoreMenuElement, ev: KritzelMoreMenuCustomEvent<HTMLKritzelMoreMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelMoreMenuElementEventMap>(type: K, listener: (this: HTMLKritzelMoreMenuElement, ev: KritzelMoreMenuCustomEvent<HTMLKritzelMoreMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelMoreMenuElement: {
+        prototype: HTMLKritzelMoreMenuElement;
+        new (): HTMLKritzelMoreMenuElement;
+    };
+    interface HTMLKritzelNotificationCardElementEventMap {
+        "dismiss": void;
+        "hoverChange": boolean;
+    }
+    interface HTMLKritzelNotificationCardElement extends Components.KritzelNotificationCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelNotificationCardElementEventMap>(type: K, listener: (this: HTMLKritzelNotificationCardElement, ev: KritzelNotificationCardCustomEvent<HTMLKritzelNotificationCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelNotificationCardElementEventMap>(type: K, listener: (this: HTMLKritzelNotificationCardElement, ev: KritzelNotificationCardCustomEvent<HTMLKritzelNotificationCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelNotificationCardElement: {
+        prototype: HTMLKritzelNotificationCardElement;
+        new (): HTMLKritzelNotificationCardElement;
+    };
+    interface HTMLKritzelNumericInputElementEventMap {
+        "valueChange": number | undefined;
+    }
+    interface HTMLKritzelNumericInputElement extends Components.KritzelNumericInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelNumericInputElementEventMap>(type: K, listener: (this: HTMLKritzelNumericInputElement, ev: KritzelNumericInputCustomEvent<HTMLKritzelNumericInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelNumericInputElementEventMap>(type: K, listener: (this: HTMLKritzelNumericInputElement, ev: KritzelNumericInputCustomEvent<HTMLKritzelNumericInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelNumericInputElement: {
+        prototype: HTMLKritzelNumericInputElement;
+        new (): HTMLKritzelNumericInputElement;
+    };
+    interface HTMLKritzelOpacitySliderElementEventMap {
+        "valueChange": number;
+    }
+    interface HTMLKritzelOpacitySliderElement extends Components.KritzelOpacitySlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelOpacitySliderElementEventMap>(type: K, listener: (this: HTMLKritzelOpacitySliderElement, ev: KritzelOpacitySliderCustomEvent<HTMLKritzelOpacitySliderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelOpacitySliderElementEventMap>(type: K, listener: (this: HTMLKritzelOpacitySliderElement, ev: KritzelOpacitySliderCustomEvent<HTMLKritzelOpacitySliderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelOpacitySliderElement: {
+        prototype: HTMLKritzelOpacitySliderElement;
+        new (): HTMLKritzelOpacitySliderElement;
+    };
+    interface HTMLKritzelPillTabsElementEventMap {
+        "valueChange": string;
+    }
+    interface HTMLKritzelPillTabsElement extends Components.KritzelPillTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelPillTabsElementEventMap>(type: K, listener: (this: HTMLKritzelPillTabsElement, ev: KritzelPillTabsCustomEvent<HTMLKritzelPillTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelPillTabsElementEventMap>(type: K, listener: (this: HTMLKritzelPillTabsElement, ev: KritzelPillTabsCustomEvent<HTMLKritzelPillTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelPillTabsElement: {
+        prototype: HTMLKritzelPillTabsElement;
+        new (): HTMLKritzelPillTabsElement;
+    };
+    interface HTMLKritzelPortalElementEventMap {
+        "close": void;
+    }
+    interface HTMLKritzelPortalElement extends Components.KritzelPortal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelPortalElementEventMap>(type: K, listener: (this: HTMLKritzelPortalElement, ev: KritzelPortalCustomEvent<HTMLKritzelPortalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelPortalElementEventMap>(type: K, listener: (this: HTMLKritzelPortalElement, ev: KritzelPortalCustomEvent<HTMLKritzelPortalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelPortalElement: {
+        prototype: HTMLKritzelPortalElement;
+        new (): HTMLKritzelPortalElement;
+    };
+    interface HTMLKritzelSettingsElementEventMap {
+        "settingsChange": KritzelSettingsConfig;
+    }
+    interface HTMLKritzelSettingsElement extends Components.KritzelSettings, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelSettingsElementEventMap>(type: K, listener: (this: HTMLKritzelSettingsElement, ev: KritzelSettingsCustomEvent<HTMLKritzelSettingsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelSettingsElementEventMap>(type: K, listener: (this: HTMLKritzelSettingsElement, ev: KritzelSettingsCustomEvent<HTMLKritzelSettingsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelSettingsElement: {
+        prototype: HTMLKritzelSettingsElement;
+        new (): HTMLKritzelSettingsElement;
+    };
+    interface HTMLKritzelShapeFillElementEventMap {
+        "valueChange": ShapeFillType;
+    }
+    interface HTMLKritzelShapeFillElement extends Components.KritzelShapeFill, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelShapeFillElementEventMap>(type: K, listener: (this: HTMLKritzelShapeFillElement, ev: KritzelShapeFillCustomEvent<HTMLKritzelShapeFillElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelShapeFillElementEventMap>(type: K, listener: (this: HTMLKritzelShapeFillElement, ev: KritzelShapeFillCustomEvent<HTMLKritzelShapeFillElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelShapeFillElement: {
+        prototype: HTMLKritzelShapeFillElement;
+        new (): HTMLKritzelShapeFillElement;
+    };
+    interface HTMLKritzelShareDialogElementEventMap {
+        "toggleIsPublic": boolean;
+        "dialogClosed": void;
+    }
+    /**
+     * Share dialog component for managing workspace link sharing.
+     * This is a presentational component that emits events for all actions.
+     * The parent component (kritzel-editor) handles the business logic.
+     */
+    interface HTMLKritzelShareDialogElement extends Components.KritzelShareDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelShareDialogElementEventMap>(type: K, listener: (this: HTMLKritzelShareDialogElement, ev: KritzelShareDialogCustomEvent<HTMLKritzelShareDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelShareDialogElementEventMap>(type: K, listener: (this: HTMLKritzelShareDialogElement, ev: KritzelShareDialogCustomEvent<HTMLKritzelShareDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelShareDialogElement: {
+        prototype: HTMLKritzelShareDialogElement;
+        new (): HTMLKritzelShareDialogElement;
+    };
+    interface HTMLKritzelSlideToggleElementEventMap {
+        "checkedChange": boolean;
+    }
+    interface HTMLKritzelSlideToggleElement extends Components.KritzelSlideToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelSlideToggleElementEventMap>(type: K, listener: (this: HTMLKritzelSlideToggleElement, ev: KritzelSlideToggleCustomEvent<HTMLKritzelSlideToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelSlideToggleElementEventMap>(type: K, listener: (this: HTMLKritzelSlideToggleElement, ev: KritzelSlideToggleCustomEvent<HTMLKritzelSlideToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelSlideToggleElement: {
+        prototype: HTMLKritzelSlideToggleElement;
+        new (): HTMLKritzelSlideToggleElement;
+    };
+    interface HTMLKritzelSplitButtonElementEventMap {
+        "mainButtonClick": void;
+        "itemSelect": IKritzelMenuItemSelectEvent;
+        "itemSave": IKritzelMenuItem;
+        "itemCancel": IKritzelMenuItem;
+        "itemToggleChildMenu": IKritzelMenuItemToggleChildMenuEvent;
+        "itemCloseChildMenu": IKritzelMenuItem;
+        "menuOpen": void;
+        "menuClose": void;
+    }
+    interface HTMLKritzelSplitButtonElement extends Components.KritzelSplitButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelSplitButtonElementEventMap>(type: K, listener: (this: HTMLKritzelSplitButtonElement, ev: KritzelSplitButtonCustomEvent<HTMLKritzelSplitButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelSplitButtonElementEventMap>(type: K, listener: (this: HTMLKritzelSplitButtonElement, ev: KritzelSplitButtonCustomEvent<HTMLKritzelSplitButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelSplitButtonElement: {
+        prototype: HTMLKritzelSplitButtonElement;
+        new (): HTMLKritzelSplitButtonElement;
+    };
+    interface HTMLKritzelStrokeSizeElementEventMap {
+        "sizeChange": number;
+    }
+    interface HTMLKritzelStrokeSizeElement extends Components.KritzelStrokeSize, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelStrokeSizeElementEventMap>(type: K, listener: (this: HTMLKritzelStrokeSizeElement, ev: KritzelStrokeSizeCustomEvent<HTMLKritzelStrokeSizeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelStrokeSizeElementEventMap>(type: K, listener: (this: HTMLKritzelStrokeSizeElement, ev: KritzelStrokeSizeCustomEvent<HTMLKritzelStrokeSizeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelStrokeSizeElement: {
+        prototype: HTMLKritzelStrokeSizeElement;
+        new (): HTMLKritzelStrokeSizeElement;
+    };
+    interface HTMLKritzelToolConfigElementEventMap {
+        "toolChange": ConfigurableTool;
+        "displayValuesChange": ToolDisplayValues;
+    }
+    interface HTMLKritzelToolConfigElement extends Components.KritzelToolConfig, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelToolConfigElementEventMap>(type: K, listener: (this: HTMLKritzelToolConfigElement, ev: KritzelToolConfigCustomEvent<HTMLKritzelToolConfigElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelToolConfigElementEventMap>(type: K, listener: (this: HTMLKritzelToolConfigElement, ev: KritzelToolConfigCustomEvent<HTMLKritzelToolConfigElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelToolConfigElement: {
+        prototype: HTMLKritzelToolConfigElement;
+        new (): HTMLKritzelToolConfigElement;
+    };
+    interface HTMLKritzelToolbarElementEventMap {
+        "isToolbarReady": void;
+    }
+    interface HTMLKritzelToolbarElement extends Components.KritzelToolbar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelToolbarElementEventMap>(type: K, listener: (this: HTMLKritzelToolbarElement, ev: KritzelToolbarCustomEvent<HTMLKritzelToolbarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelToolbarElementEventMap>(type: K, listener: (this: HTMLKritzelToolbarElement, ev: KritzelToolbarCustomEvent<HTMLKritzelToolbarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelToolbarElement: {
+        prototype: HTMLKritzelToolbarElement;
+        new (): HTMLKritzelToolbarElement;
+    };
+    interface HTMLKritzelTooltipElementEventMap {
+        "tooltipClosed": void;
+        "tooltipOpened": void;
+    }
+    interface HTMLKritzelTooltipElement extends Components.KritzelTooltip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelTooltipElementEventMap>(type: K, listener: (this: HTMLKritzelTooltipElement, ev: KritzelTooltipCustomEvent<HTMLKritzelTooltipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelTooltipElementEventMap>(type: K, listener: (this: HTMLKritzelTooltipElement, ev: KritzelTooltipCustomEvent<HTMLKritzelTooltipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelTooltipElement: {
+        prototype: HTMLKritzelTooltipElement;
+        new (): HTMLKritzelTooltipElement;
+    };
+    interface HTMLKritzelUtilityPanelElementEventMap {
+        "undo": void;
+        "redo": void;
+        "delete": void;
+    }
+    interface HTMLKritzelUtilityPanelElement extends Components.KritzelUtilityPanel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelUtilityPanelElementEventMap>(type: K, listener: (this: HTMLKritzelUtilityPanelElement, ev: KritzelUtilityPanelCustomEvent<HTMLKritzelUtilityPanelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelUtilityPanelElementEventMap>(type: K, listener: (this: HTMLKritzelUtilityPanelElement, ev: KritzelUtilityPanelCustomEvent<HTMLKritzelUtilityPanelElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelUtilityPanelElement: {
+        prototype: HTMLKritzelUtilityPanelElement;
+        new (): HTMLKritzelUtilityPanelElement;
+    };
+    interface HTMLKritzelWorkspaceManagerElementEventMap {
+        "isWorkspaceManagerReady": void;
+        "workspaceChange": KritzelWorkspace;
+    }
+    interface HTMLKritzelWorkspaceManagerElement extends Components.KritzelWorkspaceManager, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelWorkspaceManagerElementEventMap>(type: K, listener: (this: HTMLKritzelWorkspaceManagerElement, ev: KritzelWorkspaceManagerCustomEvent<HTMLKritzelWorkspaceManagerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelWorkspaceManagerElementEventMap>(type: K, listener: (this: HTMLKritzelWorkspaceManagerElement, ev: KritzelWorkspaceManagerCustomEvent<HTMLKritzelWorkspaceManagerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelWorkspaceManagerElement: {
+        prototype: HTMLKritzelWorkspaceManagerElement;
+        new (): HTMLKritzelWorkspaceManagerElement;
+    };
+    interface HTMLKritzelZoomPanelElementEventMap {
+        "zoomIn": void;
+        "zoomOut": void;
+    }
+    interface HTMLKritzelZoomPanelElement extends Components.KritzelZoomPanel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKritzelZoomPanelElementEventMap>(type: K, listener: (this: HTMLKritzelZoomPanelElement, ev: KritzelZoomPanelCustomEvent<HTMLKritzelZoomPanelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKritzelZoomPanelElementEventMap>(type: K, listener: (this: HTMLKritzelZoomPanelElement, ev: KritzelZoomPanelCustomEvent<HTMLKritzelZoomPanelElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKritzelZoomPanelElement: {
+        prototype: HTMLKritzelZoomPanelElement;
+        new (): HTMLKritzelZoomPanelElement;
+    };
+    interface HTMLElementTagNameMap {
+        "kritzel-active-users": HTMLKritzelActiveUsersElement;
+        "kritzel-avatar": HTMLKritzelAvatarElement;
+        "kritzel-back-to-content": HTMLKritzelBackToContentElement;
+        "kritzel-brush-style": HTMLKritzelBrushStyleElement;
+        "kritzel-button": HTMLKritzelButtonElement;
+        "kritzel-color": HTMLKritzelColorElement;
+        "kritzel-color-palette": HTMLKritzelColorPaletteElement;
+        "kritzel-context-menu": HTMLKritzelContextMenuElement;
+        "kritzel-current-user": HTMLKritzelCurrentUserElement;
+        "kritzel-current-user-dialog": HTMLKritzelCurrentUserDialogElement;
+        "kritzel-dialog": HTMLKritzelDialogElement;
+        "kritzel-dropdown": HTMLKritzelDropdownElement;
+        "kritzel-editor": HTMLKritzelEditorElement;
+        "kritzel-export": HTMLKritzelExportElement;
+        "kritzel-font": HTMLKritzelFontElement;
+        "kritzel-font-family": HTMLKritzelFontFamilyElement;
+        "kritzel-font-size": HTMLKritzelFontSizeElement;
+        "kritzel-input": HTMLKritzelInputElement;
+        "kritzel-line-endings": HTMLKritzelLineEndingsElement;
+        "kritzel-loading-overlay": HTMLKritzelLoadingOverlayElement;
+        "kritzel-login-dialog": HTMLKritzelLoginDialogElement;
+        "kritzel-master-detail": HTMLKritzelMasterDetailElement;
+        "kritzel-menu": HTMLKritzelMenuElement;
+        "kritzel-menu-item": HTMLKritzelMenuItemElement;
+        "kritzel-more-menu": HTMLKritzelMoreMenuElement;
+        "kritzel-notification-card": HTMLKritzelNotificationCardElement;
+        "kritzel-numeric-input": HTMLKritzelNumericInputElement;
+        "kritzel-opacity-slider": HTMLKritzelOpacitySliderElement;
+        "kritzel-pill-tabs": HTMLKritzelPillTabsElement;
+        "kritzel-portal": HTMLKritzelPortalElement;
+        "kritzel-settings": HTMLKritzelSettingsElement;
+        "kritzel-shape-fill": HTMLKritzelShapeFillElement;
+        "kritzel-share-dialog": HTMLKritzelShareDialogElement;
+        "kritzel-slide-toggle": HTMLKritzelSlideToggleElement;
+        "kritzel-split-button": HTMLKritzelSplitButtonElement;
+        "kritzel-stroke-size": HTMLKritzelStrokeSizeElement;
+        "kritzel-tool-config": HTMLKritzelToolConfigElement;
+        "kritzel-toolbar": HTMLKritzelToolbarElement;
+        "kritzel-tooltip": HTMLKritzelTooltipElement;
+        "kritzel-utility-panel": HTMLKritzelUtilityPanelElement;
+        "kritzel-workspace-manager": HTMLKritzelWorkspaceManagerElement;
+        "kritzel-zoom-panel": HTMLKritzelZoomPanelElement;
+    }
+}
+declare namespace LocalJSX {
+    interface KritzelActiveUsers {
+        /**
+          * Avatar size in pixels
+          * @default 40
+         */
+        "avatarSize"?: number;
+        /**
+          * Maximum number of avatars to show before overflow text
+          * @default 3
+         */
+        "maxVisible"?: number;
+        /**
+          * Overlap offset in pixels (negative margin between avatars)
+          * @default 20
+         */
+        "overlap"?: number;
+        /**
+          * Array of active users to display
+          * @default []
+         */
+        "users"?: IKritzelUser[];
+    }
+    interface KritzelAvatar {
+        /**
+          * Background color for initials fallback
+         */
+        "color"?: string;
+        /**
+          * Direct prop: user's display name (used for initials fallback)
+         */
+        "name"?: string;
+        /**
+          * Avatar diameter in pixels
+          * @default 32
+         */
+        "size"?: number;
+        /**
+          * Full user object. If provided, individual props are ignored.
+         */
+        "user"?: IKritzelUser;
+    }
+    interface KritzelBackToContent {
+        /**
+          * Emitted when the button is clicked
+         */
+        "onBackToContent"?: (event: KritzelBackToContentCustomEvent<void>) => void;
+        /**
+          * The text to display on the button
+          * @default 'Back to content'
+         */
+        "text"?: string;
+        /**
+          * Whether the button is visible
+          * @default false
+         */
+        "visible"?: boolean;
+    }
+    interface KritzelBrushStyle {
+        /**
+          * @default [     { value: 'pen', label: 'Pen' },     { value: 'highlighter', label: 'Highlighter' },   ]
+         */
+        "brushOptions"?: BrushStyleOption[];
+        "onTypeChange"?: (event: KritzelBrushStyleCustomEvent<'pen' | 'highlighter'>) => void;
+        /**
+          * @default 'pen'
+         */
+        "type"?: 'pen' | 'highlighter';
+    }
+    interface KritzelButton {
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Emitted when the button is clicked
+         */
+        "onButtonClick"?: (event: KritzelButtonCustomEvent<void>) => void;
+        /**
+          * The type attribute for the native button element
+          * @default 'button'
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * The visual variant of the button
+          * @default 'primary'
+         */
+        "variant"?: 'primary' | 'secondary' | 'text';
+    }
+    interface KritzelColor {
+        /**
+          * @default 24
+         */
+        "size"?: number;
+        "theme"?: ThemeName;
+        "value"?: string | ThemeAwareColor;
+    }
+    interface KritzelColorPalette {
+        /**
+          * @default []
+         */
+        "colors"?: ThemeAwareColor[];
+        /**
+          * @default false
+         */
+        "isExpanded"?: boolean;
+        /**
+          * @default false
+         */
+        "isOpaque"?: boolean;
+        "onColorChange"?: (event: KritzelColorPaletteCustomEvent<ThemeAwareColor>) => void;
+        /**
+          * @default 1
+         */
+        "opacity"?: number;
+        /**
+          * @default null
+         */
+        "selectedColor"?: ThemeAwareColor | null;
+        "theme"?: ThemeName;
+    }
+    interface KritzelContextMenu {
+        "items"?: ContextMenuItem[];
+        "objects"?: KritzelBaseObject[];
+        "onActionSelected"?: (event: KritzelContextMenuCustomEvent<ContextMenuItem>) => void;
+        "onClose"?: (event: KritzelContextMenuCustomEvent<void>) => void;
+    }
+    interface KritzelCurrentUser {
+        /**
+          * Avatar size in pixels
+          * @default 40
+         */
+        "avatarSize"?: number;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * The current user to display
+         */
+        "user"?: IKritzelUser;
+    }
+    interface KritzelCurrentUserDialog {
+        /**
+          * Emitted when the user clicks the logout action.
+         */
+        "onLogoutRequest"?: (event: KritzelCurrentUserDialogCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        "user"?: IKritzelUser;
+    }
+    interface KritzelDialog {
+        /**
+          * Whether to auto-focus the first focusable element when opened
+          * @default true
+         */
+        "autoFocus"?: boolean;
+        /**
+          * Whether to show the close button in the header
+          * @default true
+         */
+        "closable"?: boolean;
+        /**
+          * Whether clicking the backdrop closes the dialog
+          * @default true
+         */
+        "closeOnBackdrop"?: boolean;
+        /**
+          * Whether pressing Escape closes the dialog
+          * @default true
+         */
+        "closeOnEscape"?: boolean;
+        /**
+          * Constrain the dialog to its nearest editor/container ancestor instead of the viewport.
+          * @default false
+         */
+        "contained"?: boolean;
+        /**
+          * Optional title displayed in the header
+         */
+        "dialogTitle"?: string;
+        /**
+          * Whether to automatically go fullscreen on mobile viewports
+          * @default true
+         */
+        "fullscreenOnMobile"?: boolean;
+        /**
+          * Whether the dialog is open
+          * @default false
+         */
+        "isOpen"?: boolean;
+        /**
+          * Emitted when the dialog closes
+         */
+        "onDialogClose"?: (event: KritzelDialogCustomEvent<IKritzelDialogCloseEvent>) => void;
+        /**
+          * Emitted when the dialog opens
+         */
+        "onDialogOpen"?: (event: KritzelDialogCustomEvent<void>) => void;
+        /**
+          * Size of the dialog
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large' | 'fullscreen';
+        /**
+          * Whether to trap focus within the dialog
+          * @default true
+         */
+        "trapFocus"?: boolean;
+    }
+    interface KritzelDropdown {
+        /**
+          * Force the dropdown to open in a specific direction instead of auto-detecting
+         */
+        "forceOpenDirection"?: 'down' | 'up';
+        "onValueChanged"?: (event: KritzelDropdownCustomEvent<string>) => void;
+        /**
+          * @default []
+         */
+        "options"?: DropdownOption[];
+        /**
+          * @default {}
+         */
+        "selectStyles"?: Record<string, string>;
+        "value"?: string;
+        "width"?: string;
+    }
+    interface KritzelEditor {
+        "activeUsers"?: IKritzelUser[];
+        /**
+          * Optional workspace ID to set as active. If provided, the editor will automatically activate the workspace with this ID.
+         */
+        "activeWorkspaceId"?: string;
+        /**
+          * @default DEFAULT_ASSET_STORAGE_CONFIG
+         */
+        "assetStorageConfig"?: KritzelAssetStorageConfig;
+        /**
+          * The element to use as the target for the cursor. Defaults to the editor container if not set.
+         */
+        "cursorTarget"?: HTMLElement;
+        /**
+          * Registers fonts for runtime usage (for example custom object rendering). Text-tool config tooltip options are controlled via toolbarItems[].config.availableFonts.
+          * @default {}
+         */
+        "customFonts"?: KritzelFontMap;
+        /**
+          * @default {}
+         */
+        "customSvgIcons"?: Record<string, string>;
+        /**
+          * @default {     showViewportInfo: false,     showObjectInfo: false,     showSyncProviderInfo: true,     showMigrationInfo: true,     showAssetResolverInfo: false,   }
+         */
+        "debugInfo"?: KritzelDebugInfo;
+        /**
+          * Optional unique identifier for namespacing storage keys across multiple editor instances.
+         */
+        "editorId"?: string;
+        /**
+          * The locale used to resolve terms missing from the active locale.
+          * @default 'en'
+         */
+        "fallbackLocale"?: LocaleCode;
+        /**
+          * @default [     {       label: 'menu.paste',       icon: 'paste',       action: menu => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'menu.selectAll',       icon: 'select-all',       action: () => this.selectAllObjectsInViewport(),     },   ]
+         */
+        "globalContextMenuItems"?: ContextMenuItem[];
+        /**
+          * @default true
+         */
+        "isMoreMenuVisible"?: boolean;
+        /**
+          * @default true
+         */
+        "isPanningEnabled"?: boolean;
+        /**
+          * @default true
+         */
+        "isToolbarVisible"?: boolean;
+        /**
+          * @default true
+         */
+        "isUtilityPanelVisible"?: boolean;
+        /**
+          * @default true
+         */
+        "isWorkspaceManagerVisible"?: boolean;
+        /**
+          * @default true
+         */
+        "isZoomPanelVisible"?: boolean;
+        /**
+          * @default true
+         */
+        "isZoomingEnabled"?: boolean;
+        /**
+          * License key that, when valid, removes the "Powered by Kritzel" watermark.
+         */
+        "licenseKey"?: string;
+        /**
+          * The current locale (language) code applied to the editor, e.g. 'en', 'de', 'fr'.
+          * @default 'en'
+         */
+        "locale"?: LocaleCode;
+        /**
+          * An array of available locale definitions (with optional partial term overrides).
+         */
+        "locales"?: KritzelLocale[];
+        /**
+          * @default true
+         */
+        "lockDrawingScale"?: boolean;
+        /**
+          * Optional login configuration. When provided, a "Sign in" button is shown that opens a login dialog with the configured providers.
+         */
+        "loginConfig"?: KritzelLoginConfig;
+        /**
+          * @default [     {       id: 'share',       label: 'menu.share',       icon: 'share',       isVisible: async () => hasRemoteSyncProvider(this.syncConfig),       action: () => {         if (!this.isLoggedIn && this.loginConfig) {           this.openLoginDialog();           return;         }         this.shareDialogRef.open();       },     },     {       id: 'export',       label: 'menu.export',       icon: 'upload',       action: async () => {         const preview = await this.engineRef.getScreenshot('png');         this.exportRef.open(preview ?? undefined);       },     },     {       id: 'import',       label: 'menu.import',       icon: 'download',       action: () => this.engineRef.importFromFile(),     },     {       id: 'settings',       label: 'menu.settings',       icon: 'settings',       action: () => this.settingsRef.open(),     },   ]
+         */
+        "moreMenuItems"?: IKritzelMenuItem[];
+        /**
+          * @default [     { label: 'menu.copy', icon: 'copy', group: 'clipboard', action: () => this.engineRef.copy() },     { label: 'menu.cut', icon: 'cut', group: 'clipboard', action: () => this.engineRef.cut() },     {       label: 'menu.paste',       icon: 'paste',       group: 'clipboard',       action: (menu, _) => this.engineRef.paste(menu.x, menu.y),     },     {       label: 'menu.export',       icon: 'upload',       group: 'clipboard',       isVisible: (_, objects) => this.canExportObjects(objects),       action: (_, objects) => {         const format = this.getPreferredExportFormat(objects);         if (!format) {           return;         }          void this.engineRef.exportSelectedObject(format);       },     },     {       label: 'menu.order',       icon: 'ordering',       group: 'other',       children: [         { label: 'menu.bringToFront', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },         { label: 'menu.sendToBack', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },         { label: 'menu.moveUp', icon: 'arrow-up-from-dot', action: () => this.engineRef.bringForward() },         { label: 'menu.moveDown', icon: 'arrow-down-from-dot', action: () => this.engineRef.sendBackward() },       ],     },     {       label: 'menu.align',       icon: 'align',       group: 'other',       children: [         { label: 'menu.alignLeft', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.StartHorizontal) },         { label: 'menu.alignCenterHorizontal', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterHorizontal) },         { label: 'menu.alignRight', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.EndHorizontal) },         { label: 'menu.alignTop', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.StartVertical) },         { label: 'menu.alignCenterVertical', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(KritzelAlignment.CenterVertical) },         { label: 'menu.alignBottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(KritzelAlignment.EndVertical) },       ],     },     {       label: 'menu.group',       icon: 'group',       group: 'other',       children: [         {           label: 'menu.group',           icon: 'group',           action: () => this.engineRef.group(),         },         {           label: 'menu.ungroup',           icon: 'ungroup',           action: () => this.engineRef.ungroup(),         },       ],     },     { label: 'menu.delete', icon: 'delete', group: 'edit', action: () => this.engineRef.delete() },   ]
+         */
+        "objectContextMenuItems"?: ContextMenuItem[];
+        "onActiveWorkspaceChange"?: (event: KritzelEditorCustomEvent<ActiveWorkspaceChangeEvent>) => void;
+        "onAwarenessChange"?: (event: KritzelEditorCustomEvent<Map<number, Record<string, any>>>) => void;
+        "onIsPublicChange"?: (event: KritzelEditorCustomEvent<IKritzelIsPublicChangeEvent>) => void;
+        "onIsReady"?: (event: KritzelEditorCustomEvent<EditorIsReadyEvent>) => void;
+        "onLocaleChange"?: (event: KritzelEditorCustomEvent<LocaleCode>) => void;
+        "onLogin"?: (event: KritzelEditorCustomEvent<LoginEvent>) => void;
+        "onLogout"?: (event: KritzelEditorCustomEvent<void>) => void;
+        "onObjectsAdded"?: (event: KritzelEditorCustomEvent<ObjectsAddedEvent>) => void;
+        "onObjectsChange"?: (event: KritzelEditorCustomEvent<KritzelBaseObject[]>) => void;
+        "onObjectsRemoved"?: (event: KritzelEditorCustomEvent<ObjectsRemovedEvent>) => void;
+        "onObjectsSelectionChange"?: (event: KritzelEditorCustomEvent<KritzelBaseObject[]>) => void;
+        "onObjectsUpdated"?: (event: KritzelEditorCustomEvent<ObjectsUpdatedEvent>) => void;
+        "onThemeChange"?: (event: KritzelEditorCustomEvent<ThemeName>) => void;
+        "onUndoStateChange"?: (event: KritzelEditorCustomEvent<KritzelUndoState>) => void;
+        "onViewportChange"?: (event: KritzelEditorCustomEvent<KritzelViewportState>) => void;
+        /**
+          * @default 1000
+         */
+        "scaleMax"?: number;
+        /**
+          * @default 0.0001
+         */
+        "scaleMin"?: number;
+        /**
+          * @default DEFAULT_SYNC_CONFIG
+         */
+        "syncConfig"?: KritzelSyncConfig;
+        /**
+          * @default 'light'
+         */
+        "theme"?: ThemeName;
+        "themes"?: KritzelTheme[];
+        /**
+          * @default [     {       name: 'selection',       type: 'tool',       isDefault: true,       tool: KritzelSelectionTool,       icon: 'cursor',     },     {       name: 'brush',       type: 'tool',       tool: KritzelBrushTool,       icon: 'pen',       config: DEFAULT_BRUSH_CONFIG,     },     {       name: 'eraser',       type: 'tool',       tool: KritzelEraserTool,       icon: 'eraser',     },     {       name: 'line',       type: 'tool',       tool: KritzelLineTool,       icon: 'arrow',       config: DEFAULT_LINE_TOOL_CONFIG,     },     {       name: 'shape',       type: 'tool',       tool: KritzelShapeTool,       icon: 'shape-rectangle',       config: DEFAULT_SHAPE_CONFIG,       subOptions: [         { id: 'rectangle', icon: 'shape-rectangle', label: 'Rectangle', value: ShapeType.Rectangle, toolProperty: 'shapeType' },         { id: 'ellipse', icon: 'shape-ellipse', label: 'Ellipse', value: ShapeType.Ellipse, toolProperty: 'shapeType' },         { id: 'triangle', icon: 'shape-triangle', label: 'Triangle', value: ShapeType.Triangle, toolProperty: 'shapeType' },       ],     },     {       name: 'text',       type: 'tool',       tool: KritzelTextTool,       icon: 'type',       config: DEFAULT_TEXT_CONFIG,     },     {       name: 'image',       type: 'tool',       tool: KritzelImageTool,       icon: 'image',     },     {       name: 'config',       type: 'config',     },   ]
+         */
+        "toolbarItems"?: KritzelToolbarItem[];
+        "user"?: IKritzelUser;
+        /**
+          * @default Infinity
+         */
+        "viewportBoundaryBottom"?: number;
+        /**
+          * @default -Infinity
+         */
+        "viewportBoundaryLeft"?: number;
+        /**
+          * @default Infinity
+         */
+        "viewportBoundaryRight"?: number;
+        /**
+          * @default -Infinity
+         */
+        "viewportBoundaryTop"?: number;
+        /**
+          * Authoritative workspace catalog for this editor instance. When provided, provider-only workspaces are hidden but not deleted.
+         */
+        "workspaces"?: KritzelWorkspace[];
+    }
+    interface KritzelExport {
+        "onExportJson"?: (event: KritzelExportCustomEvent<string>) => void;
+        "onExportPng"?: (event: KritzelExportCustomEvent<void>) => void;
+        "onExportSvg"?: (event: KritzelExportCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * The name of the current workspace, used as default filename
+          * @default 'workspace'
+         */
+        "workspaceName"?: string;
+    }
+    interface KritzelFont {
+        /**
+          * @default '#000000'
+         */
+        "color"?: string;
+        /**
+          * @default 'Arial, sans-serif'
+         */
+        "fontFamily"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: number;
+    }
+    interface KritzelFontFamily {
+        /**
+          * @default []
+         */
+        "fontOptions"?: FontOption[];
+        "onFontFamilyChange"?: (event: KritzelFontFamilyCustomEvent<string>) => void;
+        "selectedFontFamily"?: string;
+    }
+    interface KritzelFontSize {
+        /**
+          * @default 'Arial'
+         */
+        "fontFamily"?: string;
+        "onSizeChange"?: (event: KritzelFontSizeCustomEvent<number>) => void;
+        /**
+          * @default null
+         */
+        "selectedSize"?: number | null;
+        /**
+          * @default [8, 10, 12, 16, 20, 24]
+         */
+        "sizes"?: number[];
+    }
+    interface KritzelInput {
+        /**
+          * Whether the input is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Label text displayed above the input
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Emitted when the value changes
+         */
+        "onValueChange"?: (event: KritzelInputCustomEvent<string>) => void;
+        /**
+          * Placeholder text shown when input is empty
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * Suffix text displayed after the input (e.g., file extension)
+          * @default ''
+         */
+        "suffix"?: string;
+        /**
+          * Input type
+          * @default 'text'
+         */
+        "type"?: 'text' | 'email' | 'password' | 'url';
+        /**
+          * Current text value
+          * @default ''
+         */
+        "value"?: string;
+    }
+    interface KritzelLineEndings {
+        "onValueChange"?: (event: KritzelLineEndingsCustomEvent<LineArrowConfig>) => void;
+        /**
+          * Available ending styles
+          * @default ['none', 'triangle']
+         */
+        "styles"?: LineEndingType[];
+        /**
+          * Current line arrow configuration
+         */
+        "value"?: LineArrowConfig | undefined;
+    }
+    interface KritzelLoadingOverlay {
+        /**
+          * The text to display next to the spinner
+          * @default 'Loading...'
+         */
+        "text"?: string;
+        /**
+          * Whether the overlay is visible
+          * @default false
+         */
+        "visible"?: boolean;
+    }
+    /**
+     * Login dialog component for displaying authentication provider buttons.
+     * This is a presentational component that emits events for all actions.
+     * The parent component (kritzel-editor) handles the actual authentication flow.
+     */
+    interface KritzelLoginDialog {
+        /**
+          * Dialog title
+          * @default 'Sign in'
+         */
+        "dialogTitle"?: string;
+        /**
+          * Emitted when the dialog is closed
+         */
+        "onDialogClosed"?: (event: KritzelLoginDialogCustomEvent<void>) => void;
+        /**
+          * Emitted when a provider button is clicked
+         */
+        "onProviderLogin"?: (event: KritzelLoginDialogCustomEvent<LoginEvent>) => void;
+        /**
+          * Array of authentication provider buttons to render
+          * @default []
+         */
+        "providers"?: KritzelLoginProvider[];
+        /**
+          * Optional subtitle text displayed below the title
+         */
+        "subtitle"?: string;
+    }
+    interface KritzelMasterDetail {
+        /**
+          * Array of menu items to display in the master (left) panel
+          * @default []
+         */
+        "items"?: IKritzelMasterDetailItem[];
+        /**
+          * Emitted when an item is selected
+         */
+        "onItemSelect"?: (event: KritzelMasterDetailCustomEvent<IKritzelMasterDetailSelectEvent>) => void;
+        /**
+          * ID of the currently selected item
+         */
+        "selectedItemId"?: string;
+    }
+    interface KritzelMenu {
+        "items"?: IKritzelMenuItem[];
+        "onClose"?: (event: KritzelMenuCustomEvent<void>) => void;
+        "onItemCancel"?: (event: KritzelMenuCustomEvent<IKritzelMenuItem>) => void;
+        "onItemCloseChildMenu"?: (event: KritzelMenuCustomEvent<IKritzelMenuItem>) => void;
+        "onItemSave"?: (event: KritzelMenuCustomEvent<IKritzelMenuItem>) => void;
+        "onItemSelect"?: (event: KritzelMenuCustomEvent<IKritzelMenuItemSelectEvent>) => void;
+        "onItemToggleChildMenu"?: (event: KritzelMenuCustomEvent<IKritzelMenuItemToggleChildMenuEvent>) => void;
+        /**
+          * @default null
+         */
+        "parent"?: IKritzelMenuItem;
+    }
+    interface KritzelMenuItem {
+        "item"?: IKritzelMenuItem;
+        "onItemCancel"?: (event: KritzelMenuItemCustomEvent<IKritzelMenuItem>) => void;
+        "onItemCloseChildMenu"?: (event: KritzelMenuItemCustomEvent<IKritzelMenuItem>) => void;
+        "onItemSave"?: (event: KritzelMenuItemCustomEvent<IKritzelMenuItem>) => void;
+        "onItemSelect"?: (event: KritzelMenuItemCustomEvent<IKritzelMenuItemSelectEvent>) => void;
+        "onItemToggleChildMenu"?: (event: KritzelMenuItemCustomEvent<IKritzelMenuItemToggleChildMenuEvent>) => void;
+        /**
+          * @default null
+         */
+        "parent"?: IKritzelMenuItem;
+    }
+    interface KritzelMoreMenu {
+        /**
+          * The icon to display on the button
+          * @default 'ellipsis-vertical'
+         */
+        "icon"?: string;
+        /**
+          * The size of the icon
+          * @default 24
+         */
+        "iconSize"?: number;
+        /**
+          * The menu items to display in the dropdown. Items with `isVisible` set to `false` will be filtered out. Items with an `action` will have that action invoked on selection.
+          * @default []
+         */
+        "items"?: IKritzelMenuItem[];
+        /**
+          * Offset Y for the portal positioning
+          * @default 4
+         */
+        "offsetY"?: number;
+        /**
+          * Emitted when a menu item is selected
+         */
+        "onItemSelect"?: (event: KritzelMoreMenuCustomEvent<{ item: IKritzelMenuItem; parent: IKritzelMenuItem }>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * Whether the menu button is visible
+          * @default false
+         */
+        "visible"?: boolean;
+    }
+    interface KritzelNotificationCard {
+        /**
+          * Locale used for formatting the timestamp.
+         */
+        "locale"?: string;
+        /**
+          * Notification data rendered by this card.
+         */
+        "notification"?: KritzelNotification;
+        /**
+          * Emitted when the notification should be dismissed manually.
+         */
+        "onDismiss"?: (event: KritzelNotificationCardCustomEvent<void>) => void;
+        /**
+          * Emitted when pointer hover state changes.
+         */
+        "onHoverChange"?: (event: KritzelNotificationCardCustomEvent<boolean>) => void;
+        /**
+          * Whether a formatted timestamp should be displayed when available.
+          * @default true
+         */
+        "showTimestamp"?: boolean;
+    }
+    interface KritzelNumericInput {
+        /**
+          * Label text displayed above the input
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Maximum allowed value
+          * @default Number.MAX_SAFE_INTEGER
+         */
+        "max"?: number;
+        /**
+          * Minimum allowed value
+          * @default Number.MIN_SAFE_INTEGER
+         */
+        "min"?: number;
+        /**
+          * Emitted when the value changes (after normalization)
+         */
+        "onValueChange"?: (event: KritzelNumericInputCustomEvent<number | undefined>) => void;
+        /**
+          * Placeholder text shown when input is empty
+          * @default ''
+         */
+        "placeholder"?: string;
+        /**
+          * Step increment for the input
+          * @default 1
+         */
+        "step"?: number;
+        /**
+          * Current numeric value (undefined when cleared)
+         */
+        "value"?: number;
+    }
+    interface KritzelOpacitySlider {
+        /**
+          * Maximum opacity value
+          * @default 1
+         */
+        "max"?: number;
+        /**
+          * Minimum opacity value
+          * @default 0
+         */
+        "min"?: number;
+        "onValueChange"?: (event: KritzelOpacitySliderCustomEvent<number>) => void;
+        /**
+          * Color to display in the preview (optional)
+          * @default '#000000'
+         */
+        "previewColor"?: string;
+        /**
+          * Step increment
+          * @default 0.01
+         */
+        "step"?: number;
+        /**
+          * Current opacity value (0 to 1)
+          * @default 1
+         */
+        "value"?: number;
+    }
+    interface KritzelPillTabs {
+        /**
+          * Emitted when the selected tab changes
+         */
+        "onValueChange"?: (event: KritzelPillTabsCustomEvent<string>) => void;
+        /**
+          * Array of tab definitions to render
+          * @default []
+         */
+        "tabs"?: KritzelPillTab[];
+        /**
+          * Currently selected tab ID
+         */
+        "value"?: string;
+    }
+    interface KritzelPortal {
+        "anchor"?: HTMLElement;
+        /**
+          * @default true
+         */
+        "autoFocus"?: boolean;
+        "offsetX"?: number;
+        "offsetY"?: number;
+        "onClose"?: (event: KritzelPortalCustomEvent<void>) => void;
+    }
+    interface KritzelSettings {
+        /**
+          * Available locales as `{ code, label }` options for the language selector.
+          * @default []
+         */
+        "availableLocales"?: { code: LocaleCode; label: string }[];
+        /**
+          * Keyboard shortcuts to display in the settings dialog
+          * @default ['light', 'dark']
+         */
+        "availableThemes"?: string[];
+        /**
+          * Emitted when settings change
+         */
+        "onSettingsChange"?: (event: KritzelSettingsCustomEvent<KritzelSettingsConfig>) => void;
+        /**
+          * Current settings values. Used to initialize and sync the component's internal state.
+         */
+        "settings"?: Partial<KritzelSettingsConfig>;
+        /**
+          * @default []
+         */
+        "shortcuts"?: Omit<KritzelShortcut, 'action' | 'condition'>[];
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+    }
+    interface KritzelShapeFill {
+        "onValueChange"?: (event: KritzelShapeFillCustomEvent<ShapeFillType>) => void;
+        /**
+          * Current fill type
+          * @default 'transparent'
+         */
+        "value"?: ShapeFillType;
+    }
+    /**
+     * Share dialog component for managing workspace link sharing.
+     * This is a presentational component that emits events for all actions.
+     * The parent component (kritzel-editor) handles the business logic.
+     */
+    interface KritzelShareDialog {
+        /**
+          * Whether the workspace is currently public.
+          * @default false
+         */
+        "isPublic"?: boolean;
+        /**
+          * Emitted when the dialog is closed.
+         */
+        "onDialogClosed"?: (event: KritzelShareDialogCustomEvent<void>) => void;
+        /**
+          * Emitted when the user toggles the public sharing state.
+         */
+        "onToggleIsPublic"?: (event: KritzelShareDialogCustomEvent<boolean>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * The ID of the workspace being shared. Used to build the share URL.
+          * @default undefined
+         */
+        "workspaceId"?: string | undefined;
+    }
+    interface KritzelSlideToggle {
+        /**
+          * Whether the toggle is checked/on
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Whether the toggle is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Label text for accessibility (screen readers)
+         */
+        "label"?: string;
+        /**
+          * Emitted when the toggle state changes
+         */
+        "onCheckedChange"?: (event: KritzelSlideToggleCustomEvent<boolean>) => void;
+    }
+    interface KritzelSplitButton {
+        /**
+          * @default 'plus'
+         */
+        "buttonIcon"?: string;
+        /**
+          * @default 'chevron-down'
+         */
+        "dropdownIcon"?: string;
+        /**
+          * @default []
+         */
+        "items"?: IKritzelMenuItem[];
+        /**
+          * @default false
+         */
+        "mainButtonDisabled"?: boolean;
+        /**
+          * @default false
+         */
+        "menuButtonDisabled"?: boolean;
+        "onItemCancel"?: (event: KritzelSplitButtonCustomEvent<IKritzelMenuItem>) => void;
+        "onItemCloseChildMenu"?: (event: KritzelSplitButtonCustomEvent<IKritzelMenuItem>) => void;
+        "onItemSave"?: (event: KritzelSplitButtonCustomEvent<IKritzelMenuItem>) => void;
+        "onItemSelect"?: (event: KritzelSplitButtonCustomEvent<IKritzelMenuItemSelectEvent>) => void;
+        "onItemToggleChildMenu"?: (event: KritzelSplitButtonCustomEvent<IKritzelMenuItemToggleChildMenuEvent>) => void;
+        "onMainButtonClick"?: (event: KritzelSplitButtonCustomEvent<void>) => void;
+        "onMenuClose"?: (event: KritzelSplitButtonCustomEvent<void>) => void;
+        "onMenuOpen"?: (event: KritzelSplitButtonCustomEvent<void>) => void;
+    }
+    interface KritzelStrokeSize {
+        "onSizeChange"?: (event: KritzelStrokeSizeCustomEvent<number>) => void;
+        /**
+          * @default null
+         */
+        "selectedSize"?: number | null;
+        /**
+          * @default [4, 6, 8, 12, 16, 24]
+         */
+        "sizes"?: number[];
+    }
+    interface KritzelToolConfig {
+        "engine"?: HTMLElement;
+        /**
+          * @default false
+         */
+        "isExpanded"?: boolean;
+        "onDisplayValuesChange"?: (event: KritzelToolConfigCustomEvent<ToolDisplayValues>) => void;
+        "onToolChange"?: (event: KritzelToolConfigCustomEvent<ConfigurableTool>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        "theme"?: ThemeName;
+        "tool"?: ConfigurableTool;
+    }
+    interface KritzelToolbar {
+        /**
+          * @default null
+         */
+        "activeControl"?: KritzelToolbarItem | null;
+        /**
+          * @default true
+         */
+        "isUtilityPanelVisible"?: boolean;
+        "onIsToolbarReady"?: (event: KritzelToolbarCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * @default 'light'
+         */
+        "theme"?: ThemeName;
+        /**
+          * @default []
+         */
+        "toolbarItems"?: KritzelToolbarItem[];
+        /**
+          * @default null
+         */
+        "undoState"?: KritzelUndoState;
+        /**
+          * @default true
+         */
+        "visible"?: boolean;
+    }
+    interface KritzelTooltip {
+        "anchorElement"?: HTMLElement;
+        /**
+          * @default false
+         */
+        "isVisible"?: boolean;
+        /**
+          * @default 24
+         */
+        "offsetY"?: number;
+        "onTooltipClosed"?: (event: KritzelTooltipCustomEvent<void>) => void;
+        "onTooltipOpened"?: (event: KritzelTooltipCustomEvent<void>) => void;
+        "triggerElement"?: HTMLElement;
+    }
+    interface KritzelUtilityPanel {
+        "onDelete"?: (event: KritzelUtilityPanelCustomEvent<void>) => void;
+        "onRedo"?: (event: KritzelUtilityPanelCustomEvent<void>) => void;
+        "onUndo"?: (event: KritzelUtilityPanelCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * @default null
+         */
+        "undoState"?: KritzelUndoState;
+    }
+    interface KritzelWorkspaceManager {
+        "activeWorkspace"?: KritzelWorkspace;
+        "onIsWorkspaceManagerReady"?: (event: KritzelWorkspaceManagerCustomEvent<void>) => void;
+        "onWorkspaceChange"?: (event: KritzelWorkspaceManagerCustomEvent<KritzelWorkspace>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * Whether the workspace manager is visible
+          * @default false
+         */
+        "visible"?: boolean;
+        /**
+          * @default []
+         */
+        "workspaces"?: KritzelWorkspace[];
+    }
+    interface KritzelZoomPanel {
+        /**
+          * Whether both zoom buttons are disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Emitted when the zoom-in button is clicked.
+         */
+        "onZoomIn"?: (event: KritzelZoomPanelCustomEvent<void>) => void;
+        /**
+          * Emitted when the zoom-out button is clicked.
+         */
+        "onZoomOut"?: (event: KritzelZoomPanelCustomEvent<void>) => void;
+        /**
+          * Resolved localized strings keyed by term key, supplied by the editor.
+          * @default {}
+         */
+        "terms"?: Partial<Record<KritzelTermKey, string>>;
+        /**
+          * Whether the zoom panel is visible.
+          * @default true
+         */
+        "visible"?: boolean;
+        /**
+          * Current zoom level in percent.
+          * @default 100
+         */
+        "zoomPercent"?: number;
+    }
+
+    interface KritzelActiveUsersAttributes {
+        "avatarSize": number;
+        "maxVisible": number;
+        "overlap": number;
+    }
+    interface KritzelAvatarAttributes {
+        "name": string;
+        "size": number;
+        "color": string;
+    }
+    interface KritzelBackToContentAttributes {
+        "visible": boolean;
+        "text": string;
+    }
+    interface KritzelBrushStyleAttributes {
+        "type": 'pen' | 'highlighter';
+    }
+    interface KritzelButtonAttributes {
+        "variant": 'primary' | 'secondary' | 'text';
+        "disabled": boolean;
+        "type": 'button' | 'submit' | 'reset';
+    }
+    interface KritzelColorAttributes {
+        "value": string | ThemeAwareColor;
+        "theme": ThemeName;
+        "size": number;
+    }
+    interface KritzelColorPaletteAttributes {
+        "isExpanded": boolean;
+        "isOpaque": boolean;
+        "opacity": number;
+        "theme": ThemeName;
+    }
+    interface KritzelCurrentUserAttributes {
+        "avatarSize": number;
+    }
+    interface KritzelDialogAttributes {
+        "isOpen": boolean;
+        "dialogTitle": string;
+        "closable": boolean;
+        "closeOnBackdrop": boolean;
+        "closeOnEscape": boolean;
+        "autoFocus": boolean;
+        "trapFocus": boolean;
+        "size": 'small' | 'medium' | 'large' | 'fullscreen';
+        "fullscreenOnMobile": boolean;
+        "contained": boolean;
+    }
+    interface KritzelDropdownAttributes {
+        "value": string;
+        "width": string;
+        "forceOpenDirection": 'down' | 'up';
+    }
+    interface KritzelEditorAttributes {
+        "scaleMax": number;
+        "scaleMin": number;
+        "lockDrawingScale": boolean;
+        "viewportBoundaryLeft": number;
+        "viewportBoundaryRight": number;
+        "viewportBoundaryTop": number;
+        "viewportBoundaryBottom": number;
+        "theme": ThemeName;
+        "licenseKey": string;
+        "locale": LocaleCode;
+        "fallbackLocale": LocaleCode;
+        "isPanningEnabled": boolean;
+        "isZoomingEnabled": boolean;
+        "isToolbarVisible": boolean;
+        "isUtilityPanelVisible": boolean;
+        "isWorkspaceManagerVisible": boolean;
+        "isMoreMenuVisible": boolean;
+        "isZoomPanelVisible": boolean;
+        "editorId": string;
+        "activeWorkspaceId": string;
+    }
+    interface KritzelExportAttributes {
+        "workspaceName": string;
+    }
+    interface KritzelFontAttributes {
+        "fontFamily": string;
+        "size": number;
+        "color": string;
+    }
+    interface KritzelFontFamilyAttributes {
+        "selectedFontFamily": string;
+    }
+    interface KritzelFontSizeAttributes {
+        "selectedSize": number | null;
+        "fontFamily": string;
+    }
+    interface KritzelInputAttributes {
+        "value": string;
+        "label": string;
+        "placeholder": string;
+        "suffix": string;
+        "type": 'text' | 'email' | 'password' | 'url';
+        "disabled": boolean;
+    }
+    interface KritzelLoadingOverlayAttributes {
+        "visible": boolean;
+        "text": string;
+    }
+    interface KritzelLoginDialogAttributes {
+        "dialogTitle": string;
+        "subtitle": string;
+    }
+    interface KritzelMasterDetailAttributes {
+        "selectedItemId": string;
+    }
+    interface KritzelMoreMenuAttributes {
+        "visible": boolean;
+        "icon": string;
+        "iconSize": number;
+        "offsetY": number;
+    }
+    interface KritzelNotificationCardAttributes {
+        "showTimestamp": boolean;
+        "locale": string;
+    }
+    interface KritzelNumericInputAttributes {
+        "value": number;
+        "min": number;
+        "max": number;
+        "step": number;
+        "label": string;
+        "placeholder": string;
+    }
+    interface KritzelOpacitySliderAttributes {
+        "value": number;
+        "min": number;
+        "max": number;
+        "step": number;
+        "previewColor": string;
+    }
+    interface KritzelPillTabsAttributes {
+        "value": string;
+    }
+    interface KritzelPortalAttributes {
+        "offsetX": number;
+        "offsetY": number;
+        "autoFocus": boolean;
+    }
+    interface KritzelShapeFillAttributes {
+        "value": ShapeFillType;
+    }
+    interface KritzelShareDialogAttributes {
+        "isPublic": boolean;
+        "workspaceId": string | undefined;
+    }
+    interface KritzelSlideToggleAttributes {
+        "checked": boolean;
+        "disabled": boolean;
+        "label": string;
+    }
+    interface KritzelSplitButtonAttributes {
+        "buttonIcon": string;
+        "dropdownIcon": string;
+        "mainButtonDisabled": boolean;
+        "menuButtonDisabled": boolean;
+    }
+    interface KritzelStrokeSizeAttributes {
+        "selectedSize": number | null;
+    }
+    interface KritzelToolConfigAttributes {
+        "isExpanded": boolean;
+        "theme": ThemeName;
+    }
+    interface KritzelToolbarAttributes {
+        "visible": boolean;
+        "isUtilityPanelVisible": boolean;
+        "theme": ThemeName;
+    }
+    interface KritzelTooltipAttributes {
+        "isVisible": boolean;
+        "offsetY": number;
+    }
+    interface KritzelWorkspaceManagerAttributes {
+        "visible": boolean;
+    }
+    interface KritzelZoomPanelAttributes {
+        "visible": boolean;
+        "disabled": boolean;
+        "zoomPercent": number;
+    }
+
+    interface IntrinsicElements {
+        "kritzel-active-users": Omit<KritzelActiveUsers, keyof KritzelActiveUsersAttributes> & { [K in keyof KritzelActiveUsers & keyof KritzelActiveUsersAttributes]?: KritzelActiveUsers[K] } & { [K in keyof KritzelActiveUsers & keyof KritzelActiveUsersAttributes as `attr:${K}`]?: KritzelActiveUsersAttributes[K] } & { [K in keyof KritzelActiveUsers & keyof KritzelActiveUsersAttributes as `prop:${K}`]?: KritzelActiveUsers[K] };
+        "kritzel-avatar": Omit<KritzelAvatar, keyof KritzelAvatarAttributes> & { [K in keyof KritzelAvatar & keyof KritzelAvatarAttributes]?: KritzelAvatar[K] } & { [K in keyof KritzelAvatar & keyof KritzelAvatarAttributes as `attr:${K}`]?: KritzelAvatarAttributes[K] } & { [K in keyof KritzelAvatar & keyof KritzelAvatarAttributes as `prop:${K}`]?: KritzelAvatar[K] };
+        "kritzel-back-to-content": Omit<KritzelBackToContent, keyof KritzelBackToContentAttributes> & { [K in keyof KritzelBackToContent & keyof KritzelBackToContentAttributes]?: KritzelBackToContent[K] } & { [K in keyof KritzelBackToContent & keyof KritzelBackToContentAttributes as `attr:${K}`]?: KritzelBackToContentAttributes[K] } & { [K in keyof KritzelBackToContent & keyof KritzelBackToContentAttributes as `prop:${K}`]?: KritzelBackToContent[K] };
+        "kritzel-brush-style": Omit<KritzelBrushStyle, keyof KritzelBrushStyleAttributes> & { [K in keyof KritzelBrushStyle & keyof KritzelBrushStyleAttributes]?: KritzelBrushStyle[K] } & { [K in keyof KritzelBrushStyle & keyof KritzelBrushStyleAttributes as `attr:${K}`]?: KritzelBrushStyleAttributes[K] } & { [K in keyof KritzelBrushStyle & keyof KritzelBrushStyleAttributes as `prop:${K}`]?: KritzelBrushStyle[K] };
+        "kritzel-button": Omit<KritzelButton, keyof KritzelButtonAttributes> & { [K in keyof KritzelButton & keyof KritzelButtonAttributes]?: KritzelButton[K] } & { [K in keyof KritzelButton & keyof KritzelButtonAttributes as `attr:${K}`]?: KritzelButtonAttributes[K] } & { [K in keyof KritzelButton & keyof KritzelButtonAttributes as `prop:${K}`]?: KritzelButton[K] };
+        "kritzel-color": Omit<KritzelColor, keyof KritzelColorAttributes> & { [K in keyof KritzelColor & keyof KritzelColorAttributes]?: KritzelColor[K] } & { [K in keyof KritzelColor & keyof KritzelColorAttributes as `attr:${K}`]?: KritzelColorAttributes[K] } & { [K in keyof KritzelColor & keyof KritzelColorAttributes as `prop:${K}`]?: KritzelColor[K] };
+        "kritzel-color-palette": Omit<KritzelColorPalette, keyof KritzelColorPaletteAttributes> & { [K in keyof KritzelColorPalette & keyof KritzelColorPaletteAttributes]?: KritzelColorPalette[K] } & { [K in keyof KritzelColorPalette & keyof KritzelColorPaletteAttributes as `attr:${K}`]?: KritzelColorPaletteAttributes[K] } & { [K in keyof KritzelColorPalette & keyof KritzelColorPaletteAttributes as `prop:${K}`]?: KritzelColorPalette[K] };
+        "kritzel-context-menu": KritzelContextMenu;
+        "kritzel-current-user": Omit<KritzelCurrentUser, keyof KritzelCurrentUserAttributes> & { [K in keyof KritzelCurrentUser & keyof KritzelCurrentUserAttributes]?: KritzelCurrentUser[K] } & { [K in keyof KritzelCurrentUser & keyof KritzelCurrentUserAttributes as `attr:${K}`]?: KritzelCurrentUserAttributes[K] } & { [K in keyof KritzelCurrentUser & keyof KritzelCurrentUserAttributes as `prop:${K}`]?: KritzelCurrentUser[K] };
+        "kritzel-current-user-dialog": KritzelCurrentUserDialog;
+        "kritzel-dialog": Omit<KritzelDialog, keyof KritzelDialogAttributes> & { [K in keyof KritzelDialog & keyof KritzelDialogAttributes]?: KritzelDialog[K] } & { [K in keyof KritzelDialog & keyof KritzelDialogAttributes as `attr:${K}`]?: KritzelDialogAttributes[K] } & { [K in keyof KritzelDialog & keyof KritzelDialogAttributes as `prop:${K}`]?: KritzelDialog[K] };
+        "kritzel-dropdown": Omit<KritzelDropdown, keyof KritzelDropdownAttributes> & { [K in keyof KritzelDropdown & keyof KritzelDropdownAttributes]?: KritzelDropdown[K] } & { [K in keyof KritzelDropdown & keyof KritzelDropdownAttributes as `attr:${K}`]?: KritzelDropdownAttributes[K] } & { [K in keyof KritzelDropdown & keyof KritzelDropdownAttributes as `prop:${K}`]?: KritzelDropdown[K] };
+        "kritzel-editor": Omit<KritzelEditor, keyof KritzelEditorAttributes> & { [K in keyof KritzelEditor & keyof KritzelEditorAttributes]?: KritzelEditor[K] } & { [K in keyof KritzelEditor & keyof KritzelEditorAttributes as `attr:${K}`]?: KritzelEditorAttributes[K] } & { [K in keyof KritzelEditor & keyof KritzelEditorAttributes as `prop:${K}`]?: KritzelEditor[K] };
+        "kritzel-export": Omit<KritzelExport, keyof KritzelExportAttributes> & { [K in keyof KritzelExport & keyof KritzelExportAttributes]?: KritzelExport[K] } & { [K in keyof KritzelExport & keyof KritzelExportAttributes as `attr:${K}`]?: KritzelExportAttributes[K] } & { [K in keyof KritzelExport & keyof KritzelExportAttributes as `prop:${K}`]?: KritzelExport[K] };
+        "kritzel-font": Omit<KritzelFont, keyof KritzelFontAttributes> & { [K in keyof KritzelFont & keyof KritzelFontAttributes]?: KritzelFont[K] } & { [K in keyof KritzelFont & keyof KritzelFontAttributes as `attr:${K}`]?: KritzelFontAttributes[K] } & { [K in keyof KritzelFont & keyof KritzelFontAttributes as `prop:${K}`]?: KritzelFont[K] };
+        "kritzel-font-family": Omit<KritzelFontFamily, keyof KritzelFontFamilyAttributes> & { [K in keyof KritzelFontFamily & keyof KritzelFontFamilyAttributes]?: KritzelFontFamily[K] } & { [K in keyof KritzelFontFamily & keyof KritzelFontFamilyAttributes as `attr:${K}`]?: KritzelFontFamilyAttributes[K] } & { [K in keyof KritzelFontFamily & keyof KritzelFontFamilyAttributes as `prop:${K}`]?: KritzelFontFamily[K] };
+        "kritzel-font-size": Omit<KritzelFontSize, keyof KritzelFontSizeAttributes> & { [K in keyof KritzelFontSize & keyof KritzelFontSizeAttributes]?: KritzelFontSize[K] } & { [K in keyof KritzelFontSize & keyof KritzelFontSizeAttributes as `attr:${K}`]?: KritzelFontSizeAttributes[K] } & { [K in keyof KritzelFontSize & keyof KritzelFontSizeAttributes as `prop:${K}`]?: KritzelFontSize[K] };
+        "kritzel-input": Omit<KritzelInput, keyof KritzelInputAttributes> & { [K in keyof KritzelInput & keyof KritzelInputAttributes]?: KritzelInput[K] } & { [K in keyof KritzelInput & keyof KritzelInputAttributes as `attr:${K}`]?: KritzelInputAttributes[K] } & { [K in keyof KritzelInput & keyof KritzelInputAttributes as `prop:${K}`]?: KritzelInput[K] };
+        "kritzel-line-endings": KritzelLineEndings;
+        "kritzel-loading-overlay": Omit<KritzelLoadingOverlay, keyof KritzelLoadingOverlayAttributes> & { [K in keyof KritzelLoadingOverlay & keyof KritzelLoadingOverlayAttributes]?: KritzelLoadingOverlay[K] } & { [K in keyof KritzelLoadingOverlay & keyof KritzelLoadingOverlayAttributes as `attr:${K}`]?: KritzelLoadingOverlayAttributes[K] } & { [K in keyof KritzelLoadingOverlay & keyof KritzelLoadingOverlayAttributes as `prop:${K}`]?: KritzelLoadingOverlay[K] };
+        "kritzel-login-dialog": Omit<KritzelLoginDialog, keyof KritzelLoginDialogAttributes> & { [K in keyof KritzelLoginDialog & keyof KritzelLoginDialogAttributes]?: KritzelLoginDialog[K] } & { [K in keyof KritzelLoginDialog & keyof KritzelLoginDialogAttributes as `attr:${K}`]?: KritzelLoginDialogAttributes[K] } & { [K in keyof KritzelLoginDialog & keyof KritzelLoginDialogAttributes as `prop:${K}`]?: KritzelLoginDialog[K] };
+        "kritzel-master-detail": Omit<KritzelMasterDetail, keyof KritzelMasterDetailAttributes> & { [K in keyof KritzelMasterDetail & keyof KritzelMasterDetailAttributes]?: KritzelMasterDetail[K] } & { [K in keyof KritzelMasterDetail & keyof KritzelMasterDetailAttributes as `attr:${K}`]?: KritzelMasterDetailAttributes[K] } & { [K in keyof KritzelMasterDetail & keyof KritzelMasterDetailAttributes as `prop:${K}`]?: KritzelMasterDetail[K] };
+        "kritzel-menu": KritzelMenu;
+        "kritzel-menu-item": KritzelMenuItem;
+        "kritzel-more-menu": Omit<KritzelMoreMenu, keyof KritzelMoreMenuAttributes> & { [K in keyof KritzelMoreMenu & keyof KritzelMoreMenuAttributes]?: KritzelMoreMenu[K] } & { [K in keyof KritzelMoreMenu & keyof KritzelMoreMenuAttributes as `attr:${K}`]?: KritzelMoreMenuAttributes[K] } & { [K in keyof KritzelMoreMenu & keyof KritzelMoreMenuAttributes as `prop:${K}`]?: KritzelMoreMenu[K] };
+        "kritzel-notification-card": Omit<KritzelNotificationCard, keyof KritzelNotificationCardAttributes> & { [K in keyof KritzelNotificationCard & keyof KritzelNotificationCardAttributes]?: KritzelNotificationCard[K] } & { [K in keyof KritzelNotificationCard & keyof KritzelNotificationCardAttributes as `attr:${K}`]?: KritzelNotificationCardAttributes[K] } & { [K in keyof KritzelNotificationCard & keyof KritzelNotificationCardAttributes as `prop:${K}`]?: KritzelNotificationCard[K] };
+        "kritzel-numeric-input": Omit<KritzelNumericInput, keyof KritzelNumericInputAttributes> & { [K in keyof KritzelNumericInput & keyof KritzelNumericInputAttributes]?: KritzelNumericInput[K] } & { [K in keyof KritzelNumericInput & keyof KritzelNumericInputAttributes as `attr:${K}`]?: KritzelNumericInputAttributes[K] } & { [K in keyof KritzelNumericInput & keyof KritzelNumericInputAttributes as `prop:${K}`]?: KritzelNumericInput[K] };
+        "kritzel-opacity-slider": Omit<KritzelOpacitySlider, keyof KritzelOpacitySliderAttributes> & { [K in keyof KritzelOpacitySlider & keyof KritzelOpacitySliderAttributes]?: KritzelOpacitySlider[K] } & { [K in keyof KritzelOpacitySlider & keyof KritzelOpacitySliderAttributes as `attr:${K}`]?: KritzelOpacitySliderAttributes[K] } & { [K in keyof KritzelOpacitySlider & keyof KritzelOpacitySliderAttributes as `prop:${K}`]?: KritzelOpacitySlider[K] };
+        "kritzel-pill-tabs": Omit<KritzelPillTabs, keyof KritzelPillTabsAttributes> & { [K in keyof KritzelPillTabs & keyof KritzelPillTabsAttributes]?: KritzelPillTabs[K] } & { [K in keyof KritzelPillTabs & keyof KritzelPillTabsAttributes as `attr:${K}`]?: KritzelPillTabsAttributes[K] } & { [K in keyof KritzelPillTabs & keyof KritzelPillTabsAttributes as `prop:${K}`]?: KritzelPillTabs[K] };
+        "kritzel-portal": Omit<KritzelPortal, keyof KritzelPortalAttributes> & { [K in keyof KritzelPortal & keyof KritzelPortalAttributes]?: KritzelPortal[K] } & { [K in keyof KritzelPortal & keyof KritzelPortalAttributes as `attr:${K}`]?: KritzelPortalAttributes[K] } & { [K in keyof KritzelPortal & keyof KritzelPortalAttributes as `prop:${K}`]?: KritzelPortal[K] };
+        "kritzel-settings": KritzelSettings;
+        "kritzel-shape-fill": Omit<KritzelShapeFill, keyof KritzelShapeFillAttributes> & { [K in keyof KritzelShapeFill & keyof KritzelShapeFillAttributes]?: KritzelShapeFill[K] } & { [K in keyof KritzelShapeFill & keyof KritzelShapeFillAttributes as `attr:${K}`]?: KritzelShapeFillAttributes[K] } & { [K in keyof KritzelShapeFill & keyof KritzelShapeFillAttributes as `prop:${K}`]?: KritzelShapeFill[K] };
+        "kritzel-share-dialog": Omit<KritzelShareDialog, keyof KritzelShareDialogAttributes> & { [K in keyof KritzelShareDialog & keyof KritzelShareDialogAttributes]?: KritzelShareDialog[K] } & { [K in keyof KritzelShareDialog & keyof KritzelShareDialogAttributes as `attr:${K}`]?: KritzelShareDialogAttributes[K] } & { [K in keyof KritzelShareDialog & keyof KritzelShareDialogAttributes as `prop:${K}`]?: KritzelShareDialog[K] };
+        "kritzel-slide-toggle": Omit<KritzelSlideToggle, keyof KritzelSlideToggleAttributes> & { [K in keyof KritzelSlideToggle & keyof KritzelSlideToggleAttributes]?: KritzelSlideToggle[K] } & { [K in keyof KritzelSlideToggle & keyof KritzelSlideToggleAttributes as `attr:${K}`]?: KritzelSlideToggleAttributes[K] } & { [K in keyof KritzelSlideToggle & keyof KritzelSlideToggleAttributes as `prop:${K}`]?: KritzelSlideToggle[K] };
+        "kritzel-split-button": Omit<KritzelSplitButton, keyof KritzelSplitButtonAttributes> & { [K in keyof KritzelSplitButton & keyof KritzelSplitButtonAttributes]?: KritzelSplitButton[K] } & { [K in keyof KritzelSplitButton & keyof KritzelSplitButtonAttributes as `attr:${K}`]?: KritzelSplitButtonAttributes[K] } & { [K in keyof KritzelSplitButton & keyof KritzelSplitButtonAttributes as `prop:${K}`]?: KritzelSplitButton[K] };
+        "kritzel-stroke-size": Omit<KritzelStrokeSize, keyof KritzelStrokeSizeAttributes> & { [K in keyof KritzelStrokeSize & keyof KritzelStrokeSizeAttributes]?: KritzelStrokeSize[K] } & { [K in keyof KritzelStrokeSize & keyof KritzelStrokeSizeAttributes as `attr:${K}`]?: KritzelStrokeSizeAttributes[K] } & { [K in keyof KritzelStrokeSize & keyof KritzelStrokeSizeAttributes as `prop:${K}`]?: KritzelStrokeSize[K] };
+        "kritzel-tool-config": Omit<KritzelToolConfig, keyof KritzelToolConfigAttributes> & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes]?: KritzelToolConfig[K] } & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes as `attr:${K}`]?: KritzelToolConfigAttributes[K] } & { [K in keyof KritzelToolConfig & keyof KritzelToolConfigAttributes as `prop:${K}`]?: KritzelToolConfig[K] };
+        "kritzel-toolbar": Omit<KritzelToolbar, keyof KritzelToolbarAttributes> & { [K in keyof KritzelToolbar & keyof KritzelToolbarAttributes]?: KritzelToolbar[K] } & { [K in keyof KritzelToolbar & keyof KritzelToolbarAttributes as `attr:${K}`]?: KritzelToolbarAttributes[K] } & { [K in keyof KritzelToolbar & keyof KritzelToolbarAttributes as `prop:${K}`]?: KritzelToolbar[K] };
+        "kritzel-tooltip": Omit<KritzelTooltip, keyof KritzelTooltipAttributes> & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes]?: KritzelTooltip[K] } & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes as `attr:${K}`]?: KritzelTooltipAttributes[K] } & { [K in keyof KritzelTooltip & keyof KritzelTooltipAttributes as `prop:${K}`]?: KritzelTooltip[K] };
+        "kritzel-utility-panel": KritzelUtilityPanel;
+        "kritzel-workspace-manager": Omit<KritzelWorkspaceManager, keyof KritzelWorkspaceManagerAttributes> & { [K in keyof KritzelWorkspaceManager & keyof KritzelWorkspaceManagerAttributes]?: KritzelWorkspaceManager[K] } & { [K in keyof KritzelWorkspaceManager & keyof KritzelWorkspaceManagerAttributes as `attr:${K}`]?: KritzelWorkspaceManagerAttributes[K] } & { [K in keyof KritzelWorkspaceManager & keyof KritzelWorkspaceManagerAttributes as `prop:${K}`]?: KritzelWorkspaceManager[K] };
+        "kritzel-zoom-panel": Omit<KritzelZoomPanel, keyof KritzelZoomPanelAttributes> & { [K in keyof KritzelZoomPanel & keyof KritzelZoomPanelAttributes]?: KritzelZoomPanel[K] } & { [K in keyof KritzelZoomPanel & keyof KritzelZoomPanelAttributes as `attr:${K}`]?: KritzelZoomPanelAttributes[K] } & { [K in keyof KritzelZoomPanel & keyof KritzelZoomPanelAttributes as `prop:${K}`]?: KritzelZoomPanel[K] };
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "kritzel-active-users": LocalJSX.IntrinsicElements["kritzel-active-users"] & JSXBase.HTMLAttributes<HTMLKritzelActiveUsersElement>;
+            "kritzel-avatar": LocalJSX.IntrinsicElements["kritzel-avatar"] & JSXBase.HTMLAttributes<HTMLKritzelAvatarElement>;
+            "kritzel-back-to-content": LocalJSX.IntrinsicElements["kritzel-back-to-content"] & JSXBase.HTMLAttributes<HTMLKritzelBackToContentElement>;
+            "kritzel-brush-style": LocalJSX.IntrinsicElements["kritzel-brush-style"] & JSXBase.HTMLAttributes<HTMLKritzelBrushStyleElement>;
+            "kritzel-button": LocalJSX.IntrinsicElements["kritzel-button"] & JSXBase.HTMLAttributes<HTMLKritzelButtonElement>;
+            "kritzel-color": LocalJSX.IntrinsicElements["kritzel-color"] & JSXBase.HTMLAttributes<HTMLKritzelColorElement>;
+            "kritzel-color-palette": LocalJSX.IntrinsicElements["kritzel-color-palette"] & JSXBase.HTMLAttributes<HTMLKritzelColorPaletteElement>;
+            "kritzel-context-menu": LocalJSX.IntrinsicElements["kritzel-context-menu"] & JSXBase.HTMLAttributes<HTMLKritzelContextMenuElement>;
+            "kritzel-current-user": LocalJSX.IntrinsicElements["kritzel-current-user"] & JSXBase.HTMLAttributes<HTMLKritzelCurrentUserElement>;
+            "kritzel-current-user-dialog": LocalJSX.IntrinsicElements["kritzel-current-user-dialog"] & JSXBase.HTMLAttributes<HTMLKritzelCurrentUserDialogElement>;
+            "kritzel-dialog": LocalJSX.IntrinsicElements["kritzel-dialog"] & JSXBase.HTMLAttributes<HTMLKritzelDialogElement>;
+            "kritzel-dropdown": LocalJSX.IntrinsicElements["kritzel-dropdown"] & JSXBase.HTMLAttributes<HTMLKritzelDropdownElement>;
+            "kritzel-editor": LocalJSX.IntrinsicElements["kritzel-editor"] & JSXBase.HTMLAttributes<HTMLKritzelEditorElement>;
+            "kritzel-export": LocalJSX.IntrinsicElements["kritzel-export"] & JSXBase.HTMLAttributes<HTMLKritzelExportElement>;
+            "kritzel-font": LocalJSX.IntrinsicElements["kritzel-font"] & JSXBase.HTMLAttributes<HTMLKritzelFontElement>;
+            "kritzel-font-family": LocalJSX.IntrinsicElements["kritzel-font-family"] & JSXBase.HTMLAttributes<HTMLKritzelFontFamilyElement>;
+            "kritzel-font-size": LocalJSX.IntrinsicElements["kritzel-font-size"] & JSXBase.HTMLAttributes<HTMLKritzelFontSizeElement>;
+            "kritzel-input": LocalJSX.IntrinsicElements["kritzel-input"] & JSXBase.HTMLAttributes<HTMLKritzelInputElement>;
+            "kritzel-line-endings": LocalJSX.IntrinsicElements["kritzel-line-endings"] & JSXBase.HTMLAttributes<HTMLKritzelLineEndingsElement>;
+            "kritzel-loading-overlay": LocalJSX.IntrinsicElements["kritzel-loading-overlay"] & JSXBase.HTMLAttributes<HTMLKritzelLoadingOverlayElement>;
+            /**
+             * Login dialog component for displaying authentication provider buttons.
+             * This is a presentational component that emits events for all actions.
+             * The parent component (kritzel-editor) handles the actual authentication flow.
+             */
+            "kritzel-login-dialog": LocalJSX.IntrinsicElements["kritzel-login-dialog"] & JSXBase.HTMLAttributes<HTMLKritzelLoginDialogElement>;
+            "kritzel-master-detail": LocalJSX.IntrinsicElements["kritzel-master-detail"] & JSXBase.HTMLAttributes<HTMLKritzelMasterDetailElement>;
+            "kritzel-menu": LocalJSX.IntrinsicElements["kritzel-menu"] & JSXBase.HTMLAttributes<HTMLKritzelMenuElement>;
+            "kritzel-menu-item": LocalJSX.IntrinsicElements["kritzel-menu-item"] & JSXBase.HTMLAttributes<HTMLKritzelMenuItemElement>;
+            "kritzel-more-menu": LocalJSX.IntrinsicElements["kritzel-more-menu"] & JSXBase.HTMLAttributes<HTMLKritzelMoreMenuElement>;
+            "kritzel-notification-card": LocalJSX.IntrinsicElements["kritzel-notification-card"] & JSXBase.HTMLAttributes<HTMLKritzelNotificationCardElement>;
+            "kritzel-numeric-input": LocalJSX.IntrinsicElements["kritzel-numeric-input"] & JSXBase.HTMLAttributes<HTMLKritzelNumericInputElement>;
+            "kritzel-opacity-slider": LocalJSX.IntrinsicElements["kritzel-opacity-slider"] & JSXBase.HTMLAttributes<HTMLKritzelOpacitySliderElement>;
+            "kritzel-pill-tabs": LocalJSX.IntrinsicElements["kritzel-pill-tabs"] & JSXBase.HTMLAttributes<HTMLKritzelPillTabsElement>;
+            "kritzel-portal": LocalJSX.IntrinsicElements["kritzel-portal"] & JSXBase.HTMLAttributes<HTMLKritzelPortalElement>;
+            "kritzel-settings": LocalJSX.IntrinsicElements["kritzel-settings"] & JSXBase.HTMLAttributes<HTMLKritzelSettingsElement>;
+            "kritzel-shape-fill": LocalJSX.IntrinsicElements["kritzel-shape-fill"] & JSXBase.HTMLAttributes<HTMLKritzelShapeFillElement>;
+            /**
+             * Share dialog component for managing workspace link sharing.
+             * This is a presentational component that emits events for all actions.
+             * The parent component (kritzel-editor) handles the business logic.
+             */
+            "kritzel-share-dialog": LocalJSX.IntrinsicElements["kritzel-share-dialog"] & JSXBase.HTMLAttributes<HTMLKritzelShareDialogElement>;
+            "kritzel-slide-toggle": LocalJSX.IntrinsicElements["kritzel-slide-toggle"] & JSXBase.HTMLAttributes<HTMLKritzelSlideToggleElement>;
+            "kritzel-split-button": LocalJSX.IntrinsicElements["kritzel-split-button"] & JSXBase.HTMLAttributes<HTMLKritzelSplitButtonElement>;
+            "kritzel-stroke-size": LocalJSX.IntrinsicElements["kritzel-stroke-size"] & JSXBase.HTMLAttributes<HTMLKritzelStrokeSizeElement>;
+            "kritzel-tool-config": LocalJSX.IntrinsicElements["kritzel-tool-config"] & JSXBase.HTMLAttributes<HTMLKritzelToolConfigElement>;
+            "kritzel-toolbar": LocalJSX.IntrinsicElements["kritzel-toolbar"] & JSXBase.HTMLAttributes<HTMLKritzelToolbarElement>;
+            "kritzel-tooltip": LocalJSX.IntrinsicElements["kritzel-tooltip"] & JSXBase.HTMLAttributes<HTMLKritzelTooltipElement>;
+            "kritzel-utility-panel": LocalJSX.IntrinsicElements["kritzel-utility-panel"] & JSXBase.HTMLAttributes<HTMLKritzelUtilityPanelElement>;
+            "kritzel-workspace-manager": LocalJSX.IntrinsicElements["kritzel-workspace-manager"] & JSXBase.HTMLAttributes<HTMLKritzelWorkspaceManagerElement>;
+            "kritzel-zoom-panel": LocalJSX.IntrinsicElements["kritzel-zoom-panel"] & JSXBase.HTMLAttributes<HTMLKritzelZoomPanelElement>;
+        }
+    }
+}