@gtkx/react 1.0.0-rc.4 → 1.0.0

package/dist/adw/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../src/adw/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,KAAK,mBAAmB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACvB,SAAS,CAAC,EAAE,mBAAmB,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;CACxD,GAAG,aAAa,CAAC;AAElB,KAAK,sBAAsB,GAAG;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1C,GAAG,sBAAsB,CAAC;AAE3B,KAAK,mBAAmB,GAAG;IACvB,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CAC5C,GAAG,aAAa,CAAC;AAElB,KAAK,mBAAmB,GAAG;IACvB,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CAC9C,GAAG,aAAa,CAAC;AAElB,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,GAC3B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../src/adw/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,6DAA6D;AAC7D,KAAK,mBAAmB,GAAG;IACvB,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,uGAAuG;IACvG,UAAU,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC;IACpC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,6CAA6C;AAC7C,KAAK,mBAAmB,GAAG;IACvB,wEAAwE;IACxE,SAAS,CAAC,EAAE,mBAAmB,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,gDAAgD;AAChD,KAAK,sBAAsB,GAAG;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,6CAA6C;AAC7C,KAAK,mBAAmB,GAAG;IACvB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,GAAG,sBAAsB,CAAC;AAE3B,gGAAgG;AAChG,KAAK,mBAAmB,GAAG;IACvB,yCAAyC;IACzC,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,yCAAyC;IACzC,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CAC5C,GAAG,aAAa,CAAC;AAElB,+FAA+F;AAC/F,KAAK,mBAAmB,GAAG;IACvB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CAC9C,GAAG,aAAa,CAAC;AAElB,iDAAiD;AACjD,KAAK,uBAAuB,GAAG;IAC3B,qFAAqF;IACrF,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,CAAC,IAAI,EAAE,GAAG,MAAM,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CACzD,CAAC;AAEF,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,GAC/B,CAAC"}

package/dist/adw/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","sourceRoot":"","sources":["../../src/adw/prop-types.ts"],"names":[],"mappings":"AAkCA,OAAO,EAON,CAAC","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport type { ReactNode } from \"react\";\nimport type { ChildrenProps } from \"../prop-types.js\";\n\ntype AlertDialogResponse = {\n    id: string;\n    label: string;\n    appearance?: Adw.ResponseAppearance;\n    isEnabled?: boolean;\n};\n\ntype AdwAlertDialogProps = {\n    responses?: AlertDialogResponse[] | null | undefined;\n} & ChildrenProps;\n\ntype AdwPreferencesRowProps = {\n    prefix?: ReactNode | null | undefined;\n    suffix?: ReactNode | null | undefined;\n};\n\ntype AdwExpanderRowProps = {\n    rows?: ReactNode | null | undefined;\n    actions?: ReactNode | null | undefined;\n} & AdwPreferencesRowProps;\n\ntype AdwToolbarViewProps = {\n    topBar?: ReactNode | null | undefined;\n    bottomBar?: ReactNode | null | undefined;\n} & ChildrenProps;\n\ntype AdwBreakpointsProps = {\n    breakpoints?: ReactNode | null | undefined;\n} & ChildrenProps;\n\nexport {\n    type AlertDialogResponse,\n    type AdwAlertDialogProps,\n    type AdwPreferencesRowProps,\n    type AdwExpanderRowProps,\n    type AdwToolbarViewProps,\n    type AdwBreakpointsProps,\n};\n"]}
+{"version":3,"file":"prop-types.js","sourceRoot":"","sources":["../../src/adw/prop-types.ts"],"names":[],"mappings":"AAkEA,OAAO,EAQN,CAAC","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport type { ReactNode } from \"react\";\nimport type { ChildrenProps } from \"../prop-types.js\";\n\n/** One button in an `Adw.AlertDialog`'s `responses` prop. */\ntype AlertDialogResponse = {\n    /** Name the dialog reports on `onResponse` when this button is chosen. */\n    id: string;\n    /** Text shown on the button. */\n    label: string;\n    /** Styling the button is given, such as suggested or destructive; defaults to the plain appearance. */\n    appearance?: Adw.ResponseAppearance;\n    /** Whether the button can be activated; defaults to true. */\n    isEnabled?: boolean;\n};\n\n/** Props of an `Adw.AlertDialog` element. */\ntype AdwAlertDialogProps = {\n    /** Buttons the dialog offers, added and removed as the list changes. */\n    responses?: AlertDialogResponse[] | null | undefined;\n    /**\n     * Widget set as the dialog's extra child, shown below the `heading` and `body` and above the\n     * response buttons, leaving the dialog's own chrome in place.\n     */\n    children?: ReactNode;\n};\n\n/** Props of an `Adw.PreferencesRow` element. */\ntype AdwPreferencesRowProps = {\n    /** Widgets added at the start of the row, before its title. */\n    prefix?: ReactNode | null | undefined;\n    /** Widgets added at the end of the row. */\n    suffix?: ReactNode | null | undefined;\n};\n\n/** Props of an `Adw.ExpanderRow` element. */\ntype AdwExpanderRowProps = {\n    /** Widgets added to the area the row reveals when it expands. */\n    rows?: ReactNode | null | undefined;\n} & AdwPreferencesRowProps;\n\n/** Props of an `Adw.ToolbarView` element, whose `children` is the content the bars surround. */\ntype AdwToolbarViewProps = {\n    /** Widgets stacked above the content. */\n    topBar?: ReactNode | null | undefined;\n    /** Widgets stacked below the content. */\n    bottomBar?: ReactNode | null | undefined;\n} & ChildrenProps;\n\n/** Props of an element that hosts breakpoints, such as `Adw.Window` or `Adw.BreakpointBin`. */\ntype AdwBreakpointsProps = {\n    /** `Adw.Breakpoint` elements added to the element, each applying while its condition holds. */\n    breakpoints?: ReactNode | null | undefined;\n} & ChildrenProps;\n\n/** Props of an `Adw.MultiLayoutView` element. */\ntype AdwMultiLayoutViewProps = {\n    /** `Adw.Layout` elements added to the view, each holding the content it lays out. */\n    layouts?: ReactNode | null | undefined;\n    /**\n     * Widget the view places in the `Adw.LayoutSlot` whose `id` is the prop name without its `Slot`\n     * suffix, so `sidebarSlot` fills the slot with id `sidebar` in whichever layout is current.\n     */\n    [slot: `${string}Slot`]: ReactNode | null | undefined;\n};\n\nexport {\n    type AlertDialogResponse,\n    type AdwAlertDialogProps,\n    type AdwPreferencesRowProps,\n    type AdwExpanderRowProps,\n    type AdwToolbarViewProps,\n    type AdwBreakpointsProps,\n    type AdwMultiLayoutViewProps,\n};\n"]}

package/dist/components/application-window.d.ts

@@ -0,0 +1,5 @@
+import type { ElementType, ReactNode } from "react";
+declare const createApplicationWindowComponent: (Component: ElementType) => ((props: unknown) => ReactNode);
+/** @internal */
+export { createApplicationWindowComponent };
+//# sourceMappingURL=application-window.d.ts.map

package/dist/components/application-window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-window.d.ts","sourceRoot":"","sources":["../../src/components/application-window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpD,QAAA,MAAM,gCAAgC,GAAI,WAAW,WAAW,KAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CACX,CAAC;AAEvF,gBAAgB;AAChB,OAAO,EAAE,gCAAgC,EAAE,CAAC"}

package/dist/components/application-window.js

@@ -0,0 +1,7 @@
+import { useApplication } from "../hooks/use-application.js";
+import { createPortaledComponent } from "./portaled.js";
+import { createPresentedWindowComponent } from "./window.js";
+const createApplicationWindowComponent = (Component) => createPortaledComponent(createPresentedWindowComponent(Component), useApplication);
+/** @internal */
+export { createApplicationWindowComponent };
+//# sourceMappingURL=application-window.js.map

package/dist/components/application-window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-window.js","sourceRoot":"","sources":["../../src/components/application-window.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,gCAAgC,GAAG,CAAC,SAAsB,EAAmC,EAAE,CACjG,uBAAuB,CAAC,8BAA8B,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC,CAAC;AAEvF,gBAAgB;AAChB,OAAO,EAAE,gCAAgC,EAAE,CAAC","sourcesContent":["import type { ElementType, ReactNode } from \"react\";\nimport { useApplication } from \"../hooks/use-application.js\";\nimport { createPortaledComponent } from \"./portaled.js\";\nimport { createPresentedWindowComponent } from \"./window.js\";\n\nconst createApplicationWindowComponent = (Component: ElementType): ((props: unknown) => ReactNode) =>\n    createPortaledComponent(createPresentedWindowComponent(Component), useApplication);\n\n/** @internal */\nexport { createApplicationWindowComponent };\n"]}

package/dist/components/application.d.ts

@@ -1,11 +1,5 @@
-import type * as Gtk from "@gtkx/gi/gtk";
-import { type ElementType, type ReactNode, type Ref } from "react";
-type ApplicationComponentProps = {
-    applicationId?: string | null | undefined;
-    children?: ReactNode | undefined;
-    ref?: Ref<Gtk.Application | null> | undefined;
-};
-declare const createApplicationComponent: (Component: ElementType) => ((props: ApplicationComponentProps) => ReactNode);
+import { type ElementType, type ReactNode } from "react";
+declare const createApplicationComponent: (Component: ElementType) => ((props: unknown) => ReactNode);
 /** @internal */
 export { createApplicationComponent };
 //# sourceMappingURL=application.d.ts.map

package/dist/components/application.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"application.d.ts","sourceRoot":"","sources":["../../src/components/application.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA6B,MAAM,OAAO,CAAC;AAK9F,KAAK,yBAAyB,GAAG;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CACjD,CAAC;AA+BF,QAAA,MAAM,0BAA0B,GAC5B,WAAW,WAAW,KACvB,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAclD,CAAC;AAEF,gBAAgB;AAChB,OAAO,EAAE,0BAA0B,EAAE,CAAC"}
+{"version":3,"file":"application.d.ts","sourceRoot":"","sources":["../../src/components/application.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AAgF9F,QAAA,MAAM,0BAA0B,GAAI,WAAW,WAAW,KAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAC3B,CAAC;AAEjE,gBAAgB;AAChB,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/components/application.js

@@ -1,23 +1,37 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { quitApplication, runApplication } from "@gtkx/runtime";
 import { pickBy } from "@gtkx/utils";
+import process from "node:process";
 import { useLayoutEffect, useState } from "react";
 import { applicationId as defaultApplicationId } from "virtual:gtkx-config";
 import { ApplicationContext } from "../hooks/use-application.js";
 import { useMergedRef } from "../hooks/use-merged-refs.js";
+import { createPortaledComponent } from "./portaled.js";
 const POST_ACTIVATE_PROPS = new Set(["menubar"]);
-const useApplicationLifecycle = (application, setActivated) => {
+const commandLine = (applicationId) => [
+    applicationId?.split(".").at(-1) ?? "gtkx",
+    ...process.argv.slice(2),
+];
+const startApplication = (application, setActivated, applicationId) => {
+    application.on("activate", () => {
+        setActivated(true);
+    });
+    const { exitStatus } = runApplication(application, commandLine(applicationId));
+    if (exitStatus !== 0) {
+        process.exitCode = exitStatus;
+    }
+};
+const useApplicationLifecycle = (application, setActivated, applicationId) => {
     useLayoutEffect(() => {
         if (!application) {
             return;
         }
-        runApplication(application);
-        setActivated(true);
+        startApplication(application, setActivated, applicationId);
         return () => {
             quitApplication(application);
             setActivated(false);
         };
-    }, [application, setActivated]);
+    }, [application, setActivated, applicationId]);
 };
 const applicationChildren = (application, children) => {
     if (!application) {
@@ -25,16 +39,17 @@ const applicationChildren = (application, children) => {
     }
     return _jsx(ApplicationContext.Provider, { value: application, children: children });
 };
-const createApplicationComponent = (Component) => {
+const createApplicationElement = (Component) => {
     return ({ applicationId = defaultApplicationId, children, ref, ...rest }) => {
         const [application, setApplication] = useState(null);
         const [activated, setActivated] = useState(false);
-        useApplicationLifecycle(application, setActivated);
+        useApplicationLifecycle(application, setActivated, applicationId);
         const mergedRef = useMergedRef(ref, setApplication);
         const appliedProps = activated ? rest : pickBy(rest, (_value, key) => !POST_ACTIVATE_PROPS.has(key));
         return (_jsx(Component, { ref: mergedRef, applicationId: applicationId, ...appliedProps, children: activated ? applicationChildren(application, children) : null }));
     };
 };
+const createApplicationComponent = (Component) => createPortaledComponent(createApplicationElement(Component));
 /** @internal */
 export { createApplicationComponent };
 //# sourceMappingURL=application.js.map

package/dist/components/application.js.map

@@ -1 +1 @@
-{"version":3,"file":"application.js","sourceRoot":"","sources":["../../src/components/application.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAA8C,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAQ3D,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAEjD,MAAM,uBAAuB,GAAG,CAC5B,WAAmC,EACnC,YAA4C,EACxC,EAAE;IACN,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,OAAO;QACX,CAAC;QAED,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5B,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,OAAO,GAAG,EAAE;YACR,eAAe,CAAC,WAAW,CAAC,CAAC;YAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,WAAmC,EAAE,QAAmB,EAAa,EAAE;IAChG,IAAI,CAAC,WAAW,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAAG,QAAQ,GAA+B,CAAC;AACrG,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAC/B,SAAsB,EAC2B,EAAE;IACnD,OAAO,CAAC,EAAE,aAAa,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAA6B,EAAa,EAAE;QAC9G,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;QAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClD,uBAAuB,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QACnD,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAErG,OAAO,CACH,KAAC,SAAS,IAAC,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,KAAM,YAAY,YACpE,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,GACtD,CACf,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,gBAAgB;AAChB,OAAO,EAAE,0BAA0B,EAAE,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { quitApplication, runApplication } from \"@gtkx/runtime\";\nimport { pickBy } from \"@gtkx/utils\";\nimport { type ElementType, type ReactNode, type Ref, useLayoutEffect, useState } from \"react\";\nimport { applicationId as defaultApplicationId } from \"virtual:gtkx-config\";\nimport { ApplicationContext } from \"../hooks/use-application.js\";\nimport { useMergedRef } from \"../hooks/use-merged-refs.js\";\n\ntype ApplicationComponentProps = {\n    applicationId?: string | null | undefined;\n    children?: ReactNode | undefined;\n    ref?: Ref<Gtk.Application | null> | undefined;\n};\n\nconst POST_ACTIVATE_PROPS = new Set([\"menubar\"]);\n\nconst useApplicationLifecycle = (\n    application: Gtk.Application | null,\n    setActivated: (isActivated: boolean) => void,\n): void => {\n    useLayoutEffect(() => {\n        if (!application) {\n            return;\n        }\n\n        runApplication(application);\n        setActivated(true);\n\n        return () => {\n            quitApplication(application);\n            setActivated(false);\n        };\n    }, [application, setActivated]);\n};\n\nconst applicationChildren = (application: Gtk.Application | null, children: ReactNode): ReactNode => {\n    if (!application) {\n        return null;\n    }\n\n    return <ApplicationContext.Provider value={application}>{children}</ApplicationContext.Provider>;\n};\n\nconst createApplicationComponent = (\n    Component: ElementType,\n): ((props: ApplicationComponentProps) => ReactNode) => {\n    return ({ applicationId = defaultApplicationId, children, ref, ...rest }: ApplicationComponentProps): ReactNode => {\n        const [application, setApplication] = useState<Gtk.Application | null>(null);\n        const [activated, setActivated] = useState(false);\n        useApplicationLifecycle(application, setActivated);\n        const mergedRef = useMergedRef(ref, setApplication);\n        const appliedProps = activated ? rest : pickBy(rest, (_value, key) => !POST_ACTIVATE_PROPS.has(key));\n\n        return (\n            <Component ref={mergedRef} applicationId={applicationId} {...appliedProps}>\n                {activated ? applicationChildren(application, children) : null}\n            </Component>\n        );\n    };\n};\n\n/** @internal */\nexport { createApplicationComponent };\n"]}
+{"version":3,"file":"application.js","sourceRoot":"","sources":["../../src/components/application.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { quitApplication, runApplication } from \"@gtkx/runtime\";\nimport { pickBy } from \"@gtkx/utils\";\nimport process from \"node:process\";\nimport { type ElementType, type ReactNode, type Ref, useLayoutEffect, useState } from \"react\";\nimport { applicationId as defaultApplicationId } from \"virtual:gtkx-config\";\nimport { ApplicationContext } from \"../hooks/use-application.js\";\nimport { useMergedRef } from \"../hooks/use-merged-refs.js\";\nimport { createPortaledComponent } from \"./portaled.js\";\n\ntype ApplicationComponentProps = {\n    applicationId?: string | null | undefined;\n    children?: ReactNode | undefined;\n    ref?: Ref<Gtk.Application | null> | undefined;\n};\n\nconst POST_ACTIVATE_PROPS = new Set([\"menubar\"]);\n\nconst commandLine = (applicationId: string | null): string[] => [\n    applicationId?.split(\".\").at(-1) ?? \"gtkx\",\n    ...process.argv.slice(2),\n];\n\nconst startApplication = (\n    application: Gtk.Application,\n    setActivated: (isActivated: boolean) => void,\n    applicationId: string | null,\n): void => {\n    application.on(\"activate\", () => {\n        setActivated(true);\n    });\n\n    const { exitStatus } = runApplication(application, commandLine(applicationId));\n\n    if (exitStatus !== 0) {\n        process.exitCode = exitStatus;\n    }\n};\n\nconst useApplicationLifecycle = (\n    application: Gtk.Application | null,\n    setActivated: (isActivated: boolean) => void,\n    applicationId: string | null,\n): void => {\n    useLayoutEffect(() => {\n        if (!application) {\n            return;\n        }\n\n        startApplication(application, setActivated, applicationId);\n\n        return () => {\n            quitApplication(application);\n            setActivated(false);\n        };\n    }, [application, setActivated, applicationId]);\n};\n\nconst applicationChildren = (application: Gtk.Application | null, children: ReactNode): ReactNode => {\n    if (!application) {\n        return null;\n    }\n\n    return <ApplicationContext.Provider value={application}>{children}</ApplicationContext.Provider>;\n};\n\nconst createApplicationElement = (\n    Component: ElementType,\n): ((props: ApplicationComponentProps) => ReactNode) => {\n    return ({ applicationId = defaultApplicationId, children, ref, ...rest }: ApplicationComponentProps): ReactNode => {\n        const [application, setApplication] = useState<Gtk.Application | null>(null);\n        const [activated, setActivated] = useState(false);\n        useApplicationLifecycle(application, setActivated, applicationId);\n        const mergedRef = useMergedRef(ref, setApplication);\n        const appliedProps = activated ? rest : pickBy(rest, (_value, key) => !POST_ACTIVATE_PROPS.has(key));\n\n        return (\n            <Component ref={mergedRef} applicationId={applicationId} {...appliedProps}>\n                {activated ? applicationChildren(application, children) : null}\n            </Component>\n        );\n    };\n};\n\nconst createApplicationComponent = (Component: ElementType): ((props: unknown) => ReactNode) =>\n    createPortaledComponent(createApplicationElement(Component));\n\n/** @internal */\nexport { createApplicationComponent };\n"]}

package/dist/components/element.d.ts

@@ -1,5 +1,17 @@
 import { type ReactNode } from "react";
 declare const Prop = "gtkx:prop";
-declare const createElementComponent: (typeName: string) => ((props: unknown) => ReactNode);
+/**
+ * Builds the component that renders the element of a GLib type, which is how the generated `@gtkx/jsx`
+ * store exposes every widget. Reach for it to render a type codegen does not cover, such as one
+ * `registerClass` created: the element name is the GType name, and the component routes each prop whose
+ * value is an element into that prop's slot, which a bare intrinsic element cannot do.
+ *
+ * Name the props the element takes as the type argument, since the GType name says nothing about them.
+ * Left out, the component takes `unknown`, which accepts no attributes at all.
+ *
+ * @param typeName GType name to render, such as `GtkButton` or the `typeName` given to `registerClass`.
+ * @returns A component taking that type's props.
+ */
+declare function createElementComponent<P = unknown>(typeName: string): (props: P) => ReactNode;
 export { Prop, createElementComponent };
 //# sourceMappingURL=element.d.ts.map

package/dist/components/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../src/components/element.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3G,QAAA,MAAM,IAAI,cAAc,CAAC;AAoCzB,QAAA,MAAM,sBAAsB,GACvB,UAAU,MAAM,KAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAEU,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../src/components/element.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3G,QAAA,MAAM,IAAI,cAAc,CAAC;AA4DzB;;;;;;;;;;;GAWG;AAEH,iBAAS,sBAAsB,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAEtF;AAED,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/element.js

@@ -2,27 +2,52 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { isRecord } from "@gtkx/utils";
 import { createElement, isValidElement } from "react";
 const Prop = "gtkx:prop";
+const NO_PROP_CHILDREN = [];
 const hasElement = (value) => isValidElement(value) || (Array.isArray(value) && value.some((item) => hasElement(item)));
-const routeProp = (key, value, hostProps, propChildren) => {
-    if (key !== "ref" && hasElement(value)) {
-        propChildren.push(createElement(Prop, { propName: key, key: `${Prop}:${key}` }, value));
-    }
-    else {
-        hostProps[key] = value;
+const isRoutedProp = (key, value) => key !== "children" && key !== "ref" && hasElement(value);
+const collectPropChildren = (record) => {
+    let propChildren = null;
+    for (const key in record) {
+        if (!isRoutedProp(key, record[key])) {
+            continue;
+        }
+        propChildren ??= [];
+        propChildren.push(createElement(Prop, { propName: key, key: `${Prop}:${key}` }, record[key]));
     }
+    return propChildren;
 };
-const buildElement = (typeName, record) => {
-    const Host = typeName;
+const hostPropsWithout = (record) => {
     const hostProps = {};
-    const propChildren = [];
     for (const key in record) {
-        if (key === "children") {
-            continue;
+        if (key !== "children" && !isRoutedProp(key, record[key])) {
+            hostProps[key] = record[key];
         }
-        routeProp(key, record[key], hostProps, propChildren);
     }
-    return (_jsxs(Host, { ...hostProps, children: [propChildren, record.children] }));
+    return hostProps;
+};
+const buildElement = (typeName, record) => {
+    const Host = typeName;
+    const propChildren = collectPropChildren(record);
+    if (propChildren === null) {
+        return (_jsxs(Host, { ...record, children: [NO_PROP_CHILDREN, record.children] }));
+    }
+    return (_jsxs(Host, { ...hostPropsWithout(record), children: [propChildren, record.children] }));
 };
-const createElementComponent = (typeName) => (props) => buildElement(typeName, isRecord(props) ? props : {});
+/**
+ * Builds the component that renders the element of a GLib type, which is how the generated `@gtkx/jsx`
+ * store exposes every widget. Reach for it to render a type codegen does not cover, such as one
+ * `registerClass` created: the element name is the GType name, and the component routes each prop whose
+ * value is an element into that prop's slot, which a bare intrinsic element cannot do.
+ *
+ * Name the props the element takes as the type argument, since the GType name says nothing about them.
+ * Left out, the component takes `unknown`, which accepts no attributes at all.
+ *
+ * @param typeName GType name to render, such as `GtkButton` or the `typeName` given to `registerClass`.
+ * @returns A component taking that type's props.
+ */
+/* eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters -- callers name the props */
+function createElementComponent(typeName) {
+    return (props) => buildElement(typeName, isRecord(props) ? props : {});
+}
 export { Prop, createElementComponent };
 //# sourceMappingURL=element.js.map

package/dist/components/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../../src/components/element.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAoB,cAAc,EAAqC,MAAM,OAAO,CAAC;AAG3G,MAAM,IAAI,GAAG,WAAW,CAAC;AAEzB,MAAM,UAAU,GAAG,CAAC,KAAc,EAAW,EAAE,CAC3C,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAa,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAEvG,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,KAAc,EAAE,SAAgB,EAAE,YAAyB,EAAQ,EAAE;IACjG,IAAI,GAAG,KAAK,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,YAAY,CAAC,IAAI,CACb,aAAa,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,GAAG,EAAE,EAAE,EAAE,KAAkB,CAAC,CACpF,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IAC3B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,MAAa,EAAgB,EAAE;IACnE,MAAM,IAAI,GAAG,QAAuB,CAAC;IACrC,MAAM,SAAS,GAAU,EAAE,CAAC;IAC5B,MAAM,YAAY,GAAgB,EAAE,CAAC;IAErC,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACvB,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC;YACrB,SAAS;QACb,CAAC;QAED,SAAS,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,CACH,MAAC,IAAI,OAAK,SAAS,aACd,YAAY,EACZ,MAAM,CAAC,QAAqB,IAC1B,CACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,sBAAsB,GACxB,CAAC,QAAgB,EAAmC,EAAE,CAClD,CAAC,KAAc,EAAa,EAAE,CAC1B,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC","sourcesContent":["import { isRecord } from \"@gtkx/utils\";\nimport { createElement, type ElementType, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { Props } from \"../reconciler/registry.js\";\n\nconst Prop = \"gtkx:prop\";\n\nconst hasElement = (value: unknown): boolean =>\n    isValidElement(value) || (Array.isArray(value) && value.some((item: unknown) => hasElement(item)));\n\nconst routeProp = (key: string, value: unknown, hostProps: Props, propChildren: ReactNode[]): void => {\n    if (key !== \"ref\" && hasElement(value)) {\n        propChildren.push(\n            createElement(Prop, { propName: key, key: `${Prop}:${key}` }, value as ReactNode),\n        );\n    } else {\n        hostProps[key] = value;\n    }\n};\n\nconst buildElement = (typeName: string, record: Props): ReactElement => {\n    const Host = typeName as ElementType;\n    const hostProps: Props = {};\n    const propChildren: ReactNode[] = [];\n\n    for (const key in record) {\n        if (key === \"children\") {\n            continue;\n        }\n\n        routeProp(key, record[key], hostProps, propChildren);\n    }\n\n    return (\n        <Host {...hostProps}>\n            {propChildren}\n            {record.children as ReactNode}\n        </Host>\n    );\n};\n\nconst createElementComponent =\n    (typeName: string): ((props: unknown) => ReactNode) =>\n        (props: unknown): ReactNode =>\n            buildElement(typeName, isRecord(props) ? props : {});\n\nexport { Prop, createElementComponent };\n"]}
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../src/components/element.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAoB,cAAc,EAAqC,MAAM,OAAO,CAAC;AAG3G,MAAM,IAAI,GAAG,WAAW,CAAC;AACzB,MAAM,gBAAgB,GAAgB,EAAE,CAAC;AAEzC,MAAM,UAAU,GAAG,CAAC,KAAc,EAAW,EAAE,CAC3C,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAa,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAEvG,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,KAAc,EAAW,EAAE,CAC1D,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;AAE7D,MAAM,mBAAmB,GAAG,CAAC,MAAa,EAAsB,EAAE;IAC9D,IAAI,YAAY,GAAuB,IAAI,CAAC;IAE5C,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YAClC,SAAS;QACb,CAAC;QAED,YAAY,KAAK,EAAE,CAAC;QAEpB,YAAY,CAAC,IAAI,CACb,aAAa,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,GAAG,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAc,CAAC,CAC1F,CAAC;IACN,CAAC;IAED,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,MAAa,EAAS,EAAE;IAC9C,MAAM,SAAS,GAAU,EAAE,CAAC;IAE5B,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACvB,IAAI,GAAG,KAAK,UAAU,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxD,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,MAAa,EAAgB,EAAE;IACnE,MAAM,IAAI,GAAG,QAAuB,CAAC;IACrC,MAAM,YAAY,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAEjD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QACxB,OAAO,CACH,MAAC,IAAI,OAAK,MAAM,aACX,gBAAgB,EAChB,MAAM,CAAC,QAAqB,IAC1B,CACV,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,IAAI,OAAK,gBAAgB,CAAC,MAAM,CAAC,aAC7B,YAAY,EACZ,MAAM,CAAC,QAAqB,IAC1B,CACV,CAAC;AACN,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,0GAA0G;AAC1G,SAAS,sBAAsB,CAAc,QAAgB;IACzD,OAAO,CAAC,KAAQ,EAAa,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACzF,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC","sourcesContent":["import { isRecord } from \"@gtkx/utils\";\nimport { createElement, type ElementType, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { Props } from \"../reconciler/registry.js\";\n\nconst Prop = \"gtkx:prop\";\nconst NO_PROP_CHILDREN: ReactNode[] = [];\n\nconst hasElement = (value: unknown): boolean =>\n    isValidElement(value) || (Array.isArray(value) && value.some((item: unknown) => hasElement(item)));\n\nconst isRoutedProp = (key: string, value: unknown): boolean =>\n    key !== \"children\" && key !== \"ref\" && hasElement(value);\n\nconst collectPropChildren = (record: Props): ReactNode[] | null => {\n    let propChildren: ReactNode[] | null = null;\n\n    for (const key in record) {\n        if (!isRoutedProp(key, record[key])) {\n            continue;\n        }\n\n        propChildren ??= [];\n\n        propChildren.push(\n            createElement(Prop, { propName: key, key: `${Prop}:${key}` }, record[key] as ReactNode),\n        );\n    }\n\n    return propChildren;\n};\n\nconst hostPropsWithout = (record: Props): Props => {\n    const hostProps: Props = {};\n\n    for (const key in record) {\n        if (key !== \"children\" && !isRoutedProp(key, record[key])) {\n            hostProps[key] = record[key];\n        }\n    }\n\n    return hostProps;\n};\n\nconst buildElement = (typeName: string, record: Props): ReactElement => {\n    const Host = typeName as ElementType;\n    const propChildren = collectPropChildren(record);\n\n    if (propChildren === null) {\n        return (\n            <Host {...record}>\n                {NO_PROP_CHILDREN}\n                {record.children as ReactNode}\n            </Host>\n        );\n    }\n\n    return (\n        <Host {...hostPropsWithout(record)}>\n            {propChildren}\n            {record.children as ReactNode}\n        </Host>\n    );\n};\n\n/**\n * Builds the component that renders the element of a GLib type, which is how the generated `@gtkx/jsx`\n * store exposes every widget. Reach for it to render a type codegen does not cover, such as one\n * `registerClass` created: the element name is the GType name, and the component routes each prop whose\n * value is an element into that prop's slot, which a bare intrinsic element cannot do.\n *\n * Name the props the element takes as the type argument, since the GType name says nothing about them.\n * Left out, the component takes `unknown`, which accepts no attributes at all.\n *\n * @param typeName GType name to render, such as `GtkButton` or the `typeName` given to `registerClass`.\n * @returns A component taking that type's props.\n */\n/* eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters -- callers name the props */\nfunction createElementComponent<P = unknown>(typeName: string): (props: P) => ReactNode {\n    return (props: P): ReactNode => buildElement(typeName, isRecord(props) ? props : {});\n}\n\nexport { Prop, createElementComponent };\n"]}

package/dist/components/portaled.d.ts

@@ -0,0 +1,5 @@
+import type { ElementType, ReactNode } from "react";
+import type { Container } from "../reconciler/host-config.js";
+declare const createPortaledComponent: (Component: ElementType, useContainer?: () => Container) => ((props: unknown) => ReactNode);
+export { createPortaledComponent };
+//# sourceMappingURL=portaled.d.ts.map

package/dist/components/portaled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portaled.d.ts","sourceRoot":"","sources":["../../src/components/portaled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAM9D,QAAA,MAAM,uBAAuB,GACxB,WAAW,WAAW,EAAE,eAAc,MAAM,SAA4B,KAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAEnB,CAAC;AAE5F,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/portaled.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isRecord } from "@gtkx/utils";
+import { rootElement } from "../reconciler/root-element.js";
+import { createPortal } from "../reconciler/root.js";
+const useRootContainer = () => rootElement;
+const createPortaledComponent = (Component, useContainer = useRootContainer) => (props) => createPortal(_jsx(Component, { ...(isRecord(props) ? props : {}) }), useContainer());
+export { createPortaledComponent };
+//# sourceMappingURL=portaled.js.map

package/dist/components/portaled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portaled.js","sourceRoot":"","sources":["../../src/components/portaled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,WAAW,CAAC;AAEtD,MAAM,uBAAuB,GACzB,CAAC,SAAsB,EAAE,eAAgC,gBAAgB,EAAmC,EAAE,CAC1G,CAAC,KAAc,EAAa,EAAE,CAC1B,YAAY,CAAC,KAAC,SAAS,OAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AAE5F,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import type { ElementType, ReactNode } from \"react\";\nimport { isRecord } from \"@gtkx/utils\";\nimport type { Container } from \"../reconciler/host-config.js\";\nimport { rootElement } from \"../reconciler/root-element.js\";\nimport { createPortal } from \"../reconciler/root.js\";\n\nconst useRootContainer = (): Container => rootElement;\n\nconst createPortaledComponent =\n    (Component: ElementType, useContainer: () => Container = useRootContainer): ((props: unknown) => ReactNode) =>\n        (props: unknown): ReactNode =>\n            createPortal(<Component {...(isRecord(props) ? props : {})} />, useContainer());\n\nexport { createPortaledComponent };\n"]}

package/dist/components/window.d.ts

@@ -1,9 +1,9 @@
 import type * as Gtk from "@gtkx/gi/gtk";
-import { type ElementType, type ReactNode, type Ref } from "react";
-type WindowComponentProps = {
-    ref?: Ref<Gtk.Window | null> | undefined;
-};
-declare const createWindowComponent: (Component: ElementType) => ((props: WindowComponentProps) => ReactNode);
+import { type ElementType, type ReactNode } from "react";
+import { type PresentedProps } from "../hooks/use-presented-instance.js";
+declare const createPresentedWindowComponent: (Component: ElementType) => ((props: PresentedProps<Gtk.Window>) => ReactNode);
+declare const createWindowComponent: (Component: ElementType) => ((props: unknown) => ReactNode);
+export { createPresentedWindowComponent };
 /** @internal */
 export { createWindowComponent };
 //# sourceMappingURL=window.d.ts.map

package/dist/components/window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../src/components/window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA6B,MAAM,OAAO,CAAC;AAK9F,KAAK,oBAAoB,GAAG;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5C,CAAC;AAcF,QAAA,MAAM,qBAAqB,GAAI,WAAW,WAAW,KAAG,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAuBlG,CAAC;AAEF,gBAAgB;AAChB,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../src/components/window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAqB,KAAK,SAAS,EAAO,MAAM,OAAO,CAAC;AAEjF,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAuBnG,QAAA,MAAM,8BAA8B,GAAI,WAAW,WAAW,KAAG,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,SAAS,CAO5G,CAAC;AAWP,QAAA,MAAM,qBAAqB,GAAI,WAAW,WAAW,KAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CACS,CAAC;AAEhG,OAAO,EAAE,8BAA8B,EAAE,CAAC;AAC1C,gBAAgB;AAChB,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/window.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useLayoutEffect, useState } from "react";
-import { useMergedRef } from "../hooks/use-merged-refs.js";
+import { use } from "react";
 import { ParentWindowContext } from "../hooks/use-parent-window.js";
+import { createPresentedComponent } from "../hooks/use-presented-instance.js";
 import { applyWrite } from "../reconciler/signals.js";
+import { createPortaledComponent } from "./portaled.js";
 const presentWindow = (window) => {
     applyWrite(() => {
         window.present();
@@ -13,22 +14,21 @@ const destroyWindow = (window) => {
         window.destroy();
     });
 };
-const createWindowComponent = (Component) => {
-    return ({ ref, ...rest }) => {
-        const [window, setWindow] = useState(null);
-        const mergedRef = useMergedRef(ref, setWindow);
-        useLayoutEffect(() => {
-            if (!window) {
-                return;
-            }
-            presentWindow(window);
-            return () => {
-                destroyWindow(window);
-            };
-        }, [window]);
-        return (_jsx(ParentWindowContext.Provider, { value: window, children: _jsx(Component, { ref: mergedRef, ...rest }) }));
+const usePresentWindow = () => presentWindow;
+const createPresentedWindowComponent = (Component) => createPresentedComponent(Component, {
+    usePresent: usePresentWindow,
+    dismiss: destroyWindow,
+    wrap: (element, window) => (_jsx(ParentWindowContext.Provider, { value: window, children: element })),
+});
+const withDefaultTransientFor = (Component) => {
+    return (props) => {
+        const parent = use(ParentWindowContext);
+        const isDefaulted = props.transientFor === undefined && parent !== null;
+        return _jsx(Component, { ...(isDefaulted ? { ...props, transientFor: parent } : props) });
     };
 };
+const createWindowComponent = (Component) => createPortaledComponent(withDefaultTransientFor(createPresentedWindowComponent(Component)));
+export { createPresentedWindowComponent };
 /** @internal */
 export { createWindowComponent };
 //# sourceMappingURL=window.js.map

package/dist/components/window.js.map

@@ -1 +1 @@
-{"version":3,"file":"window.js","sourceRoot":"","sources":["../../src/components/window.tsx"],"names":[],"mappings":";AACA,OAAO,EAA8C,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAMtD,MAAM,aAAa,GAAG,CAAC,MAAkB,EAAQ,EAAE;IAC/C,UAAU,CAAC,GAAG,EAAE;QACZ,MAAM,CAAC,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,MAAkB,EAAQ,EAAE;IAC/C,UAAU,CAAC,GAAG,EAAE;QACZ,MAAM,CAAC,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,SAAsB,EAAgD,EAAE;IACnG,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAwB,EAAa,EAAE;QACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAoB,IAAI,CAAC,CAAC;QAC9D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAE/C,eAAe,CAAC,GAAG,EAAE;YACjB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACV,OAAO;YACX,CAAC;YAED,aAAa,CAAC,MAAM,CAAC,CAAC;YAEtB,OAAO,GAAG,EAAE;gBACR,aAAa,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC,CAAC;QACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,OAAO,CACH,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACvC,KAAC,SAAS,IAAC,GAAG,EAAE,SAAS,KAAM,IAAI,GAAI,GACZ,CAClC,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,gBAAgB;AAChB,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { type ElementType, type ReactNode, type Ref, useLayoutEffect, useState } from \"react\";\nimport { useMergedRef } from \"../hooks/use-merged-refs.js\";\nimport { ParentWindowContext } from \"../hooks/use-parent-window.js\";\nimport { applyWrite } from \"../reconciler/signals.js\";\n\ntype WindowComponentProps = {\n    ref?: Ref<Gtk.Window | null> | undefined;\n};\n\nconst presentWindow = (window: Gtk.Window): void => {\n    applyWrite(() => {\n        window.present();\n    });\n};\n\nconst destroyWindow = (window: Gtk.Window): void => {\n    applyWrite(() => {\n        window.destroy();\n    });\n};\n\nconst createWindowComponent = (Component: ElementType): ((props: WindowComponentProps) => ReactNode) => {\n    return ({ ref, ...rest }: WindowComponentProps): ReactNode => {\n        const [window, setWindow] = useState<Gtk.Window | null>(null);\n        const mergedRef = useMergedRef(ref, setWindow);\n\n        useLayoutEffect(() => {\n            if (!window) {\n                return;\n            }\n\n            presentWindow(window);\n\n            return () => {\n                destroyWindow(window);\n            };\n        }, [window]);\n\n        return (\n            <ParentWindowContext.Provider value={window}>\n                <Component ref={mergedRef} {...rest} />\n            </ParentWindowContext.Provider>\n        );\n    };\n};\n\n/** @internal */\nexport { createWindowComponent };\n"]}
+{"version":3,"file":"window.js","sourceRoot":"","sources":["../../src/components/window.tsx"],"names":[],"mappings":";AACA,OAAO,EAAuD,GAAG,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAuB,MAAM,oCAAoC,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAOxD,MAAM,aAAa,GAAG,CAAC,MAAkB,EAAQ,EAAE;IAC/C,UAAU,CAAC,GAAG,EAAE;QACZ,MAAM,CAAC,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,MAAkB,EAAQ,EAAE;IAC/C,UAAU,CAAC,GAAG,EAAE;QACZ,MAAM,CAAC,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAmC,EAAE,CAAC,aAAa,CAAC;AAE7E,MAAM,8BAA8B,GAAG,CAAC,SAAsB,EAAsD,EAAE,CAClH,wBAAwB,CAAa,SAAS,EAAE;IAC5C,UAAU,EAAE,gBAAgB;IAC5B,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAAG,OAAO,GAAgC,CACxF;CACJ,CAAC,CAAC;AAEP,MAAM,uBAAuB,GAAG,CAAC,SAAsB,EAAgD,EAAE;IACrG,OAAO,CAAC,KAA2B,EAAa,EAAE;QAC9C,MAAM,MAAM,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC;QACxC,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,CAAC;QAExE,OAAO,KAAC,SAAS,OAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAI,CAAC;IACzF,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,SAAsB,EAAmC,EAAE,CACtF,uBAAuB,CAAC,uBAAuB,CAAC,8BAA8B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAEhG,OAAO,EAAE,8BAA8B,EAAE,CAAC;AAC1C,gBAAgB;AAChB,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { type ElementType, type ReactElement, type ReactNode, use } from \"react\";\nimport { ParentWindowContext } from \"../hooks/use-parent-window.js\";\nimport { createPresentedComponent, type PresentedProps } from \"../hooks/use-presented-instance.js\";\nimport { applyWrite } from \"../reconciler/signals.js\";\nimport { createPortaledComponent } from \"./portaled.js\";\n\ntype WindowComponentProps = PresentedProps<Gtk.Window> & {\n    // eslint-disable-next-line gtkx/accessor-naming\n    transientFor?: Gtk.Window | ReactElement | null | undefined;\n};\n\nconst presentWindow = (window: Gtk.Window): void => {\n    applyWrite(() => {\n        window.present();\n    });\n};\n\nconst destroyWindow = (window: Gtk.Window): void => {\n    applyWrite(() => {\n        window.destroy();\n    });\n};\n\nconst usePresentWindow = (): ((window: Gtk.Window) => void) => presentWindow;\n\nconst createPresentedWindowComponent = (Component: ElementType): ((props: PresentedProps<Gtk.Window>) => ReactNode) =>\n    createPresentedComponent<Gtk.Window>(Component, {\n        usePresent: usePresentWindow,\n        dismiss: destroyWindow,\n        wrap: (element, window) => (\n            <ParentWindowContext.Provider value={window}>{element}</ParentWindowContext.Provider>\n        ),\n    });\n\nconst withDefaultTransientFor = (Component: ElementType): ((props: WindowComponentProps) => ReactNode) => {\n    return (props: WindowComponentProps): ReactNode => {\n        const parent = use(ParentWindowContext);\n        const isDefaulted = props.transientFor === undefined && parent !== null;\n\n        return <Component {...(isDefaulted ? { ...props, transientFor: parent } : props)} />;\n    };\n};\n\nconst createWindowComponent = (Component: ElementType): ((props: unknown) => ReactNode) =>\n    createPortaledComponent(withDefaultTransientFor(createPresentedWindowComponent(Component)));\n\nexport { createPresentedWindowComponent };\n/** @internal */\nexport { createWindowComponent };\n"]}

package/dist/config.d.ts

@@ -1,7 +1,9 @@
 /** @public */
+export { createElementComponent } from "./components/element.js";
+/** @public */
 export { BUILTIN_ELEMENTS } from "./element-config.js";
 /** @public */
-export type { DetachInfo, ElementBehavior, ElementConfig, PlaceInfo, Props } from "./reconciler/registry.js";
+export type { DetachInfo, ElementBehavior, ElementConfig, ModuleExport, PlaceInfo, Props, } from "./reconciler/registry.js";
 /** @public */
 export { defineBehavior, defineElements, ELEMENTS, mergeElementConfigs } from "./reconciler/registry.js";
 //# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,cAAc;AACd,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC7G,cAAc;AACd,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,cAAc;AACd,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,cAAc;AACd,YAAY,EACR,UAAU,EACV,eAAe,EACf,aAAa,EACb,YAAY,EACZ,SAAS,EACT,KAAK,GACR,MAAM,0BAA0B,CAAC;AAClC,cAAc;AACd,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/config.js

@@ -1,4 +1,6 @@
 /** @public */
+export { createElementComponent } from "./components/element.js";
+/** @public */
 export { BUILTIN_ELEMENTS } from "./element-config.js";
 /** @public */
 export { defineBehavior, defineElements, ELEMENTS, mergeElementConfigs } from "./reconciler/registry.js";

package/dist/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,cAAc;AACd,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["/** @public */\nexport { BUILTIN_ELEMENTS } from \"./element-config.js\";\n/** @public */\nexport type { DetachInfo, ElementBehavior, ElementConfig, PlaceInfo, Props } from \"./reconciler/registry.js\";\n/** @public */\nexport { defineBehavior, defineElements, ELEMENTS, mergeElementConfigs } from \"./reconciler/registry.js\";\n"]}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,cAAc;AACd,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAUvD,cAAc;AACd,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["/** @public */\nexport { createElementComponent } from \"./components/element.js\";\n/** @public */\nexport { BUILTIN_ELEMENTS } from \"./element-config.js\";\n/** @public */\nexport type {\n    DetachInfo,\n    ElementBehavior,\n    ElementConfig,\n    ModuleExport,\n    PlaceInfo,\n    Props,\n} from \"./reconciler/registry.js\";\n/** @public */\nexport { defineBehavior, defineElements, ELEMENTS, mergeElementConfigs } from \"./reconciler/registry.js\";\n"]}

package/dist/element-behaviors.js

@@ -1,7 +1,8 @@
 import * as Gio from "@gtkx/gi/gio";
+import * as GLib from "@gtkx/gi/glib";
 import * as Gtk from "@gtkx/gi/gtk";
 import { BUILTIN_ELEMENTS, SINGLE_CHILD_TYPES } from "./element-config.js";
-import { addRemoveSlot, adoptedChildrenSlot, boxSlot, childSetterSlot, controlledText, deferred, list, slot, value, wrappingIndexedSlot, } from "./reconciler/behaviors.js";
+import { addRemoveSlot, adoptedChildrenSlot, applicationCreator, boxSlot, childSetterSlot, controlledText, deferred, list, slot, value, wrappingIndexedSlot, } from "./reconciler/behaviors.js";
 import { forTypes, registerElements } from "./reconciler/registry.js";
 const BUILTIN_BEHAVIORS = {
     ...forTypes(SINGLE_CHILD_TYPES, {
@@ -234,6 +235,7 @@ const BUILTIN_BEHAVIORS = {
     },
     GtkApplication: {
         behaviors: [
+            applicationCreator(Gtk.Application),
             addRemoveSlot("children", "GtkWindow", (application, window) => {
                 application.addWindow(window);
             }, (application, window) => {
@@ -247,6 +249,11 @@ const BUILTIN_BEHAVIORS = {
                     application.setAccelsForAction(item.detailedActionName, []);
                 },
             }),
+            list("mainOptions", {
+                add: (application, option) => {
+                    addMainOption(application, option);
+                },
+            }),
         ],
     },
     GtkAboutDialog: {
@@ -323,6 +330,9 @@ const BUILTIN_BEHAVIORS = {
 function layoutChild(parent, child) {
     return parent.getLayoutManager()?.getLayoutChild(child) ?? null;
 }
+const addMainOption = (application, option) => {
+    application.addMainOption(option.longName, option.shortName?.codePointAt(0) ?? 0, option.flags ?? GLib.OptionFlags.NONE, option.arg ?? GLib.OptionArg.NONE, option.description, option.argDescription ?? null);
+};
 const buildMenu = (items) => {
     const menu = Gio.Menu.new();
     for (const item of items) {