@gtkx/react 0.21.0 → 1.0.0-rc.2

package/dist/adw/element-config.js

@@ -0,0 +1,137 @@
+import { internal } from "../reconciler/registry.js";
+const childrenProps = internal("ChildrenProps");
+const breakpointsProps = adw("AdwBreakpointsProps");
+const preferencesRowProps = adw("AdwPreferencesRowProps");
+/**
+ * The static, runtime-free half of the built-in element configuration: which base props interface each
+ * generated element extends, which component wraps it, and whether its GObject is created lazily by its
+ * parent. Codegen imports this module, so it must never reach the GObject bindings.
+ */
+const BUILTIN_ELEMENTS = {
+    AdwBin: {
+        props: childrenProps,
+    },
+    AdwClamp: {
+        props: childrenProps,
+    },
+    AdwClampScrollable: {
+        props: childrenProps,
+    },
+    AdwNavigationPage: {
+        props: childrenProps,
+    },
+    AdwSplitButton: {
+        props: childrenProps,
+    },
+    AdwStatusPage: {
+        props: childrenProps,
+    },
+    AdwTabOverview: {
+        props: childrenProps,
+    },
+    AdwToastOverlay: {
+        props: childrenProps,
+    },
+    AdwToggle: {
+        props: childrenProps,
+    },
+    AdwBottomSheet: {
+        props: childrenProps,
+    },
+    AdwFlap: {
+        props: childrenProps,
+    },
+    AdwOverlaySplitView: {
+        props: childrenProps,
+    },
+    AdwViewStackPage: {
+        lazy: true,
+    },
+    AdwTabPage: {
+        lazy: true,
+    },
+    AdwPreferencesRow: {
+        props: preferencesRowProps,
+    },
+    AdwDialog: {
+        props: breakpointsProps,
+        component: adw("createDialogComponent"),
+    },
+    AdwApplicationWindow: {
+        props: breakpointsProps,
+    },
+    AdwWindow: {
+        props: breakpointsProps,
+    },
+    AdwBreakpointBin: {
+        props: breakpointsProps,
+    },
+    AdwActionRow: {
+        props: preferencesRowProps,
+    },
+    AdwEntryRow: {
+        props: preferencesRowProps,
+    },
+    AdwExpanderRow: {
+        props: adw("AdwExpanderRowProps"),
+    },
+    AdwNavigationSplitView: {
+        props: childrenProps,
+    },
+    AdwLeaflet: {
+        props: childrenProps,
+    },
+    AdwWrapBox: {
+        props: childrenProps,
+    },
+    AdwCarousel: {
+        props: childrenProps,
+    },
+    AdwPreferencesPage: {
+        props: childrenProps,
+    },
+    AdwPreferencesDialog: {
+        props: childrenProps,
+    },
+    AdwPreferencesWindow: {
+        props: childrenProps,
+    },
+    AdwPreferencesGroup: {
+        props: childrenProps,
+    },
+    AdwSqueezer: {
+        props: childrenProps,
+    },
+    AdwTabView: {
+        props: childrenProps,
+    },
+    AdwNavigationView: {
+        props: childrenProps,
+    },
+    AdwViewStack: {
+        props: childrenProps,
+    },
+    AdwToolbarView: {
+        props: adw("AdwToolbarViewProps"),
+    },
+    AdwHeaderBar: {
+        props: internal("GtkHeaderBarProps"),
+    },
+    AdwShortcutsDialog: {
+        props: childrenProps,
+    },
+    AdwShortcutsSection: {
+        props: childrenProps,
+    },
+    AdwToggleGroup: {
+        props: childrenProps,
+    },
+    AdwAlertDialog: {
+        props: adw("AdwAlertDialogProps"),
+    },
+};
+function adw(name) {
+    return { module: "@gtkx/react/adw", export: name };
+}
+export { BUILTIN_ELEMENTS };
+//# sourceMappingURL=element-config.js.map

package/dist/adw/element-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-config.js","sourceRoot":"","sources":["../../src/adw/element-config.ts"],"names":[],"mappings":"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","sourcesContent":["import { type ElementConfig, internal, type ModuleExport } from \"../reconciler/registry.js\";\n\nconst childrenProps = internal(\"ChildrenProps\");\nconst breakpointsProps = adw(\"AdwBreakpointsProps\");\nconst preferencesRowProps = adw(\"AdwPreferencesRowProps\");\n\n/**\n * The static, runtime-free half of the built-in element configuration: which base props interface each\n * generated element extends, which component wraps it, and whether its GObject is created lazily by its\n * parent. Codegen imports this module, so it must never reach the GObject bindings.\n */\nconst BUILTIN_ELEMENTS: Record<string, ElementConfig> = {\n    AdwBin: {\n        props: childrenProps,\n    },\n    AdwClamp: {\n        props: childrenProps,\n    },\n    AdwClampScrollable: {\n        props: childrenProps,\n    },\n    AdwNavigationPage: {\n        props: childrenProps,\n    },\n    AdwSplitButton: {\n        props: childrenProps,\n    },\n    AdwStatusPage: {\n        props: childrenProps,\n    },\n    AdwTabOverview: {\n        props: childrenProps,\n    },\n    AdwToastOverlay: {\n        props: childrenProps,\n    },\n    AdwToggle: {\n        props: childrenProps,\n    },\n    AdwBottomSheet: {\n        props: childrenProps,\n    },\n    AdwFlap: {\n        props: childrenProps,\n    },\n    AdwOverlaySplitView: {\n        props: childrenProps,\n    },\n    AdwViewStackPage: {\n        lazy: true,\n    },\n    AdwTabPage: {\n        lazy: true,\n    },\n    AdwPreferencesRow: {\n        props: preferencesRowProps,\n    },\n    AdwDialog: {\n        props: breakpointsProps,\n        component: adw(\"createDialogComponent\"),\n    },\n    AdwApplicationWindow: {\n        props: breakpointsProps,\n    },\n    AdwWindow: {\n        props: breakpointsProps,\n    },\n    AdwBreakpointBin: {\n        props: breakpointsProps,\n    },\n    AdwActionRow: {\n        props: preferencesRowProps,\n    },\n    AdwEntryRow: {\n        props: preferencesRowProps,\n    },\n    AdwExpanderRow: {\n        props: adw(\"AdwExpanderRowProps\"),\n    },\n    AdwNavigationSplitView: {\n        props: childrenProps,\n    },\n    AdwLeaflet: {\n        props: childrenProps,\n    },\n    AdwWrapBox: {\n        props: childrenProps,\n    },\n    AdwCarousel: {\n        props: childrenProps,\n    },\n    AdwPreferencesPage: {\n        props: childrenProps,\n    },\n    AdwPreferencesDialog: {\n        props: childrenProps,\n    },\n    AdwPreferencesWindow: {\n        props: childrenProps,\n    },\n    AdwPreferencesGroup: {\n        props: childrenProps,\n    },\n    AdwSqueezer: {\n        props: childrenProps,\n    },\n    AdwTabView: {\n        props: childrenProps,\n    },\n    AdwNavigationView: {\n        props: childrenProps,\n    },\n    AdwViewStack: {\n        props: childrenProps,\n    },\n    AdwToolbarView: {\n        props: adw(\"AdwToolbarViewProps\"),\n    },\n    AdwHeaderBar: {\n        props: internal(\"GtkHeaderBarProps\"),\n    },\n    AdwShortcutsDialog: {\n        props: childrenProps,\n    },\n    AdwShortcutsSection: {\n        props: childrenProps,\n    },\n    AdwToggleGroup: {\n        props: childrenProps,\n    },\n    AdwAlertDialog: {\n        props: adw(\"AdwAlertDialogProps\"),\n    },\n};\n\nfunction adw(name: string): ModuleExport {\n    return { module: \"@gtkx/react/adw\", export: name };\n}\n\nexport { BUILTIN_ELEMENTS };\n"]}

package/dist/adw/index.d.ts

@@ -0,0 +1,4 @@
+import "./element-behaviors.js";
+export { createDialogComponent } from "./dialog.js";
+export type * from "./prop-types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/adw/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/adw/index.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,mBAAmB,iBAAiB,CAAC"}

package/dist/adw/index.js

@@ -0,0 +1,3 @@
+import "./element-behaviors.js";
+export { createDialogComponent } from "./dialog.js";
+//# sourceMappingURL=index.js.map

package/dist/adw/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/adw/index.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC","sourcesContent":["import \"./element-behaviors.js\";\n\nexport { createDialogComponent } from \"./dialog.js\";\nexport type * from \"./prop-types.js\";\n"]}

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

@@ -0,0 +1,29 @@
+import type * as Adw from "@gtkx/gi/adw";
+import type { ReactNode } from "react";
+import type { ChildrenProps } from "../prop-types.js";
+type AlertDialogResponse = {
+    id: string;
+    label: string;
+    appearance?: Adw.ResponseAppearance;
+    enabled?: boolean;
+};
+type AdwAlertDialogProps = {
+    responses?: AlertDialogResponse[] | null | undefined;
+} & ChildrenProps;
+type AdwPreferencesRowProps = {
+    prefix?: ReactNode | null | undefined;
+    suffix?: ReactNode | null | undefined;
+};
+type AdwExpanderRowProps = {
+    rows?: ReactNode | null | undefined;
+    actions?: ReactNode | null | undefined;
+} & AdwPreferencesRowProps;
+type AdwToolbarViewProps = {
+    topBar?: ReactNode | null | undefined;
+    bottomBar?: ReactNode | null | undefined;
+} & ChildrenProps;
+type AdwBreakpointsProps = {
+    breakpoints?: ReactNode | null | undefined;
+} & ChildrenProps;
+export { type AlertDialogResponse, type AdwAlertDialogProps, type AdwPreferencesRowProps, type AdwExpanderRowProps, type AdwToolbarViewProps, type AdwBreakpointsProps, };
+//# sourceMappingURL=prop-types.d.ts.map

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

@@ -0,0 +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,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,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"}

package/dist/adw/prop-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=prop-types.js.map

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

@@ -0,0 +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    enabled?: 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"]}

package/dist/bootstrap.d.ts

@@ -0,0 +1,2 @@
+import "./element-behaviors.js";
+//# sourceMappingURL=bootstrap.d.ts.map

package/dist/bootstrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.d.ts","sourceRoot":"","sources":["../src/bootstrap.ts"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAC"}

package/dist/bootstrap.js

@@ -0,0 +1,5 @@
+import { elements } from "virtual:gtkx-config";
+import "./element-behaviors.js";
+import { registerElements } from "./reconciler/registry.js";
+registerElements(elements, { prepend: true });
+//# sourceMappingURL=bootstrap.js.map

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

@@ -0,0 +1,10 @@
+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);
+export { createApplicationComponent };
+//# sourceMappingURL=application.d.ts.map

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

@@ -0,0 +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,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/components/application.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { quitApplication, runApplication } from "@gtkx/runtime";
+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 { useMergedRef } from "../hooks/use-merged-refs.js";
+const POST_ACTIVATE_PROPS = new Set(["menubar"]);
+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 [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

@@ -0,0 +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,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

@@ -0,0 +1,8 @@
+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);
+export { createWindowComponent };
+//# sourceMappingURL=window.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useState } from "react";
+import { useMergedRef } from "../hooks/use-merged-refs.js";
+import { ParentWindowContext } from "../hooks/use-parent-window.js";
+const createWindowComponent = (Component) => {
+    return ({ ref, ...rest }) => {
+        const [window, setWindow] = useState(null);
+        const mergedRef = useMergedRef(ref, setWindow);
+        useLayoutEffect(() => {
+            if (!window) {
+                return;
+            }
+            window.present();
+            return () => {
+                window.destroy();
+            };
+        }, [window]);
+        return (_jsx(ParentWindowContext.Provider, { value: window, children: _jsx(Component, { ref: mergedRef, ...rest }) }));
+    };
+};
+export { createWindowComponent };
+//# sourceMappingURL=window.js.map

package/dist/components/window.js.map

@@ -0,0 +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;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":""}