@gtkx/react 1.0.0-rc.1 → 1.0.0-rc.2

package/dist/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,gBAAgB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC","sourcesContent":["import { elements } from \"virtual:gtkx-config\";\nimport \"./element-behaviors.js\";\nimport { registerElements } from \"./reconciler/registry.js\";\n\nregisterElements(elements, { prepend: true });\n"]}

package/dist/components/application.d.ts

@@ -5,6 +5,6 @@ type ApplicationComponentProps = {
     children?: ReactNode | undefined;
     ref?: Ref<Gtk.Application | null> | undefined;
 };
-export declare const createApplicationComponent: (Component: ElementType) => ((props: ApplicationComponentProps) => ReactNode);
-export {};
+declare const createApplicationComponent: (Component: ElementType) => ((props: ApplicationComponentProps) => ReactNode);
+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":"AACA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAyB,MAAM,OAAO,CAAC;AAM1F,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;AAEF,eAAO,MAAM,0BAA0B,cACxB,WAAW,KACvB,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAyBlD,CAAC"}
+{"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,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/components/application.js

@@ -1,26 +1,39 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { applicationId as defaultApplicationId } from "virtual:gtkx-config";
 import { quitApplication, runApplication } from "@gtkx/runtime";
-import { useCallback, useState } from "react";
+import { pickBy } from "@gtkx/utils";
+import { useLayoutEffect, useState } from "react";
+import { applicationId as defaultApplicationId } from "virtual:gtkx-config";
 import { ApplicationContext } from "../hooks/use-application.js";
-import { useMergeRefs } from "../hooks/use-merge-refs.js";
+import { useMergedRef } from "../hooks/use-merged-refs.js";
 const POST_ACTIVATE_PROPS = new Set(["menubar"]);
-export const createApplicationComponent = (Component) => {
+const useApplicationLifecycle = (application, setActivated) => {
+    useLayoutEffect(() => {
+        if (!application) {
+            return;
+        }
+        runApplication(application);
+        setActivated(true);
+        return () => {
+            quitApplication(application);
+            setActivated(false);
+        };
+    }, [application, setActivated]);
+};
+const applicationChildren = (application, children) => {
+    if (!application) {
+        return null;
+    }
+    return _jsx(ApplicationContext.Provider, { value: application, children: children });
+};
+const createApplicationComponent = (Component) => {
     return ({ applicationId = defaultApplicationId, children, ref, ...rest }) => {
-        const [app, setApp] = useState(null);
-        const handleMount = useCallback((instance) => {
-            runApplication(instance);
-            setApp(instance);
-            return () => {
-                quitApplication(instance);
-                setApp(null);
-            };
-        }, []);
-        const mergedRef = useMergeRefs(ref, handleMount);
-        const appliedProps = app
-            ? rest
-            : Object.fromEntries(Object.entries(rest).filter(([key]) => !POST_ACTIVATE_PROPS.has(key)));
-        return (_jsx(Component, { ref: mergedRef, applicationId: applicationId, ...appliedProps, children: app ? _jsx(ApplicationContext.Provider, { value: app, children: children }) : null }));
+        const [application, setApplication] = useState(null);
+        const [activated, setActivated] = useState(false);
+        useApplicationLifecycle(application, setActivated);
+        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 }));
     };
 };
+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":";AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAA8C,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAQjD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACtC,SAAsB,EAC2B,EAAE;IACnD,OAAO,CAAC,EAAE,aAAa,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAA6B,EAAa,EAAE;QAC9G,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;QAE7D,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,QAAyB,EAAE,EAAE;YAC1D,cAAc,CAAC,QAAQ,CAAC,CAAC;YACzB,MAAM,CAAC,QAAQ,CAAC,CAAC;YAEjB,OAAO,GAAG,EAAE;gBACR,eAAe,CAAC,QAAQ,CAAC,CAAC;gBAC1B,MAAM,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC,CAAC;QACN,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,MAAM,SAAS,GAAG,YAAY,CAAkB,GAAG,EAAE,WAAW,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,GAAG;YACpB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAEhG,OAAO,CACH,KAAC,SAAS,IAAC,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,KAAM,YAAY,YACpE,GAAG,CAAC,CAAC,CAAC,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAAG,QAAQ,GAA+B,CAAC,CAAC,CAAC,IAAI,GACvF,CACf,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { applicationId as defaultApplicationId } from \"virtual:gtkx-config\";\nimport type * as Gtk from \"@gtkx/gi/gtk\";\nimport { quitApplication, runApplication } from \"@gtkx/runtime\";\nimport { type ElementType, type ReactNode, type Ref, useCallback, useState } from \"react\";\nimport { ApplicationContext } from \"../hooks/use-application.js\";\nimport { useMergeRefs } from \"../hooks/use-merge-refs.js\";\n\nconst POST_ACTIVATE_PROPS = new Set([\"menubar\"]);\n\ntype ApplicationComponentProps = {\n    applicationId?: string | null | undefined;\n    children?: ReactNode | undefined;\n    ref?: Ref<Gtk.Application | null> | undefined;\n};\n\nexport const createApplicationComponent = (\n    Component: ElementType,\n): ((props: ApplicationComponentProps) => ReactNode) => {\n    return ({ applicationId = defaultApplicationId, children, ref, ...rest }: ApplicationComponentProps): ReactNode => {\n        const [app, setApp] = useState<Gtk.Application | null>(null);\n\n        const handleMount = useCallback((instance: Gtk.Application) => {\n            runApplication(instance);\n            setApp(instance);\n\n            return () => {\n                quitApplication(instance);\n                setApp(null);\n            };\n        }, []);\n\n        const mergedRef = useMergeRefs<Gtk.Application>(ref, handleMount);\n        const appliedProps = app\n            ? rest\n            : Object.fromEntries(Object.entries(rest).filter(([key]) => !POST_ACTIVATE_PROPS.has(key)));\n\n        return (\n            <Component ref={mergedRef} applicationId={applicationId} {...appliedProps}>\n                {app ? <ApplicationContext.Provider value={app}>{children}</ApplicationContext.Provider> : null}\n            </Component>\n        );\n    };\n};\n"]}
+{"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,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\nexport { createApplicationComponent };\n"]}

package/dist/components/element.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+/** The intrinsic element that carries an object-valued prop's element into its parent's named property. */
+declare const Prop = "gtkx:prop";
+declare const createElementComponent: (typeName: string) => ((props: unknown) => ReactNode);
+export { Prop, createElementComponent };
+//# sourceMappingURL=element.d.ts.map

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

@@ -0,0 +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,2GAA2G;AAC3G,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"}

package/dist/components/element.js

@@ -0,0 +1,29 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { isRecord } from "@gtkx/utils";
+import { createElement, isValidElement } from "react";
+/** The intrinsic element that carries an object-valued prop's element into its parent's named property. */
+const Prop = "gtkx:prop";
+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 buildElement = (typeName, record) => {
+    const Host = typeName;
+    const hostProps = {};
+    const propChildren = [];
+    for (const key in record) {
+        if (key === "children") {
+            continue;
+        }
+        routeProp(key, record[key], hostProps, propChildren);
+    }
+    return (_jsxs(Host, { ...hostProps, children: [propChildren, record.children] }));
+};
+const createElementComponent = (typeName) => (props) => buildElement(typeName, isRecord(props) ? props : {});
+export { Prop, createElementComponent };
+//# sourceMappingURL=element.js.map

package/dist/components/element.js.map

@@ -0,0 +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,2GAA2G;AAC3G,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\n/** The intrinsic element that carries an object-valued prop's element into its parent's named property. */\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"]}

package/dist/components/window.d.ts

@@ -3,6 +3,6 @@ import { type ElementType, type ReactNode, type Ref } from "react";
 type WindowComponentProps = {
     ref?: Ref<Gtk.Window | null> | undefined;
 };
-export declare const createWindowComponent: (Component: ElementType) => ((props: WindowComponentProps) => ReactNode);
-export {};
+declare const createWindowComponent: (Component: ElementType) => ((props: WindowComponentProps) => ReactNode);
+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,EAA0C,MAAM,OAAO,CAAC;AAI3G,KAAK,oBAAoB,GAAG;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB,cAAe,WAAW,KAAG,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CA0BzG,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,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA6B,MAAM,OAAO,CAAC;AAI9F,KAAK,oBAAoB,GAAG;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,WAAW,WAAW,KAAG,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAuBlG,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/window.js

@@ -1,23 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useLayoutEffect, useState } from "react";
-import { useMergeRefs } from "../hooks/use-merge-refs.js";
+import { useLayoutEffect, useState } from "react";
+import { useMergedRef } from "../hooks/use-merged-refs.js";
 import { ParentWindowContext } from "../hooks/use-parent-window.js";
-export const createWindowComponent = (Component) => {
+const createWindowComponent = (Component) => {
     return ({ ref, ...rest }) => {
         const [window, setWindow] = useState(null);
-        const handleMount = useCallback((window) => {
-            setWindow(window);
+        const mergedRef = useMergedRef(ref, setWindow);
+        useLayoutEffect(() => {
+            if (!window) {
+                return;
+            }
+            window.present();
             return () => {
-                window.setDefaultWidget(null);
                 window.destroy();
-                setWindow(null);
             };
-        }, []);
-        useLayoutEffect(() => {
-            window?.present();
         }, [window]);
-        const mergedRef = useMergeRefs(ref, handleMount);
         return (_jsx(ParentWindowContext.Provider, { value: window, children: _jsx(Component, { ref: mergedRef, ...rest }) }));
     };
 };
+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,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3G,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAMpE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAsB,EAAgD,EAAE;IAC1G,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAwB,EAAa,EAAE;QACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAoB,IAAI,CAAC,CAAC;QAE9D,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,MAAkB,EAAE,EAAE;YACnD,SAAS,CAAC,MAAM,CAAC,CAAC;YAElB,OAAO,GAAG,EAAE;gBACR,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBAC9B,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,SAAS,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,CAAC;QACN,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,eAAe,CAAC,GAAG,EAAE;YACjB,MAAM,EAAE,OAAO,EAAE,CAAC;QACtB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEb,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;QAEjD,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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { type ElementType, type ReactNode, type Ref, useCallback, useLayoutEffect, useState } from \"react\";\nimport { useMergeRefs } from \"../hooks/use-merge-refs.js\";\nimport { ParentWindowContext } from \"../hooks/use-parent-window.js\";\n\ntype WindowComponentProps = {\n    ref?: Ref<Gtk.Window | null> | undefined;\n};\n\nexport const createWindowComponent = (Component: ElementType): ((props: WindowComponentProps) => ReactNode) => {\n    return ({ ref, ...rest }: WindowComponentProps): ReactNode => {\n        const [window, setWindow] = useState<Gtk.Window | null>(null);\n\n        const handleMount = useCallback((window: Gtk.Window) => {\n            setWindow(window);\n\n            return () => {\n                window.setDefaultWidget(null);\n                window.destroy();\n                setWindow(null);\n            };\n        }, []);\n\n        useLayoutEffect(() => {\n            window?.present();\n        }, [window]);\n\n        const mergedRef = useMergeRefs(ref, handleMount);\n\n        return (\n            <ParentWindowContext.Provider value={window}>\n                <Component ref={mergedRef} {...rest} />\n            </ParentWindowContext.Provider>\n        );\n    };\n};\n"]}
+{"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;AAMpE,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,MAAM,CAAC,OAAO,EAAE,CAAC;YAEjB,OAAO,GAAG,EAAE;gBACR,MAAM,CAAC,OAAO,EAAE,CAAC;YACrB,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,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\";\n\ntype WindowComponentProps = {\n    ref?: Ref<Gtk.Window | null> | undefined;\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            window.present();\n\n            return () => {\n                window.destroy();\n            };\n        }, [window]);\n\n        return (\n            <ParentWindowContext.Provider value={window}>\n                <Component ref={mergedRef} {...rest} />\n            </ParentWindowContext.Provider>\n        );\n    };\n};\n\nexport { createWindowComponent };\n"]}

package/dist/config.d.ts

@@ -0,0 +1,4 @@
+export { BUILTIN_ELEMENTS } from "./element-config.js";
+export type { DetachInfo, ElementBehavior, ElementConfig, ModuleExport, PlaceInfo } from "./reconciler/registry.js";
+export { defineElements, ELEMENTS, forTypes, internal, mergeElementConfigs } from "./reconciler/registry.js";
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACpH,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/config.js

@@ -0,0 +1,3 @@
+export { BUILTIN_ELEMENTS } from "./element-config.js";
+export { defineElements, ELEMENTS, forTypes, internal, mergeElementConfigs } from "./reconciler/registry.js";
+//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export { BUILTIN_ELEMENTS } from \"./element-config.js\";\nexport type { DetachInfo, ElementBehavior, ElementConfig, ModuleExport, PlaceInfo } from \"./reconciler/registry.js\";\nexport { defineElements, ELEMENTS, forTypes, internal, mergeElementConfigs } from \"./reconciler/registry.js\";\n"]}

package/dist/element-behaviors.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=element-behaviors.d.ts.map

package/dist/element-behaviors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-behaviors.d.ts","sourceRoot":"","sources":["../src/element-behaviors.ts"],"names":[],"mappings":""}

package/dist/element-behaviors.js

@@ -0,0 +1,348 @@
+import * as Gio from "@gtkx/gi/gio";
+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 { forTypes, registerElements } from "./reconciler/registry.js";
+/** The runtime half of the built-in element configuration: the behaviors bound to each GObject type. */
+const BUILTIN_BEHAVIORS = {
+    ...forTypes(SINGLE_CHILD_TYPES, {
+        behaviors: [childSetterSlot()],
+    }),
+    ...forTypes(["GtkHeaderBar", "GtkActionBar"], {
+        behaviors: [
+            addRemoveSlot("start", "GtkWidget", (bar, child) => {
+                bar.packStart(child);
+            }, (bar, child) => {
+                bar.remove(child);
+            }),
+            addRemoveSlot("end", "GtkWidget", (bar, child) => {
+                bar.packEnd(child);
+            }, (bar, child) => {
+                bar.remove(child);
+            }),
+        ],
+    }),
+    GtkWindow: {
+        behaviors: [childSetterSlot()],
+    },
+    GtkWidget: {
+        behaviors: [
+            slot("children", "GtkPopover", {
+                attach: (parent, popover) => {
+                    popover.setParent(parent);
+                },
+                detach: (_parent, popover) => {
+                    popover.unparent();
+                },
+            }),
+            addRemoveSlot("controllers", "GtkEventController", (widget, controller) => {
+                widget.addController(controller);
+            }, (widget, controller) => {
+                widget.removeController(controller);
+            }),
+            slot("layoutManager", "GtkLayoutManager", {
+                attach: (widget, manager) => {
+                    widget.setLayoutManager(manager);
+                },
+                detach: (widget) => {
+                    widget.setLayoutManager(null);
+                },
+            }),
+            slot("actionGroups", "GActionGroup", {
+                attach: (widget, group, info) => {
+                    widget.insertActionGroup(info.props.prefix ?? "", group);
+                },
+                detach: (widget, _group, info) => {
+                    widget.insertActionGroup(info.props.prefix ?? "", null);
+                },
+            }),
+        ],
+    },
+    GtkBox: {
+        behaviors: [boxSlot()],
+    },
+    GtkListBox: {
+        behaviors: [
+            wrappingIndexedSlot(Gtk.ListBoxRow, (row, inner) => {
+                row.setChild(inner);
+            }),
+        ],
+    },
+    GtkFlowBox: {
+        behaviors: [
+            wrappingIndexedSlot(Gtk.FlowBoxChild, (child, inner) => {
+                child.setChild(inner);
+            }),
+        ],
+    },
+    GtkOverlay: {
+        behaviors: [
+            childSetterSlot(),
+            slot("overlays", "GtkWidget", {
+                attach: (overlay, child) => {
+                    overlay.addOverlay(child);
+                },
+                detach: (overlay, child) => {
+                    overlay.removeOverlay(child);
+                },
+                resolve: layoutChild,
+            }),
+        ],
+    },
+    GtkShortcutController: {
+        behaviors: [
+            addRemoveSlot("shortcuts", "GtkShortcut", (controller, shortcut) => {
+                controller.addShortcut(shortcut);
+            }, (controller, shortcut) => {
+                controller.removeShortcut(shortcut);
+            }),
+        ],
+    },
+    GtkTextChildAnchor: {
+        behaviors: [{ create: () => Gtk.TextChildAnchor.new() }],
+    },
+    GtkTextView: {
+        behaviors: [
+            slot("children", "GtkTextBuffer", {
+                attach: (view, buffer) => {
+                    view.setBuffer(buffer);
+                },
+                detach: (view) => {
+                    view.setBuffer(null);
+                },
+            }),
+        ],
+    },
+    GActionMap: {
+        behaviors: [
+            slot("actions", "GAction", {
+                attach: (map, action) => {
+                    map.addAction(action);
+                },
+                detach: (map, _action, info) => {
+                    map.removeAction(info.props.name ?? "");
+                },
+            }),
+        ],
+    },
+    GMenu: {
+        behaviors: [
+            list("items", {
+                clear: (menu) => {
+                    menu.removeAll();
+                },
+                add: (menu, item) => {
+                    appendMenuItem(menu, item);
+                },
+            }),
+        ],
+    },
+    GtkColumnView: {
+        behaviors: [
+            slot("children", "GtkColumnViewColumn", {
+                attach: (view, column, info) => {
+                    view.insertColumn(info.index, column);
+                },
+                detach: (view, column) => {
+                    view.removeColumn(column);
+                },
+            }),
+        ],
+    },
+    GtkGrid: {
+        behaviors: [
+            slot("children", "GtkWidget", {
+                attach: (grid, child) => {
+                    grid.attach(child, 0, 0, 1, 1);
+                },
+                detach: (grid, child) => {
+                    grid.remove(child);
+                },
+                resolve: layoutChild,
+            }),
+        ],
+    },
+    GtkFixed: {
+        behaviors: [
+            slot("children", "GtkWidget", {
+                attach: (fixed, child) => {
+                    fixed.put(child, 0, 0);
+                },
+                detach: (fixed, child) => {
+                    fixed.remove(child);
+                },
+                resolve: layoutChild,
+            }),
+        ],
+    },
+    GtkSizeGroup: {
+        behaviors: [
+            list("widgets", {
+                add: (group, widget) => {
+                    group.addWidget(widget);
+                },
+                remove: (group, widget) => {
+                    group.removeWidget(widget);
+                },
+            }),
+        ],
+    },
+    GtkConstraintLayout: {
+        behaviors: [
+            addRemoveSlot("constraints", "GtkConstraint", (layout, constraint) => {
+                layout.addConstraint(constraint);
+            }, (layout, constraint) => {
+                layout.removeConstraint(constraint);
+            }),
+            addRemoveSlot("guides", "GtkConstraintGuide", (layout, guide) => {
+                layout.addGuide(guide);
+            }, (layout, guide) => {
+                layout.removeGuide(guide);
+            }),
+            list("vfl", {
+                add: (layout, item) => [
+                    ...layout.addConstraintsFromDescription(item.lines, item.hspacing ?? 0, item.vspacing ?? 0, item.views ?? new Map()),
+                ],
+                remove: (layout, _item, constraints) => {
+                    for (const constraint of constraints) {
+                        layout.removeConstraint(constraint);
+                    }
+                },
+            }),
+        ],
+    },
+    GtkStack: {
+        behaviors: [
+            adoptedChildrenSlot("GtkWidget", (stack, child) => stack.addChild(child), (stack, child) => {
+                stack.remove(child);
+            }),
+            deferred("visibleChildName", (stack, name) => stack.getChildByName(name) !== null),
+        ],
+    },
+    GtkNotebook: {
+        behaviors: [
+            slot("children", "GtkWidget", {
+                attach: (notebook, child, info) => notebook.insertPage(child, null, info.index),
+                reorder: (notebook, child, info) => {
+                    notebook.reorderChild(child, info.index);
+                },
+                detach: (notebook, child) => {
+                    notebook.detachTab(child);
+                },
+                resolve: (notebook, child) => notebook.getPage(child),
+            }),
+        ],
+    },
+    GtkApplication: {
+        behaviors: [
+            addRemoveSlot("children", "GtkWindow", (application, window) => {
+                application.addWindow(window);
+            }, (application, window) => {
+                application.removeWindow(window);
+            }),
+            list("actionAccels", {
+                add: (application, item) => {
+                    application.setAccelsForAction(item.detailedActionName, item.accels);
+                },
+                remove: (application, item) => {
+                    application.setAccelsForAction(item.detailedActionName, []);
+                },
+            }),
+        ],
+    },
+    GtkAboutDialog: {
+        behaviors: [
+            list("creditSections", {
+                add: (dialog, section) => {
+                    dialog.addCreditSection(section.sectionName, section.people);
+                },
+            }),
+        ],
+    },
+    GtkScale: {
+        behaviors: [
+            list("marks", {
+                add: (scale, mark) => {
+                    scale.addMark(mark.value ?? 0, mark.position, mark.markup ?? null);
+                },
+                clear: (scale) => {
+                    scale.clearMarks();
+                },
+            }),
+        ],
+    },
+    GtkCalendar: {
+        behaviors: [
+            list("markedDays", {
+                add: (calendar, day) => {
+                    calendar.markDay(day);
+                },
+                clear: (calendar) => {
+                    calendar.clearMarks();
+                },
+            }),
+        ],
+    },
+    GtkLevelBar: {
+        behaviors: [
+            list("offsets", {
+                add: (bar, offset) => {
+                    bar.addOffsetValue(offset.name, offset.value ?? 0);
+                },
+                remove: (bar, offset) => {
+                    bar.removeOffsetValue(offset.name);
+                },
+            }),
+        ],
+    },
+    GtkDropTarget: {
+        behaviors: [
+            value("types", (target, types) => {
+                target.setGtypes(types);
+            }),
+        ],
+    },
+    GtkDrawingArea: {
+        behaviors: [
+            value("drawFunc", (area, draw) => {
+                area.setDrawFunc(draw);
+                area.queueDraw();
+            }),
+        ],
+    },
+    GtkDragSource: {
+        behaviors: [
+            value("icon", (source, icon) => {
+                source.setIcon(icon.paintable ?? null, icon.hotX ?? 0, icon.hotY ?? 0);
+            }),
+        ],
+    },
+    GtkEditable: {
+        behaviors: [controlledText("text")],
+    },
+};
+function layoutChild(parent, child) {
+    return parent.getLayoutManager()?.getLayoutChild(child) ?? null;
+}
+const buildMenu = (items) => {
+    const menu = Gio.Menu.new();
+    for (const item of items) {
+        appendMenuItem(menu, item);
+    }
+    return menu;
+};
+function appendMenuItem(menu, item) {
+    const label = item.label ?? null;
+    if (item.submenu !== undefined) {
+        menu.appendSubmenu(label, buildMenu(item.submenu));
+        return;
+    }
+    if (item.section !== undefined) {
+        menu.appendSection(label, buildMenu(item.section));
+        return;
+    }
+    menu.append(label, item.action ?? null);
+}
+registerElements(BUILTIN_ELEMENTS);
+registerElements(BUILTIN_BEHAVIORS);
+//# sourceMappingURL=element-behaviors.js.map