export type ButtonProps = {
    /**
     * Reference to the `<button>` element.
     */
    element?: HTMLButtonElement | undefined;
    /**
     * The `class` attribute on the `<button>` element.
     */
    class?: string | undefined;
    /**
     * The `type` attribute on the `<button>` element.
     */
    type?: "button" | "submit" | "reset" | undefined;
    /**
     * The `role` attribute on the `<button>` element.
     */
    role?: string | undefined;
    /**
     * The `data-name` attribute on the `<button>` element.
     */
    name?: string | undefined;
    /**
     * The `data-value` attribute on the `<button>` element.
     */
    value?: any;
    /**
     * Data type of the `value`. Typically `string`, `number` or
     * `boolean`. Default: auto detect.
     */
    valueType?: string | undefined;
    /**
     * Whether to hide the widget. An alias of the `aria-hidden` attribute.
     */
    hidden?: boolean | undefined;
    /**
     * Whether to disable the widget. An alias of the `aria-disabled`
     * attribute.
     */
    disabled?: boolean | undefined;
    /**
     * Whether to make the widget read-only. An alias of the
     * `aria-readonly` attribute used in certain roles, including `checkbox`, `listbox`, `slider` and
     * `textbox`.
     */
    readonly?: boolean | undefined;
    /**
     * Whether to mark the widget pressed. An alias of the
     * `aria-pressed` attribute.
     */
    pressed?: boolean | "mixed" | undefined;
    /**
     * Keyboard shortcuts. An alias of the `aria-keyshortcuts`
     * attribute. Accepts the special `Accel` key, which will be replaced with `Control` or `Meta`
     * depending on the user’s operating system.
     */
    keyShortcuts?: string | undefined;
    /**
     * Text label displayed on the button.
     */
    label?: string | undefined;
    /**
     * The `dir` attribute on the label element.
     * Use `auto` to isolate a user-authored label whose text direction is unknown, so it cannot
     * be reordered by the surrounding UI direction.
     */
    labelDir?: "ltr" | "rtl" | "auto" | undefined;
    /**
     * Number of lines to show the label. Overflowing text will be truncated.
     */
    lines?: number | undefined;
    /**
     * The style variant
     * of the button.
     */
    variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
    /**
     * The size of the button.
     */
    size?: "small" | "medium" | "large" | undefined;
    /**
     * Whether to only show an icon on the button and trim the padding.
     */
    iconic?: boolean | undefined;
    /**
     * Whether to make the button rounded.
     */
    pill?: boolean | undefined;
    /**
     * Make the button width flexible.
     */
    flex?: boolean | undefined;
    /**
     * Where to show the dropdown menu.
     */
    popupPosition?: PopupPosition | undefined;
    /**
     * Whether to show the backdrop for the popup.
     */
    showPopupBackdrop?: boolean | undefined;
    /**
     * Primary slot content.
     */
    children?: Snippet<[]> | undefined;
    /**
     * Start icon slot content.
     */
    startIcon?: Snippet<[]> | undefined;
    /**
     * End icon slot content.
     */
    endIcon?: Snippet<[]> | undefined;
    /**
     * Popup slot content.
     */
    popup?: Snippet<[]> | undefined;
    /**
     * Custom `Change` event handler.
     */
    onChange?: ((event: CustomEvent) => void) | undefined;
    /**
     * Custom `Select` event handler.
     */
    onSelect?: ((event: CustomEvent) => void) | undefined;
    /**
     * Custom `Toggle` event handler.
     */
    onToggle?: ((event: CustomEvent) => void) | undefined;
};
export type ModalProps = {
    /**
     * The `class` attribute on the content element.
     */
    class?: string | undefined;
    /**
     * The `role` attribute on the `<dialog>`
     * element.
     */
    role?: "none" | "dialog" | "alertdialog" | undefined;
    /**
     * Whether to show the modal.
     */
    open?: boolean | undefined;
    /**
     * Whether to show the backdrop.
     */
    showBackdrop?: boolean | undefined;
    /**
     * Whether to close the modal when the backdrop (outside of the
     * modal) is clicked.
     */
    lightDismiss?: boolean | undefined;
    /**
     * Whether to close the modal when the Escape key is pressed.
     */
    escapeDismiss?: boolean | undefined;
    /**
     * Whether to keep the `<dialog>` element and its content in the
     * DOM tree while the modal is not displayed. By default, these are mounted only while the modal is
     * open, and unmounted once the closing transition is complete.
     */
    keepContent?: boolean | undefined;
    /**
     * Whether to move the focus back to the element that had it
     * before the modal was opened. Default: `true`. Disable this if the consumer takes care of the
     * focus itself once the modal is closed, such as when the modal is opened from a rich text editor,
     * where refocusing the element would reset the caret and discard the user’s selection.
     */
    restoreFocus?: boolean | undefined;
    /**
     * A reference to the `<dialog>` element.
     */
    dialog?: HTMLDialogElement | undefined;
    /**
     * Primary slot content.
     */
    children?: Snippet<[]> | undefined;
    /**
     * Extra slot content.
     */
    extraContent?: Snippet<[]> | undefined;
    /**
     * Custom `Opening` event handler.
     */
    onOpening?: ((event: CustomEvent) => void) | undefined;
    /**
     * Custom `Open` event handler.
     */
    onOpen?: ((event: CustomEvent) => void) | undefined;
    /**
     * Custom `Ok` event handler.
     */
    onOk?: ((event: CustomEvent) => void) | undefined;
    /**
     * Custom `Cancel` event handler.
     */
    onCancel?: ((event: CustomEvent) => void) | undefined;
    /**
     * Custom `Closing` event handler.
     */
    onClosing?: ((event: CustomEvent) => void) | undefined;
    /**
     * Custom `Close` event handler.
     */
    onClose?: ((event: CustomEvent) => void) | undefined;
};
export type DialogProps = {
    /**
     * Text label displayed on the header. Required. With a custom `header`
     * snippet, it’s used as the dialog’s `aria-label` instead.
     */
    title?: string | undefined;
    /**
     * ID of the element that labels the dialog, typically a heading
     * inside a custom `header` snippet. Takes precedence over `title` for the accessible name.
     */
    ariaLabelledby?: string | undefined;
    /**
     * The `role` attribute on the `<dialog>` element.
     */
    role?: "dialog" | "alertdialog" | undefined;
    /**
     * Width of the dialog.
     */
    size?: "small" | "medium" | "large" | "x-large" | undefined;
    /**
     * The `class` attribute on the `<dialog>` element.
     */
    class?: string | undefined;
    /**
     * Whether to open the dialog.
     */
    open?: boolean | undefined;
    /**
     * Whether to show the Close button on the header.
     */
    showClose?: boolean | undefined;
    /**
     * Whether to show the OK button on the footer.
     */
    showOk?: boolean | undefined;
    /**
     * Whether to show the Cancel button on the footer.
     */
    showCancel?: boolean | undefined;
    /**
     * Text label displayed on the OK button.
     */
    okLabel?: string | undefined;
    /**
     * Keyboard shortcuts for the OK button. An alias of the
     * `aria-keyshortcuts` attribute. Accepts the special `Accel` key, which will be replaced with
     * `Control` or `Meta` depending on the user’s operating system.
     */
    okShortcuts?: string | undefined;
    /**
     * Whether to disable the OK button.
     */
    okDisabled?: boolean | undefined;
    /**
     * Text label displayed on the Cancel button.
     */
    cancelLabel?: string | undefined;
    /**
     * Keyboard shortcuts for the Cancel button. An alias of the
     * `aria-keyshortcuts` attribute. Accepts the special `Accel` key, which will be replaced with
     * `Control` or `Meta` depending on the user’s operating system.
     */
    cancelShortcuts?: string | undefined;
    /**
     * Whether to disable the Cancel button.
     */
    cancelDisabled?: boolean | undefined;
    /**
     * Whether to automatically focus the first input field or primary
     * action button. Default: `true`. If `false`, or if the dialog has neither, the `<dialog>` element
     * gets focused instead, so the focus is always moved into the modal.
     */
    focusInput?: boolean | undefined;
    /**
     * Whether to close the modal when the backdrop (outside of the
     * modal) is clicked.
     */
    lightDismiss?: boolean | undefined;
    /**
     * Value entered on the textbox.
     */
    value?: string | undefined;
    /**
     * Primary slot content.
     */
    children?: Snippet<[]> | undefined;
    /**
     * Header slot content.
     */
    header?: Snippet<[]> | undefined;
    /**
     * Header extra slot content.
     */
    headerExtra?: Snippet<[]> | undefined;
    /**
     * Footer slot content.
     */
    footer?: Snippet<[]> | undefined;
    /**
     * Footer extra slot content.
     */
    footerExtra?: Snippet<[]> | undefined;
    /**
     * Close icon slot content.
     */
    closeIcon?: Snippet<[]> | undefined;
    /**
     * Extra content slot content.
     */
    extraContent?: Snippet<[]> | undefined;
};
export type MenuItemProps = {
    /**
     * The `class` attribute on the wrapper element.
     */
    class?: string | undefined;
    /**
     * The `role` attribute on the
     * `<button>` element.
     */
    role?: "menuitem" | "menuitemcheckbox" | "menuitemradio" | undefined;
    /**
     * Whether to hide the widget. An alias of the `aria-hidden`
     * attribute.
     */
    hidden?: boolean | undefined;
    /**
     * Whether to disable the widget. An alias of the `aria-disabled`
     * attribute.
     */
    disabled?: boolean | undefined;
    /**
     * Whether to check the widget. An alias of the `aria-checked`
     * attribute.
     */
    checked?: boolean | undefined;
    /**
     * Text label displayed on the item.
     */
    label?: string | undefined;
    /**
     * The `dir` attribute on the label element.
     * Use `auto` to isolate a user-authored label whose text direction is unknown, so it cannot
     * be reordered by the surrounding UI direction.
     */
    labelDir?: "ltr" | "rtl" | "auto" | undefined;
    /**
     * Primary slot content.
     */
    children?: Snippet<[]> | undefined;
    /**
     * Start icon slot content.
     */
    startIcon?: Snippet<[]> | undefined;
    /**
     * End icon slot content.
     */
    endIcon?: Snippet<[]> | undefined;
    /**
     * Chevron icon slot content.
     */
    chevronIcon?: Snippet<[]> | undefined;
    /**
     * Items slot content.
     */
    items?: Snippet<[]> | undefined;
    /**
     * Custom `Change` event handler.
     */
    onChange?: ((event: CustomEvent) => void) | undefined;
    /**
     * Custom `Select` event handler.
     */
    onSelect?: ((event: CustomEvent) => void) | undefined;
};
/**
 * A live view of an `<Option>`’s props, registered with the ancestor `<Combobox>` so that it can
 * resolve labels and the initial value while the options are not rendered.
 */
export type OptionEntry = {
    /**
     * The option’s value.
     */
    value: any;
    /**
     * The option’s text label.
     */
    label: string;
    /**
     * The option’s name.
     */
    name?: string | undefined;
    /**
     * Data type of the `value`.
     */
    type: string;
    /**
     * Whether the option is selected. Writable.
     */
    selected: boolean;
    /**
     * Whether the option is disabled.
     */
    disabled: boolean;
};
export type ComboboxProps = {
    /**
     * The `class` attribute on the wrapper element.
     */
    class?: string | undefined;
    /**
     * Whether to hide the widget.
     */
    hidden?: boolean | undefined;
    /**
     * Whether to disable the widget. An alias of the `aria-disabled`
     * attribute.
     */
    disabled?: boolean | undefined;
    /**
     * Whether to make the widget read-only. An alias of the
     * `aria-readonly` attribute.
     */
    readonly?: boolean | undefined;
    /**
     * Whether to mark the widget required. An alias of the
     * `aria-required` attribute.
     */
    required?: boolean | undefined;
    /**
     * Whether to mark the widget invalid. An alias of the `aria-invalid`
     * attribute.
     */
    invalid?: boolean | undefined;
    /**
     * Selected option’s value.
     */
    value?: any;
    /**
     * Whether to make the `combobox` editable.
     */
    editable?: boolean | undefined;
    /**
     * Where to show the dropdown menu.
     */
    position?: PopupPosition | undefined;
    /**
     * Number of items to start showing the filter. Default: `5`.
     * Use `-1` to always hide the filter.
     */
    filterThreshold?: number | undefined;
    /**
     * The `aria-label` attribute on the wrapper element.
     */
    ariaLabel?: string | undefined;
    /**
     * Primary slot content.
     */
    children?: Snippet<[]> | undefined;
    /**
     * Chevron icon slot content.
     */
    chevronIcon?: Snippet<[]> | undefined;
    /**
     * Custom `change` event handler.
     */
    onChange?: ((event: CustomEvent) => void) | undefined;
};
export type TextInputProps = {
    /**
     * Reference to the `<input>` element.
     */
    element?: HTMLInputElement | undefined;
    /**
     * The `role`
     * attribute on the `<input>` element.
     */
    role?: "textbox" | "searchbox" | "combobox" | "spinbutton" | "gridcell" | undefined;
    /**
     * Keyboard shortcuts. An alias of the `aria-keyshortcuts`
     * attribute. Accepts the special `Accel` key, which will be replaced with `Control` or `Meta`
     * depending on the user’s operating system.
     */
    keyShortcuts?: string | undefined;
    /**
     * The `dir` attribute on the `<input>` element.
     */
    dir?: "ltr" | "rtl" | "auto" | undefined;
    /**
     * The `name` attribute on the `<input>` element.
     */
    name?: string | undefined;
    /**
     * Whether to display `aria-label` over the `<input>` element
     * if it’s empty, just like how the HTML `placeholder` attribute works.
     */
    showInlineLabel?: boolean | undefined;
    /**
     * The
     * `inputmode` attribute on the `<input>`.
     */
    inputmode?: "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url" | undefined;
    /**
     * Make the text input container flexible.
     */
    flex?: boolean | undefined;
    /**
     * Whether to use a monospace font for the input text.
     */
    monospace?: boolean | undefined;
    /**
     * Whether to debounce the `input` event. If `true`, the
     * `input` event will be debounced by 300ms. If a number is provided, it will be used as the
     * debounce delay in milliseconds. This is useful for performance optimization when the input event
     * triggers expensive operations like API calls. Default: `false`.
     */
    debounce?: number | boolean | undefined;
    /**
     * The `class` attribute on the wrapper element.
     */
    class?: string | undefined;
    /**
     * Whether to hide the widget.
     */
    hidden?: boolean | undefined;
    /**
     * Whether to disable the widget. An alias of the `aria-disabled`
     * attribute.
     */
    disabled?: boolean | undefined;
    /**
     * Whether to make the widget read-only. An alias of the
     * `aria-readonly` attribute.
     */
    readonly?: boolean | undefined;
    /**
     * Whether to mark the widget required. An alias of the
     * `aria-required` attribute.
     */
    required?: boolean | undefined;
    /**
     * Whether to mark the widget invalid. An alias of the `aria-invalid`
     * attribute.
     */
    invalid?: boolean | undefined;
    /**
     * `aria-label` attribute.
     */
    ariaLabel?: string | undefined;
    /**
     * Primary slot content.
     */
    children?: Snippet<[]> | undefined;
};
export type KeyboardEventHandlers = {
    /**
     * `keydown` event handler.
     */
    onkeydown?: ((event: KeyboardEvent) => void) | undefined;
    /**
     * `keyup` event handler.
     */
    onkeyup?: ((event: KeyboardEvent) => void) | undefined;
    /**
     * `keypress` event handler.
     */
    onkeypress?: ((event: KeyboardEvent) => void) | undefined;
};
export type MouseEventHandlers = {
    /**
     * `mouseenter` event handler.
     */
    onmouseenter?: ((event: MouseEvent) => void) | undefined;
    /**
     * `mouseleave` event handler.
     */
    onmouseleave?: ((event: MouseEvent) => void) | undefined;
    /**
     * `mouseover` event handler.
     */
    onmouseover?: ((event: MouseEvent) => void) | undefined;
    /**
     * `mousedown` event handler.
     */
    onmousedown?: ((event: MouseEvent) => void) | undefined;
    /**
     * `mouseup` event handler.
     */
    onmouseup?: ((event: MouseEvent) => void) | undefined;
    /**
     * `mousemove` event handler.
     */
    onmousemove?: ((event: MouseEvent) => void) | undefined;
    /**
     * `mouseout` event handler.
     */
    onmouseout?: ((event: MouseEvent) => void) | undefined;
    /**
     * `click` event handler.
     */
    onclick?: ((event: MouseEvent) => void) | undefined;
    /**
     * `dblclick` event handler.
     */
    ondblclick?: ((event: MouseEvent) => void) | undefined;
};
export type PointerEventHandlers = {
    /**
     * `pointerover` event handler.
     */
    onpointerover?: ((event: PointerEvent) => void) | undefined;
    /**
     * `pointerenter` event handler.
     */
    onpointerenter?: ((event: PointerEvent) => void) | undefined;
    /**
     * `pointerdown` event handler.
     */
    onpointerdown?: ((event: PointerEvent) => void) | undefined;
    /**
     * `pointermove` event handler.
     */
    onpointermove?: ((event: PointerEvent) => void) | undefined;
    /**
     * `pointerrawupdate` event handler.
     */
    onpointerrawupdate?: ((event: PointerEvent) => void) | undefined;
    /**
     * `pointerup` event handler.
     */
    onpointerup?: ((event: PointerEvent) => void) | undefined;
    /**
     * `pointercancel` event handler.
     */
    onpointercancel?: ((event: PointerEvent) => void) | undefined;
    /**
     * `pointerout` event handler.
     */
    onpointerout?: ((event: PointerEvent) => void) | undefined;
    /**
     * `pointerleave` event handler.
     */
    onpointerleave?: ((event: PointerEvent) => void) | undefined;
    /**
     * `gotpointercapture` event
     * handler.
     */
    ongotpointercapture?: ((event: PointerEvent) => void) | undefined;
    /**
     * `lostpointercapture` event
     * handler.
     */
    onlostpointercapture?: ((event: PointerEvent) => void) | undefined;
};
export type FocusEventHandlers = {
    /**
     * `focus` event handler.
     */
    onfocus?: ((event: FocusEvent) => void) | undefined;
    /**
     * `blur` event handler.
     */
    onblur?: ((event: FocusEvent) => void) | undefined;
    /**
     * `focusin` event handler.
     */
    onfocusin?: ((event: FocusEvent) => void) | undefined;
    /**
     * `focusout` event handler.
     */
    onfocusout?: ((event: FocusEvent) => void) | undefined;
};
export type DragEventHandlers = {
    /**
     * `dragstart` event handler.
     */
    ondragstart?: ((event: DragEvent) => void) | undefined;
    /**
     * `drag` event handler.
     */
    ondrag?: ((event: DragEvent) => void) | undefined;
    /**
     * `dragenter` event handler.
     */
    ondragenter?: ((event: DragEvent) => void) | undefined;
    /**
     * `dragleave` event handler.
     */
    ondragleave?: ((event: DragEvent) => void) | undefined;
    /**
     * `dragover` event handler.
     */
    ondragover?: ((event: DragEvent) => void) | undefined;
    /**
     * `drop` event handler.
     */
    ondrop?: ((event: DragEvent) => void) | undefined;
    /**
     * `dragend` event handler.
     */
    ondragend?: ((event: DragEvent) => void) | undefined;
};
export type CommonEventHandlers = KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers;
export type InputEventHandlers = {
    /**
     * `input` event handler.
     */
    oninput?: ((event: Event) => void) | undefined;
    /**
     * `beforeinput` event handler.
     */
    onbeforeinput?: ((event: Event) => void) | undefined;
    /**
     * `change` event handler.
     */
    onchange?: ((event: Event) => void) | undefined;
};
export type PopupPosition = ("top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom");
export type ToastPosition = "auto" | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
export type TextEditorBlockType = "paragraph" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "bulleted-list" | "numbered-list" | "blockquote" | "code-block";
export type TextEditorFormatType = "bold" | "italic" | "strikethrough" | "code";
export type TextEditorInlineType = TextEditorFormatType | "link";
export type TextEditorNodeType = TextEditorBlockType | TextEditorInlineType;
export type TextEditorMode = "rich-text" | "plain-text";
export type TextEditorComponent = {
    /**
     * Component ID.
     */
    id: string;
    /**
     * Component label.
     */
    label: string;
    /**
     * Material Symbols icon name.
     */
    icon?: string | undefined;
    /**
     * Trigger UI of the component. Default: `menuitem`. A
     * menu item is placed under the Insert menu, while a button is placed directly on the toolbar.
     */
    trigger?: "button" | "menuitem" | undefined;
    /**
     * Lexical node class implementation.
     */
    node: LexicalNode;
    /**
     * Function to create a new node
     * instance.
     */
    createNode: (props?: Record<string, any>) => LexicalNode;
    /**
     * Node transformer.
     */
    transformer: Transformer;
};
export type TextEditorConfig = {
    /**
     * Enabled modes.
     */
    modes: TextEditorMode[];
    /**
     * Enabled buttons for the
     * editor.
     */
    enabledButtons: TextEditorNodeType[];
    /**
     * Editor components.
     */
    components: TextEditorComponent[];
    /**
     * Whether to enable Markdown keyboard shortcuts in the
     * rich text editor.
     */
    useMarkdownShortcuts: boolean;
    /**
     * Whether the editor is used as a code editor.
     */
    isCodeEditor: boolean;
    /**
     * Whether to autocomplete emojis when the user types a
     * shortcode, like `:smi`. Default: `false`.
     */
    useEmojiAutocomplete?: boolean | undefined;
    /**
     * Default language for the code editor.
     */
    defaultLanguage?: string | undefined;
};
export type EmojiEntry = {
    /**
     * Emoji character, e.g. `🎉`.
     */
    emoji: string;
    /**
     * Canonical shortcode, e.g. `tada`.
     */
    name: string;
    /**
     * Lower-cased alternative shortcodes and keywords, e.g. `party`,
     * `popper`.
     */
    aliases: string[];
};
/**
 * A shortcode being typed, as handed to the emoji suggestions. Each host extends this with
 * whatever it needs to locate the shortcode again when the emoji is inserted.
 */
export type EmojiTrigger = {
    /**
     * Identifier of this shortcode occurrence. It must stay the same while the
     * query grows, so the list can tell a dismissed shortcode from a new one.
     */
    id: string;
    /**
     * Shortcode being typed, without the leading colon.
     */
    query: string;
};
/**
 * Viewport-relative bounds of the shortcode being typed, which the emoji suggestions are anchored
 * to.
 */
export type EmojiAnchorRect = {
    /**
     * Distance from the top of the viewport.
     */
    top: number;
    /**
     * Distance from the top of the viewport to the bottom of the shortcode.
     */
    bottom: number;
    /**
     * Distance from the left of the viewport.
     */
    left: number;
    /**
     * Distance from the left of the viewport to the right of the shortcode.
     */
    right: number;
};
/**
 * Loaders used to obtain the Shiki syntax highlighting engine, grammars and themes. Each returns
 * the loaded ES module, or a falsy value when the requested language or theme is unavailable.
 */
export type CodeHighlighterLoaders = {
    /**
     * Load the syntax highlighting engine.
     */
    loadEngine: () => Promise<any>;
    /**
     * Load a grammar by canonical language ID.
     */
    loadLanguage: (id: string) => Promise<any>;
    /**
     * Load a theme by ID.
     */
    loadTheme: (id: string) => Promise<any>;
};
export type CodeTokenizer = {
    /**
     * Language to fall back to when a code node doesn’t carry
     * one. Set to `null` to leave such blocks untouched, so a Markdown round-trip preserves a bare code
     * fence with no info string.
     */
    defaultLanguage: string | null;
    /**
     * Theme to fall back to when a code node doesn’t carry one.
     */
    defaultTheme: string;
    /**
     * Convert a code node’s
     * content into Lexical nodes.
     */
    tokenize: (codeNode: any, language?: string) => LexicalNode[];
};
export type CodeTransformState = {
    /**
     * Whether a transform is already scheduled for this update.
     */
    didTransform: boolean;
    /**
     * Keys of code nodes being highlighted. Both
     * the code node and text node transforms can fire for the same update, and each would otherwise
     * redo the whole code block.
     */
    nodesCurrentlyHighlighting: Set<string>;
    /**
     * Keys of code nodes with a refresh already queued
     * for after the in-progress pass, so a burst of edits queues one update rather than one each.
     */
    pendingRefresh: Set<string>;
};
export type TextEditorSelectionState = {
    /**
     * Block level node key.
     */
    blockNodeKey: string | null;
    /**
     * Block level type of the current selection.
     */
    blockType: TextEditorBlockType;
    /**
     * Inline level types of the current selection.
     */
    inlineTypes: TextEditorInlineType[];
};
export type TextEditorStore = {
    /**
     * Lexical editor instance.
     */
    editor: LexicalEditor | undefined;
    /**
     * Enabled Lexical transformers.
     */
    enabledTransformers: Transformer[];
    /**
     * Whether the Lexical editor is initialized.
     */
    initialized: boolean;
    /**
     * Random ID assigned to the editor.
     */
    editorId: string;
    /**
     * Editor configuration.
     */
    config: TextEditorConfig;
    /**
     * Value entered the Lexical editor.
     */
    inputValue: string;
    /**
     * Current selection state.
     */
    selection: TextEditorSelectionState;
    /**
     * Whether to use rich text mode. If `false`, the editor shows the
     * plain text editor.
     */
    useRichText: boolean;
    /**
     * Whether there was an error while converting Markdown to
     * Lexical nodes.
     */
    hasConverterError: boolean;
    /**
     * Whether to show a converter error in the UI.
     */
    showConverterError: boolean;
    /**
     * Function to trigger the Lexical converter.
     */
    convertMarkdown: () => Promise<void>;
};
export type SelectedItemDetail = {
    /**
     * Element to get the detail from.
     */
    target: HTMLElement;
    /**
     * Data type of the `value`. Typically `string`, `number` or `boolean`.
     */
    type: string;
    /**
     * The `data-name` attribute on the element.
     */
    name: string | undefined;
    /**
     * The `data-label` attribute on the element.
     */
    label: string | undefined;
    /**
     * The `data-value` attribute on the element. Casted to the `valueType`.
     */
    value: any;
};
export type ResizablePaneSize = number | string;
export type ResizablePaneDefinition = {
    /**
     * ResizablePane element ID (generated via `$props.id()` in the pane
     * component).
     */
    id: string;
    /**
     * Default size as percentage number or CSS
     * length/percentage string.
     */
    defaultSize: ResizablePaneSize | undefined;
    /**
     * Minimum size as percentage number or CSS length/percentage
     * string.
     */
    minSize: ResizablePaneSize;
    /**
     * Maximum size as percentage number or CSS length/percentage
     * string.
     */
    maxSize: ResizablePaneSize;
};
export type PaneGroupContext = {
    /**
     * Layout direction of the panes.
     */
    direction: "horizontal" | "vertical";
    /**
     * Current pane sizes as percentages.
     */
    sizes: number[];
    /**
     * Register a pane and
     * return its index.
     */
    registerPane: (def: ResizablePaneDefinition) => {
        index: number;
    };
    /**
     * Register a resize handle and return its index.
     */
    registerHandle: () => number;
    /**
     * Resize panes around a
     * handle by the given delta.
     */
    resize: (handleIndex: number, deltaPercent: number) => void;
    /**
     * Toggle collapse of the primary pane
     * before the given handle.
     */
    toggleCollapse: (handleIndex: number) => void;
    /**
     * Resolve pane constraints to percentages for the current container size.
     */
    getPaneConstraints: (paneIndex: number) => {
        minSize: number;
        maxSize: number;
    };
    /**
     * Measure the space the panes share in pixels: the
     * group’s size along its direction, less the handles. Pane sizes are percentages of this.
     */
    measurePaneSpace: () => number;
    /**
     * Registered pane definitions.
     */
    paneDefs: ResizablePaneDefinition[];
};
import type { Snippet } from 'svelte';
import type { LexicalNode } from 'lexical';
import type { Transformer } from '@lexical/markdown';
import type { LexicalEditor } from 'lexical';