@gtkx/react 0.14.0 → 0.16.0

package/dist/jsx.d.ts

@@ -1,8 +1,28 @@
+import type * as Adw from "@gtkx/ffi/adw";
+import type * as Gsk from "@gtkx/ffi/gsk";
 import type * as Gtk from "@gtkx/ffi/gtk";
 import type { ReactElement, ReactNode } from "react";
+import type { GtkGridViewProps as GeneratedGtkGridViewProps, GtkListViewProps as GeneratedGtkListViewProps, WidgetSlotNames } from "./generated/jsx.js";
+import type { AnimationProps as AnimationNodeProps } from "./nodes/animation/index.js";
 import type { RenderItemFn } from "./nodes/internal/list-item-renderer.js";
 import type { TreeRenderItemFn } from "./nodes/internal/tree-list-item-renderer.js";
-export type { DragSourceProps, DropTargetProps, EventControllerProps } from "./types.js";
+import type { ShortcutProps as ShortcutNodeProps } from "./nodes/shortcut.js";
+import type { TextAnchorProps } from "./nodes/text-anchor.js";
+import type { TextPaintableProps } from "./nodes/text-paintable.js";
+import type { TextTagProps } from "./nodes/text-tag.js";
+export type { AnimatableProperties, SpringTransition, TimedTransition, Transition } from "./nodes/animation/index.js";
+export type { TextAnchorProps } from "./nodes/text-anchor.js";
+export type { TextPaintableProps } from "./nodes/text-paintable.js";
+export type { TextTagProps } from "./nodes/text-tag.js";
+export type ScaleMark = {
+    value: number;
+    position?: Gtk.PositionType;
+    label?: string | null;
+};
+export type LevelBarOffset = {
+    id: string;
+    value: number;
+};
 /**
  * Props for slot-based child positioning.
  *
@@ -87,6 +107,8 @@ export type FixedChildProps = VirtualSlotProps & {
     x?: number;
     /** Y coordinate in pixels */
     y?: number;
+    /** 3D transform to apply to the child (perspective, rotation, etc.) */
+    transform?: Gsk.Transform;
 };
 /**
  * Props for custom list view rendering.
@@ -131,7 +153,7 @@ export type ColumnViewRootProps<C extends string = string> = {
     /** Sort direction (ascending or descending) */
     sortOrder?: Gtk.SortType;
     /** Callback when sort changes */
-    onSortChange?: (column: C | null, order: Gtk.SortType) => void;
+    onSortChanged?: (column: C | null, order: Gtk.SortType) => void;
     /** Estimated row height in pixels for proper virtualization before content loads */
     estimatedRowHeight?: number;
 };
@@ -141,6 +163,10 @@ export type ColumnViewRootProps<C extends string = string> = {
 export type NotebookPageProps = VirtualSlotProps & {
     /** Tab label text (optional when using Notebook.PageTab) */
     label?: string;
+    /** Whether the tab should expand to fill available space */
+    tabExpand?: boolean;
+    /** Whether the tab should fill its allocated space */
+    tabFill?: boolean;
 };
 /**
  * Props for custom notebook page tab widgets.
@@ -218,67 +244,6 @@ export type OverlayChildProps = VirtualSlotProps & {
     /** Whether to clip this overlay child to the main child bounds */
     clipOverlay?: boolean;
 };
-/**
- * Props for the ScaleMark virtual element.
- *
- * Used to declaratively add marks to a GtkScale slider.
- *
- * @example
- * ```tsx
- * <GtkScale>
- *     <x.ScaleMark value={0} label="Min" />
- *     <x.ScaleMark value={50} label="Mid" />
- *     <x.ScaleMark value={100} label="Max" />
- * </GtkScale>
- * ```
- */
-export type ScaleMarkProps = {
-    /** The value at which to place the mark */
-    value: number;
-    /** Position of the mark (TOP or BOTTOM for horizontal, LEFT or RIGHT for vertical) */
-    position?: Gtk.PositionType;
-    /** Optional label text (supports Pango markup) */
-    label?: string | null;
-};
-/**
- * Props for the CalendarMark virtual element.
- *
- * Used to declaratively mark days on a GtkCalendar.
- *
- * @example
- * ```tsx
- * <GtkCalendar>
- *     <x.CalendarMark day={15} />
- *     <x.CalendarMark day={20} />
- *     <x.CalendarMark day={25} />
- * </GtkCalendar>
- * ```
- */
-export type CalendarMarkProps = {
-    /** The day of the month to mark (1-31) */
-    day: number;
-};
-/**
- * Props for the LevelBarOffset virtual element.
- *
- * Used to declaratively add offset thresholds to a GtkLevelBar.
- * Each offset defines a named threshold that triggers visual style changes.
- *
- * @example
- * ```tsx
- * <GtkLevelBar>
- *     <x.LevelBarOffset id="low" value={0.25} />
- *     <x.LevelBarOffset id="high" value={0.75} />
- *     <x.LevelBarOffset id="full" value={1.0} />
- * </GtkLevelBar>
- * ```
- */
-export type LevelBarOffsetProps = {
-    /** Unique identifier for this offset (used for CSS styling) */
-    id: string;
-    /** The threshold value (0.0 to 1.0 for continuous mode, or integer for discrete) */
-    value: number;
-};
 /**
  * Props for the Toggle virtual element.
  *
@@ -307,6 +272,16 @@ export type ToggleProps = {
     /** Whether underline in label indicates mnemonic */
     useUnderline?: boolean;
 };
+export type AlertDialogResponseProps = {
+    /** Unique response ID (used in response signal and for default/close response) */
+    id: string;
+    /** Button label text */
+    label: string;
+    /** Visual appearance of the response button */
+    appearance?: Adw.ResponseAppearance;
+    /** Whether the response button is enabled */
+    enabled?: boolean;
+};
 /**
  * Props for ExpanderRow child slots (Row and Action).
  */
@@ -319,6 +294,13 @@ type NavigationPageBaseProps = {
     canPop?: boolean;
     children?: ReactNode;
 };
+export type { GtkShortcutControllerProps as ShortcutControllerProps } from "./generated/jsx.js";
+/**
+ * Props for the Shortcut element in JSX.
+ *
+ * @see {@link x.Shortcut} for usage examples
+ */
+export type ShortcutProps = ShortcutNodeProps;
 /**
  * Props for the NavigationPage virtual element with type-safe targeting.
  *
@@ -351,18 +333,15 @@ export type NavigationPageProps = (NavigationPageBaseProps & {
     id: string;
 }) | (NavigationPageBaseProps & {
     for: "AdwNavigationSplitView";
-    id: import("./generated/jsx.js").WidgetSlotNames["AdwNavigationSplitView"];
+    id: WidgetSlotNames["AdwNavigationSplitView"];
 });
-/**
- * Type mapping widget names to their available slot IDs.
- */
-export type { WidgetSlotNames } from "./generated/jsx.js";
+export type { WidgetSlotNames };
 /**
  * Props for the ListView component.
  *
  * @typeParam T - The type of items in the list
  */
-export type ListViewProps<T = unknown> = Omit<import("./generated/jsx.js").GtkListViewProps, "renderItem"> & {
+export type ListViewProps<T = unknown> = Omit<GeneratedGtkListViewProps, "renderItem"> & {
     /** Function to render each list item */
     renderItem: (item: T | null) => ReactNode;
     /** Estimated item height in pixels for proper virtualization before content loads */
@@ -373,7 +352,7 @@ export type ListViewProps<T = unknown> = Omit<import("./generated/jsx.js").GtkLi
  *
  * @typeParam T - The type of items in the grid
  */
-export type GridViewProps<T = unknown> = Omit<import("./generated/jsx.js").GtkGridViewProps, "renderItem"> & {
+export type GridViewProps<T = unknown> = Omit<GeneratedGtkGridViewProps, "renderItem"> & {
     /** Function to render each grid item */
     renderItem: (item: T | null) => ReactNode;
     /** Estimated item height in pixels for proper virtualization before content loads */
@@ -384,7 +363,7 @@ export type GridViewProps<T = unknown> = Omit<import("./generated/jsx.js").GtkGr
  *
  * @typeParam T - The type of items in the tree
  */
-export type TreeListViewProps<T = unknown> = Omit<import("./generated/jsx.js").GtkListViewProps, "renderItem"> & {
+export type TreeListViewProps<T = unknown> = Omit<GeneratedGtkListViewProps, "renderItem"> & {
     /** Function to render each tree item */
     renderItem: TreeRenderItemFn<T>;
     /** Estimated item height in pixels for proper virtualization before content loads */
@@ -436,9 +415,9 @@ export declare const x: {
      * </GtkHeaderBar>
      * ```
      */
-    Slot<W extends keyof import("./generated/jsx.js").WidgetSlotNames>(props: {
+    Slot<W extends keyof WidgetSlotNames>(props: {
         for: W;
-        id: import("./generated/jsx.js").WidgetSlotNames[W];
+        id: WidgetSlotNames[W];
         children?: ReactNode;
     }): ReactElement;
     /**
@@ -713,44 +692,48 @@ export declare const x: {
      */
     MenuSubmenu: "MenuSubmenu";
     /**
-     * A mark to display on a GtkScale slider.
+     * Declarative text tag for styling text content.
+     *
+     * Wrap text content with a TextTag to apply styling. Tags can be nested.
      *
      * @example
      * ```tsx
-     * <GtkScale>
-     *   <x.ScaleMark value={0} label="Min" />
-     *   <x.ScaleMark value={50} />
-     *   <x.ScaleMark value={100} label="Max" />
-     * </GtkScale>
+     * <GtkTextView>
+     *     Normal <x.TextTag id="bold" weight={Pango.Weight.BOLD}>
+     *       bold <x.TextTag id="red" foreground="red">and red</x.TextTag>
+     *     </x.TextTag> text.
+     * </GtkTextView>
      * ```
      */
-    ScaleMark: "ScaleMark";
+    TextTag: "TextTag";
     /**
-     * A day mark on a GtkCalendar.
+     * Declarative anchor for embedding widgets in text flow.
+     *
+     * The anchor is placed at the current position in the text.
      *
      * @example
      * ```tsx
-     * <GtkCalendar>
-     *   <x.CalendarMark day={15} />
-     *   <x.CalendarMark day={20} />
-     *   <x.CalendarMark day={25} />
-     * </GtkCalendar>
+     * <GtkTextView>
+     *     Click here: <x.TextAnchor>
+     *       <GtkButton label="Click me" />
+     *     </x.TextAnchor> to continue.
+     * </GtkTextView>
      * ```
      */
-    CalendarMark: "CalendarMark";
+    TextAnchor: "TextAnchor";
     /**
-     * An offset threshold for a GtkLevelBar.
+     * Declarative inline paintable for embedding images/icons in text flow.
+     *
+     * The paintable is placed at the current position in the text.
      *
      * @example
      * ```tsx
-     * <GtkLevelBar>
-     *   <x.LevelBarOffset id="low" value={0.25} />
-     *   <x.LevelBarOffset id="high" value={0.75} />
-     *   <x.LevelBarOffset id="full" value={1.0} />
-     * </GtkLevelBar>
+     * <GtkTextView>
+     *     Click the icon <x.TextPaintable paintable={iconPaintable} /> to continue.
+     * </GtkTextView>
      * ```
      */
-    LevelBarOffset: "LevelBarOffset";
+    TextPaintable: "TextPaintable";
     /**
      * A toggle button for an AdwToggleGroup.
      *
@@ -763,6 +746,23 @@ export declare const x: {
      * ```
      */
     Toggle: "Toggle";
+    /**
+     * A response button for an AdwAlertDialog.
+     *
+     * @example
+     * ```tsx
+     * <AdwAlertDialog
+     *   heading="Delete File?"
+     *   body="This cannot be undone."
+     *   defaultResponse="cancel"
+     *   closeResponse="cancel"
+     * >
+     *   <x.AlertDialogResponse id="cancel" label="Cancel" />
+     *   <x.AlertDialogResponse id="delete" label="Delete" appearance={Adw.ResponseAppearance.DESTRUCTIVE} />
+     * </AdwAlertDialog>
+     * ```
+     */
+    AlertDialogResponse: "AlertDialogResponse";
     /**
      * Nested rows container for AdwExpanderRow.
      *
@@ -818,6 +818,53 @@ export declare const x: {
      * ```
      */
     NavigationPage: "NavigationPage";
+    /**
+     * Declarative keyboard shortcut controller.
+     *
+     * Attach keyboard shortcuts to a widget. Must contain `x.Shortcut` children.
+     *
+     * @example
+     * ```tsx
+     * <GtkBox>
+     *   <GtkShortcutController scope={Gtk.ShortcutScope.GLOBAL}>
+     *     <x.Shortcut trigger="<Control>f" onActivate={() => setSearchMode(s => !s)} />
+     *     <x.Shortcut trigger="<Control>q" onActivate={quit} />
+     *   </GtkShortcutController>
+     * </GtkBox>
+     * ```
+     */
+    ShortcutController: "GtkShortcutController";
+    /**
+     * A keyboard shortcut definition.
+     *
+     * Must be a child of `x.ShortcutController`.
+     *
+     * @example
+     * ```tsx
+     * <x.Shortcut trigger="<Control>s" onActivate={save} />
+     * <x.Shortcut trigger={["F5", "<Control>r"]} onActivate={refresh} />
+     * <x.Shortcut trigger="Escape" onActivate={cancel} disabled={!canCancel} />
+     * ```
+     */
+    Shortcut: "Shortcut";
+    /**
+     * Declarative animation wrapper using libadwaita's animation primitives.
+     *
+     * Provides Framer Motion-like API for animating GTK widgets with spring
+     * or timed animations.
+     *
+     * @example
+     * ```tsx
+     * <x.Animation
+     *   initial={{ opacity: 0, y: -20 }}
+     *   animate={{ opacity: 1, y: 0 }}
+     *   transition={{ type: "spring", stiffness: 300, damping: 20 }}
+     * >
+     *   <GtkLabel label="Hello World" />
+     * </x.Animation>
+     * ```
+     */
+    Animation: "Animation";
 };
 declare global {
     namespace React {
@@ -825,13 +872,12 @@ declare global {
             interface IntrinsicElements {
                 ActionRowPrefix: VirtualSlotProps;
                 ActionRowSuffix: VirtualSlotProps;
-                CalendarMark: CalendarMarkProps;
+                AlertDialogResponse: AlertDialogResponseProps;
                 ColumnViewColumn: ColumnViewColumnProps<any>;
                 ExpanderRowAction: ExpanderRowChildProps;
                 ExpanderRowRow: ExpanderRowChildProps;
                 FixedChild: FixedChildProps;
                 GridChild: GridChildProps;
-                LevelBarOffset: LevelBarOffsetProps;
                 ListItem: ListItemProps;
                 MenuItem: MenuItemProps;
                 MenuSection: MenuSectionProps;
@@ -841,7 +887,9 @@ declare global {
                 OverlayChild: OverlayChildProps;
                 PackEnd: VirtualSlotProps;
                 PackStart: VirtualSlotProps;
-                ScaleMark: ScaleMarkProps;
+                TextAnchor: TextAnchorProps;
+                TextPaintable: TextPaintableProps;
+                TextTag: TextTagProps;
                 SimpleListItem: StringListItemProps;
                 StackPage: StackPageProps;
                 Toggle: ToggleProps;
@@ -849,6 +897,8 @@ declare global {
                 ToolbarTop: VirtualSlotProps;
                 TreeListItem: TreeListItemProps<any>;
                 NavigationPage: NavigationPageProps;
+                Shortcut: ShortcutProps;
+                Animation: AnimationNodeProps;
             }
         }
     }

package/dist/jsx.js

@@ -320,44 +320,48 @@ export const x = {
      */
     MenuSubmenu: "MenuSubmenu",
     /**
-     * A mark to display on a GtkScale slider.
+     * Declarative text tag for styling text content.
+     *
+     * Wrap text content with a TextTag to apply styling. Tags can be nested.
      *
      * @example
      * ```tsx
-     * <GtkScale>
-     *   <x.ScaleMark value={0} label="Min" />
-     *   <x.ScaleMark value={50} />
-     *   <x.ScaleMark value={100} label="Max" />
-     * </GtkScale>
+     * <GtkTextView>
+     *     Normal <x.TextTag id="bold" weight={Pango.Weight.BOLD}>
+     *       bold <x.TextTag id="red" foreground="red">and red</x.TextTag>
+     *     </x.TextTag> text.
+     * </GtkTextView>
      * ```
      */
-    ScaleMark: "ScaleMark",
+    TextTag: "TextTag",
     /**
-     * A day mark on a GtkCalendar.
+     * Declarative anchor for embedding widgets in text flow.
+     *
+     * The anchor is placed at the current position in the text.
      *
      * @example
      * ```tsx
-     * <GtkCalendar>
-     *   <x.CalendarMark day={15} />
-     *   <x.CalendarMark day={20} />
-     *   <x.CalendarMark day={25} />
-     * </GtkCalendar>
+     * <GtkTextView>
+     *     Click here: <x.TextAnchor>
+     *       <GtkButton label="Click me" />
+     *     </x.TextAnchor> to continue.
+     * </GtkTextView>
      * ```
      */
-    CalendarMark: "CalendarMark",
+    TextAnchor: "TextAnchor",
     /**
-     * An offset threshold for a GtkLevelBar.
+     * Declarative inline paintable for embedding images/icons in text flow.
+     *
+     * The paintable is placed at the current position in the text.
      *
      * @example
      * ```tsx
-     * <GtkLevelBar>
-     *   <x.LevelBarOffset id="low" value={0.25} />
-     *   <x.LevelBarOffset id="high" value={0.75} />
-     *   <x.LevelBarOffset id="full" value={1.0} />
-     * </GtkLevelBar>
+     * <GtkTextView>
+     *     Click the icon <x.TextPaintable paintable={iconPaintable} /> to continue.
+     * </GtkTextView>
      * ```
      */
-    LevelBarOffset: "LevelBarOffset",
+    TextPaintable: "TextPaintable",
     /**
      * A toggle button for an AdwToggleGroup.
      *
@@ -370,6 +374,23 @@ export const x = {
      * ```
      */
     Toggle: "Toggle",
+    /**
+     * A response button for an AdwAlertDialog.
+     *
+     * @example
+     * ```tsx
+     * <AdwAlertDialog
+     *   heading="Delete File?"
+     *   body="This cannot be undone."
+     *   defaultResponse="cancel"
+     *   closeResponse="cancel"
+     * >
+     *   <x.AlertDialogResponse id="cancel" label="Cancel" />
+     *   <x.AlertDialogResponse id="delete" label="Delete" appearance={Adw.ResponseAppearance.DESTRUCTIVE} />
+     * </AdwAlertDialog>
+     * ```
+     */
+    AlertDialogResponse: "AlertDialogResponse",
     /**
      * Nested rows container for AdwExpanderRow.
      *
@@ -425,5 +446,52 @@ export const x = {
      * ```
      */
     NavigationPage: "NavigationPage",
+    /**
+     * Declarative keyboard shortcut controller.
+     *
+     * Attach keyboard shortcuts to a widget. Must contain `x.Shortcut` children.
+     *
+     * @example
+     * ```tsx
+     * <GtkBox>
+     *   <GtkShortcutController scope={Gtk.ShortcutScope.GLOBAL}>
+     *     <x.Shortcut trigger="<Control>f" onActivate={() => setSearchMode(s => !s)} />
+     *     <x.Shortcut trigger="<Control>q" onActivate={quit} />
+     *   </GtkShortcutController>
+     * </GtkBox>
+     * ```
+     */
+    ShortcutController: "GtkShortcutController",
+    /**
+     * A keyboard shortcut definition.
+     *
+     * Must be a child of `x.ShortcutController`.
+     *
+     * @example
+     * ```tsx
+     * <x.Shortcut trigger="<Control>s" onActivate={save} />
+     * <x.Shortcut trigger={["F5", "<Control>r"]} onActivate={refresh} />
+     * <x.Shortcut trigger="Escape" onActivate={cancel} disabled={!canCancel} />
+     * ```
+     */
+    Shortcut: "Shortcut",
+    /**
+     * Declarative animation wrapper using libadwaita's animation primitives.
+     *
+     * Provides Framer Motion-like API for animating GTK widgets with spring
+     * or timed animations.
+     *
+     * @example
+     * ```tsx
+     * <x.Animation
+     *   initial={{ opacity: 0, y: -20 }}
+     *   animate={{ opacity: 1, y: 0 }}
+     *   transition={{ type: "spring", stiffness: 300, damping: 20 }}
+     * >
+     *   <GtkLabel label="Hello World" />
+     * </x.Animation>
+     * ```
+     */
+    Animation: "Animation",
 };
 export * from "./generated/jsx.js";

package/dist/node.d.ts

@@ -1,3 +1,4 @@
+import { type SignalStore } from "./nodes/internal/signal-store.js";
 import type { Container, ContainerClass, Props } from "./types.js";
 export declare class Node<T = unknown, P = Props> {
     static priority: number;
@@ -5,7 +6,8 @@ export declare class Node<T = unknown, P = Props> {
     static createContainer(_props: Props, _containerClass: ContainerClass, _rootContainer?: Container): unknown;
     container: T;
     typeName: string;
-    constructor(typeName: string, _props: P | undefined, container: T, _rootContainer?: Container);
+    signalStore: SignalStore;
+    constructor(typeName: string, _props: P | undefined, container: T, rootContainer: Container);
     appendChild(_child: Node): void;
     removeChild(_child: Node): void;
     insertBefore(_child: Node, _before: Node): void;

package/dist/node.js

@@ -1,4 +1,4 @@
-import { signalStore } from "./nodes/internal/signal-store.js";
+import { getSignalStore } from "./nodes/internal/signal-store.js";
 export class Node {
     static priority = 0;
     static matches(_type, _containerOrClass) {
@@ -9,9 +9,11 @@ export class Node {
     }
     container;
     typeName;
-    constructor(typeName, _props = {}, container, _rootContainer) {
+    signalStore;
+    constructor(typeName, _props = {}, container, rootContainer) {
         this.typeName = typeName;
         this.container = container;
+        this.signalStore = getSignalStore(rootContainer);
     }
     appendChild(_child) { }
     removeChild(_child) { }
@@ -19,6 +21,6 @@ export class Node {
     updateProps(_oldProps, _newProps) { }
     mount() { }
     unmount() {
-        signalStore.clear(this);
+        this.signalStore.clear(this);
     }
 }

package/dist/nodes/abstract/positional-child.d.ts

@@ -0,0 +1,9 @@
+import type * as Gtk from "@gtkx/ffi/gtk";
+import type { Props } from "../../types.js";
+import { VirtualSingleChildNode } from "./virtual-single-child.js";
+export declare abstract class PositionalChildNode<P extends Props = Props> extends VirtualSingleChildNode<P> {
+    protected abstract attachToParent(parent: Gtk.Widget, child: Gtk.Widget): void;
+    protected abstract detachFromParent(parent: Gtk.Widget, child: Gtk.Widget): void;
+    unmount(): void;
+    protected onChildChange(oldChild: Gtk.Widget | null): void;
+}

package/dist/nodes/abstract/positional-child.js

@@ -0,0 +1,29 @@
+import { isObjectEqual } from "@gtkx/ffi";
+import { VirtualSingleChildNode } from "./virtual-single-child.js";
+export class PositionalChildNode extends VirtualSingleChildNode {
+    unmount() {
+        if (this.parent && this.child) {
+            const parent = this.parent;
+            const oldChild = this.child;
+            this.child = null;
+            const parentOfOld = oldChild.getParent();
+            if (parentOfOld && isObjectEqual(parentOfOld, parent)) {
+                this.detachFromParent(parent, oldChild);
+            }
+        }
+        this.parent = null;
+        super.unmount();
+    }
+    onChildChange(oldChild) {
+        const parent = this.getParent();
+        if (oldChild) {
+            const parentOfOld = oldChild.getParent();
+            if (parentOfOld && isObjectEqual(parentOfOld, parent)) {
+                this.detachFromParent(parent, oldChild);
+            }
+        }
+        if (this.child) {
+            this.attachToParent(parent, this.child);
+        }
+    }
+}

package/dist/nodes/abstract/positional-parent.d.ts

@@ -0,0 +1,18 @@
+import type * as Gtk from "@gtkx/ffi/gtk";
+import type { Node } from "../../node.js";
+import type { Props } from "../../types.js";
+import { WidgetNode } from "../widget.js";
+type PositionalChildParentWidget = Gtk.Widget & {
+    remove(child: Gtk.Widget): void;
+};
+export declare abstract class PositionalParentNode<T extends PositionalChildParentWidget = PositionalChildParentWidget, P extends Props = Props> extends WidgetNode<T, P> {
+    protected abstract acceptedPositionalChildTypes: Set<string>;
+    protected abstract containerTypeName: string;
+    private isPositionalChild;
+    private formatExpectedTypes;
+    private assertValidChild;
+    appendChild(child: Node): void;
+    insertBefore(child: Node, before: Node): void;
+    removeChild(child: Node): void;
+}
+export {};