@gtkx/components 0.21.0 → 1.0.0-rc.1

package/dist/drop-down.d.ts

@@ -1,41 +1,31 @@
-import type * as Gio from "@gtkx/gi/gio";
-import type * as Gtk from "@gtkx/gi/gtk";
-import { type AdwComboRowProps } from "@gtkx/jsx/adw";
-import { type GtkDropDownProps } from "@gtkx/jsx/gtk";
-import { type ReactNode } from "react";
-import type { DropDownProps } from "./types.js";
-export interface DropDownWidget extends Gtk.Widget {
-    getSelected(): number;
-    setSelected(position: number): void;
-    setModel(model: Gio.ListModel | null): void;
-    setFactory(factory: Gtk.ListItemFactory | null): void;
-    setListFactory(factory: Gtk.ListItemFactory | null): void;
-    setHeaderFactory(factory: Gtk.ListItemFactory | null): void;
-}
+import { GtkDropDown } from "@gtkx/jsx/gtk";
+import { type ElementType, type ReactNode } from "react";
+import type { ItemNode, RenderItemProps, SectionNode, WidgetProps } from "./types.js";
+export type DropDownItemRenderer<T> = (props: RenderItemProps<T>) => ReactNode;
+/** Declarative props for {@link DropDown}'s backing collection and cell rendering. */
+export type DropDownDeclarativeProps<T = unknown, S = unknown> = {
+    items?: ItemNode<T>[] | undefined;
+    sections?: SectionNode<S, T>[] | undefined;
+    /** Id of the currently selected item, making the selection controlled. */
+    selectedId?: string | null | undefined;
+    onSelectionChanged?: ((id: string) => void) | null | undefined;
+    renderItem?: DropDownItemRenderer<T> | null | undefined;
+    /** Renderer for items in the open popup list, falling back to renderItem when omitted. */
+    renderListItem?: DropDownItemRenderer<T> | null | undefined;
+    /** Renderer for section headers in the popup list. */
+    renderHeader?: ((info: {
+        section: S;
+    }) => ReactNode) | null | undefined;
+};
 /**
- * Props for the {@link DropDown} component: the raw `GtkDropDown` element
- * surface with its factory/model wiring replaced by the declarative
- * {@link DropDownProps} API.
+ * Props for {@link DropDown}. The backing widget is chosen through the `component` prop, defaulting to
+ * GtkDropDown, and its own props combine with {@link DropDownDeclarativeProps}.
  */
-export type DropDownComponentProps<T = unknown, S = unknown> = Omit<GtkDropDownProps, keyof DropDownProps<T, S>> & DropDownProps<T, S>;
+export type DropDownProps<T = unknown, S = unknown, C extends ElementType = typeof GtkDropDown> = WidgetProps<C, DropDownDeclarativeProps<T, S>, "model" | "factory" | "listFactory" | "headerFactory">;
 /**
- * Props for the {@link ComboRow} component: the raw `AdwComboRow` element
- * surface with its factory/model wiring replaced by the declarative
- * {@link DropDownProps} API.
+ * Renders a drop-down widget (Gtk.DropDown by default, or the widget given as `component`) backed by a
+ * collection model, with customizable rendering for the selected item, the popup list rows, and section
+ * headers.
  */
-export type ComboRowComponentProps<T = unknown, S = unknown> = Omit<AdwComboRowProps, keyof DropDownProps<T, S>> & DropDownProps<T, S>;
-/**
- * A `GtkDropDown` driven by a declarative `items` model with a controlled
- * `selectedId` and per-slot renderers for the selected face, the popup list,
- * and section headers. Supplying an external `model` switches to the
- * uncontrolled form.
- */
-export declare const DropDown: <T = unknown, S = unknown>(props: DropDownComponentProps<T, S>) => ReactNode;
-/**
- * An `AdwComboRow` driven by a declarative `items` model with a controlled
- * `selectedId` and per-slot renderers for the selected face, the popup list,
- * and section headers. Supplying an external `model` switches to the
- * uncontrolled form.
- */
-export declare const ComboRow: <T = unknown, S = unknown>(props: ComboRowComponentProps<T, S>) => ReactNode;
+export declare const DropDown: <T = unknown, S = unknown, C extends ElementType = typeof GtkDropDown>(props: DropDownProps<T, S, C>) => ReactNode;
 //# sourceMappingURL=drop-down.d.ts.map

package/dist/drop-down.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drop-down.d.ts","sourceRoot":"","sources":["../src/drop-down.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAe,KAAK,gBAAgB,EAAY,MAAM,eAAe,CAAC;AAE7E,OAAO,EAIH,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,YAAY,CAAC;AAI1D,MAAM,WAAW,cAAe,SAAQ,GAAG,CAAC,MAAM;IAC9C,WAAW,IAAI,MAAM,CAAC;IACtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;IACtD,cAAc,CAAC,OAAO,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1D,gBAAgB,CAAC,OAAO,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;CAC/D;AA6LD;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,IAAI,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC5G,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAExB;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,IAAI,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAC5G,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAExB;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,OAAO,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,SAGxF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,OAAO,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,SAGxF,CAAC"}
+{"version":3,"file":"drop-down.d.ts","sourceRoot":"","sources":["../src/drop-down.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAY,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAMlG,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAItF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;AAkC/E,sFAAsF;AACtF,MAAM,MAAM,wBAAwB,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,IAAI;IAC7D,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAC3C,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/D,UAAU,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACxD,0FAA0F;IAC1F,cAAc,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5D,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3E,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,WAAW,GAAG,OAAO,WAAW,IAAI,WAAW,CACzG,CAAC,EACD,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,EAC9B,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,eAAe,CACxD,CAAC;AAsEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,WAAW,GAAG,OAAO,WAAW,SAClF,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAC9B,SA6CF,CAAC"}

package/dist/drop-down.js

@@ -1,50 +1,34 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { AdwComboRow } from "@gtkx/jsx/adw";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GtkDropDown, GtkLabel } from "@gtkx/jsx/gtk";
-import { useForwardedRef } from "@gtkx/react";
-import { createElement, useCallback, useRef, useState, } from "react";
+import { useMergeRefs } from "@gtkx/react/internal";
+import { useCallback, useRef, useState } from "react";
+import { CellRenderHost, HeaderRenderHost, itemRenderer } from "./cell.js";
+import { makeFactoryInstaller, useCellContainers } from "./hooks/use-cell-containers.js";
 import { useDropDownSelection } from "./hooks/use-drop-down-selection.js";
+import { useInstalledModel } from "./hooks/use-installed-model.js";
 import { useListModel } from "./hooks/use-list-model.js";
-import { useModelInstallation } from "./hooks/use-model-installation.js";
-import { useRealizedSlots } from "./hooks/use-realized-slots.js";
-import { ListPortalHost } from "./list-portal-host.js";
-const itemFactoryBinding = {
-    install: (widget, factory) => widget.setFactory(factory),
-    uninstall: (widget) => widget.setFactory(null),
-};
-const listFactoryBinding = {
-    install: (widget, factory) => widget.setListFactory(factory),
-    uninstall: (widget) => widget.setListFactory(null),
-};
-const headerFactoryBinding = {
-    install: (widget, factory) => widget.setHeaderFactory(factory),
-    uninstall: (widget) => widget.setHeaderFactory(null),
-};
-const defaultRenderer = (value, _treeRow, isHeader) => {
-    if (isHeader || value === undefined || value === null)
+const itemFactoryInstaller = makeFactoryInstaller((widget, factory) => widget.setFactory(factory));
+const listFactoryInstaller = makeFactoryInstaller((widget, factory) => widget.setListFactory(factory));
+const headerFactoryInstaller = makeFactoryInstaller((widget, factory) => widget.setHeaderFactory(factory));
+const defaultRenderer = (value) => {
+    if (value === undefined || value === null)
         return null;
-    return createElement(GtkLabel, { label: String(value) });
+    return _jsx(GtkLabel, { children: String(value) });
 };
 const toItemRenderer = (renderItem) => {
     if (typeof renderItem !== "function")
         return defaultRenderer;
-    return (value, _treeRow, isHeader) => (isHeader ? null : renderItem(value));
+    return itemRenderer(renderItem);
 };
-const toPopupRenderer = (renderListItem, renderItem) => {
+const toListRenderer = (renderListItem, renderItem) => {
     if (typeof renderListItem === "function")
-        return (value, _treeRow, isHeader) => (isHeader ? null : renderListItem(value));
+        return itemRenderer(renderListItem);
     return toItemRenderer(renderItem);
 };
-const toHeaderRenderer = (renderHeader) => {
-    if (typeof renderHeader !== "function")
-        return () => null;
-    return (value) => renderHeader(value);
-};
-const createFaceResolver = (resolver, selectedPosition) => ({
-    count: resolver.count,
-    positionOf: (id) => resolver.positionOf(id),
+const createSelectionResolver = (resolver, selectedPosition) => ({
+    positionOfId: (id) => resolver.positionOfId(id),
     idOf: (position) => resolver.idOf(position),
-    resolve: (_position, treeRow) => resolver.resolve(selectedPosition, treeRow, null),
+    resolve: (_position, treeRow) => resolver.resolve(selectedPosition, treeRow),
 });
 const useDropDownWiring = (props) => {
     const widgetRef = useRef(null);
@@ -53,17 +37,16 @@ const useDropDownWiring = (props) => {
         widgetRef.current = value;
         setWidget(value);
     }, []);
-    const [, setRef] = useForwardedRef(props.ref, captureWidget);
-    const externalModel = props.model;
-    const listModel = useListModel(externalModel === undefined ? { items: props.items ?? undefined } : { model: externalModel });
-    const useHeader = externalModel === undefined && typeof props.renderHeader === "function";
-    const face = useRealizedSlots({ target: widgetRef, binding: itemFactoryBinding });
-    const popup = useRealizedSlots({ target: widgetRef, binding: listFactoryBinding });
-    const header = useRealizedSlots({
-        target: useHeader ? widgetRef : null,
-        binding: headerFactoryBinding,
+    const setRef = useMergeRefs(props.ref, captureWidget);
+    const listModel = useListModel({ items: props.items, sections: props.sections });
+    const useHeader = typeof props.renderHeader === "function";
+    const selectionStore = useCellContainers({ object: widgetRef, installer: itemFactoryInstaller });
+    const listStore = useCellContainers({ object: widgetRef, installer: listFactoryInstaller });
+    const headerStore = useCellContainers({
+        object: useHeader ? widgetRef : null,
+        installer: headerFactoryInstaller,
     });
-    useModelInstallation(widgetRef, listModel.model, (widget, model) => widget.setModel(model));
+    useInstalledModel(widgetRef, listModel.model, (widget, value) => widget.setModel(value));
     const selectedPosition = useDropDownSelection({
         widget,
         resolver: listModel.resolver,
@@ -72,58 +55,35 @@ const useDropDownWiring = (props) => {
     });
     const controlledPosition = props.selectedId === undefined || props.selectedId === null
         ? -1
-        : listModel.resolver.positionOf(props.selectedId);
-    const facePosition = controlledPosition >= 0 ? controlledPosition : selectedPosition < 0 ? 0 : selectedPosition;
+        : listModel.resolver.positionOfId(props.selectedId);
+    const selectionPosition = controlledPosition >= 0 ? controlledPosition : selectedPosition < 0 ? 0 : selectedPosition;
     return {
         setRef,
         resolver: listModel.resolver,
-        faceResolver: createFaceResolver(listModel.resolver, facePosition),
+        selectionResolver: createSelectionResolver(listModel.resolver, selectionPosition),
         headerResolver: listModel.headerResolver,
-        faceStore: face.store,
-        popupStore: popup.store,
-        headerStore: header.store,
+        selectionStore,
+        listStore,
+        headerStore,
         useHeader,
     };
 };
-const DropDownImpl = (props) => {
-    const { setRef, resolver, faceResolver, headerResolver, faceStore, popupStore, headerStore, useHeader } = useDropDownWiring(props);
-    const intrinsic = createElement(props.element, { ...props.intrinsicProps, ref: setRef });
-    return (_jsxs(_Fragment, { children: [intrinsic, _jsx(ListPortalHost, { store: faceStore, resolver: faceResolver, render: toItemRenderer(props.renderItem) }), _jsx(ListPortalHost, { store: popupStore, resolver: resolver, render: toPopupRenderer(props.renderListItem, props.renderItem) }), useHeader ? (_jsx(ListPortalHost, { store: headerStore, resolver: headerResolver, render: toHeaderRenderer(props.renderHeader) })) : null] }));
-};
-const extractDropDownProps = (props) => {
-    const { ref, items, model, renderItem, renderListItem, renderHeader, selectedId, onSelectionChanged, ...intrinsicProps } = props;
-    return {
-        impl: {
-            ref,
-            items: items,
-            model: model,
-            renderItem: renderItem,
-            renderListItem: renderListItem,
-            renderHeader: renderHeader,
-            selectedId: selectedId,
-            onSelectionChanged: onSelectionChanged,
-        },
-        intrinsicProps: intrinsicProps,
-    };
-};
 /**
- * A `GtkDropDown` driven by a declarative `items` model with a controlled
- * `selectedId` and per-slot renderers for the selected face, the popup list,
- * and section headers. Supplying an external `model` switches to the
- * uncontrolled form.
+ * Renders a drop-down widget (Gtk.DropDown by default, or the widget given as `component`) backed by a
+ * collection model, with customizable rendering for the selected item, the popup list rows, and section
+ * headers.
  */
 export const DropDown = (props) => {
-    const { impl, intrinsicProps } = extractDropDownProps(props);
-    return _jsx(DropDownImpl, { element: GtkDropDown, intrinsicProps: intrinsicProps, ...impl });
-};
-/**
- * An `AdwComboRow` driven by a declarative `items` model with a controlled
- * `selectedId` and per-slot renderers for the selected face, the popup list,
- * and section headers. Supplying an external `model` switches to the
- * uncontrolled form.
- */
-export const ComboRow = (props) => {
-    const { impl, intrinsicProps } = extractDropDownProps(props);
-    return _jsx(DropDownImpl, { element: AdwComboRow, intrinsicProps: intrinsicProps, ...impl });
+    const { component, ref, items, sections, renderItem, renderListItem, renderHeader, selectedId, onSelectionChanged, ...intrinsicProps } = props;
+    const Component = component ?? GtkDropDown;
+    const wiring = useDropDownWiring({
+        ref,
+        items,
+        sections,
+        selectedId,
+        onSelectionChanged,
+        renderHeader,
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(Component, { ...intrinsicProps, ref: wiring.setRef }), _jsx(CellRenderHost, { store: wiring.selectionStore, resolver: wiring.selectionResolver, render: toItemRenderer(renderItem) }), _jsx(CellRenderHost, { store: wiring.listStore, resolver: wiring.resolver, render: toListRenderer(renderListItem, renderItem) }), _jsx(HeaderRenderHost, { useHeader: wiring.useHeader, store: wiring.headerStore, resolver: wiring.headerResolver, renderHeader: renderHeader })] }));
 };
 //# sourceMappingURL=drop-down.js.map

package/dist/drop-down.js.map

@@ -1 +1 @@
-{"version":3,"file":"drop-down.js","sourceRoot":"","sources":["../src/drop-down.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"drop-down.js","sourceRoot":"","sources":["../src/drop-down.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { GtkDropDown, GtkLabel } from \"@gtkx/jsx/gtk\";\nimport { useMergeRefs } from \"@gtkx/react/internal\";\nimport { type ElementType, type ReactNode, type Ref, useCallback, useRef, useState } from \"react\";\nimport { type CellRenderer, CellRenderHost, HeaderRenderHost, itemRenderer } from \"./cell.js\";\nimport { makeFactoryInstaller, useCellContainers } from \"./hooks/use-cell-containers.js\";\nimport { useDropDownSelection } from \"./hooks/use-drop-down-selection.js\";\nimport { useInstalledModel } from \"./hooks/use-installed-model.js\";\nimport { useListModel } from \"./hooks/use-list-model.js\";\nimport type { ItemNode, RenderItemProps, SectionNode, WidgetProps } from \"./types.js\";\nimport type { CellContainerStore } from \"./utils/cell-container-store.js\";\nimport type { ItemResolver } from \"./utils/item-resolver.js\";\n\nexport type DropDownItemRenderer<T> = (props: RenderItemProps<T>) => ReactNode;\n\nconst itemFactoryInstaller = makeFactoryInstaller<Gtk.DropDown>((widget, factory) => widget.setFactory(factory));\n\nconst listFactoryInstaller = makeFactoryInstaller<Gtk.DropDown>((widget, factory) => widget.setListFactory(factory));\n\nconst headerFactoryInstaller = makeFactoryInstaller<Gtk.DropDown>((widget, factory) =>\n    widget.setHeaderFactory(factory),\n);\n\nconst defaultRenderer: CellRenderer<unknown, unknown> = (value) => {\n    if (value === undefined || value === null) return null;\n    return <GtkLabel>{String(value)}</GtkLabel>;\n};\n\nconst toItemRenderer = <T, S>(renderItem: DropDownItemRenderer<T> | null | undefined): CellRenderer<T, S> => {\n    if (typeof renderItem !== \"function\") return defaultRenderer as CellRenderer<T, S>;\n    return itemRenderer<T, S>(renderItem);\n};\n\nconst toListRenderer = <T, S>(\n    renderListItem: DropDownItemRenderer<T> | null | undefined,\n    renderItem: DropDownItemRenderer<T> | null | undefined,\n): CellRenderer<T, S> => {\n    if (typeof renderListItem === \"function\") return itemRenderer<T, S>(renderListItem);\n    return toItemRenderer<T, S>(renderItem);\n};\n\nconst createSelectionResolver = <T, S>(resolver: ItemResolver<T, S>, selectedPosition: number): ItemResolver<T, S> => ({\n    positionOfId: (id) => resolver.positionOfId(id),\n    idOf: (position) => resolver.idOf(position),\n    resolve: (_position, treeRow) => resolver.resolve(selectedPosition, treeRow),\n});\n\n/** Declarative props for {@link DropDown}'s backing collection and cell rendering. */\nexport type DropDownDeclarativeProps<T = unknown, S = unknown> = {\n    items?: ItemNode<T>[] | undefined;\n    sections?: SectionNode<S, T>[] | undefined;\n    /** Id of the currently selected item, making the selection controlled. */\n    selectedId?: string | null | undefined;\n    onSelectionChanged?: ((id: string) => void) | null | undefined;\n    renderItem?: DropDownItemRenderer<T> | null | undefined;\n    /** Renderer for items in the open popup list, falling back to renderItem when omitted. */\n    renderListItem?: DropDownItemRenderer<T> | null | undefined;\n    /** Renderer for section headers in the popup list. */\n    renderHeader?: ((info: { section: S }) => ReactNode) | null | undefined;\n};\n\n/**\n * Props for {@link DropDown}. The backing widget is chosen through the `component` prop, defaulting to\n * GtkDropDown, and its own props combine with {@link DropDownDeclarativeProps}.\n */\nexport type DropDownProps<T = unknown, S = unknown, C extends ElementType = typeof GtkDropDown> = WidgetProps<\n    C,\n    DropDownDeclarativeProps<T, S>,\n    \"model\" | \"factory\" | \"listFactory\" | \"headerFactory\"\n>;\n\ninterface NormalizedDropDownProps<T, S> {\n    ref: Ref<Gtk.DropDown | null> | undefined;\n    items: ItemNode<T>[] | undefined;\n    sections: SectionNode<S, T>[] | undefined;\n    selectedId: string | null | undefined;\n    onSelectionChanged: ((id: string) => void) | null | undefined;\n    renderHeader: ((info: { section: S }) => ReactNode) | null | undefined;\n}\n\ninterface DropDownWiring<T, S> {\n    setRef: (value: Gtk.DropDown | null) => void;\n    resolver: ItemResolver<T, S>;\n    selectionResolver: ItemResolver<T, S>;\n    headerResolver: ItemResolver<T, S>;\n    selectionStore: CellContainerStore;\n    listStore: CellContainerStore;\n    headerStore: CellContainerStore;\n    useHeader: boolean;\n}\n\nconst useDropDownWiring = <T, S>(props: NormalizedDropDownProps<T, S>): DropDownWiring<T, S> => {\n    const widgetRef = useRef<Gtk.DropDown | null>(null);\n    const [widget, setWidget] = useState<Gtk.DropDown | null>(null);\n    const captureWidget = useCallback((value: Gtk.DropDown | null) => {\n        widgetRef.current = value;\n        setWidget(value);\n    }, []);\n    const setRef = useMergeRefs<Gtk.DropDown>(props.ref, captureWidget);\n\n    const listModel = useListModel<T, S>({ items: props.items, sections: props.sections });\n\n    const useHeader = typeof props.renderHeader === \"function\";\n\n    const selectionStore = useCellContainers<Gtk.DropDown>({ object: widgetRef, installer: itemFactoryInstaller });\n    const listStore = useCellContainers<Gtk.DropDown>({ object: widgetRef, installer: listFactoryInstaller });\n    const headerStore = useCellContainers<Gtk.DropDown>({\n        object: useHeader ? widgetRef : null,\n        installer: headerFactoryInstaller,\n    });\n\n    useInstalledModel(widgetRef, listModel.model, (widget, value) => widget.setModel(value));\n\n    const selectedPosition = useDropDownSelection<T, S>({\n        widget,\n        resolver: listModel.resolver,\n        selectedId: props.selectedId,\n        onSelectionChanged: props.onSelectionChanged,\n    });\n\n    const controlledPosition =\n        props.selectedId === undefined || props.selectedId === null\n            ? -1\n            : listModel.resolver.positionOfId(props.selectedId);\n    const selectionPosition =\n        controlledPosition >= 0 ? controlledPosition : selectedPosition < 0 ? 0 : selectedPosition;\n\n    return {\n        setRef,\n        resolver: listModel.resolver,\n        selectionResolver: createSelectionResolver(listModel.resolver, selectionPosition),\n        headerResolver: listModel.headerResolver,\n        selectionStore,\n        listStore,\n        headerStore,\n        useHeader,\n    };\n};\n\n/**\n * Renders a drop-down widget (Gtk.DropDown by default, or the widget given as `component`) backed by a\n * collection model, with customizable rendering for the selected item, the popup list rows, and section\n * headers.\n */\nexport const DropDown = <T = unknown, S = unknown, C extends ElementType = typeof GtkDropDown>(\n    props: DropDownProps<T, S, C>,\n): ReactNode => {\n    const {\n        component,\n        ref,\n        items,\n        sections,\n        renderItem,\n        renderListItem,\n        renderHeader,\n        selectedId,\n        onSelectionChanged,\n        ...intrinsicProps\n    } = props;\n    const Component: ElementType = component ?? GtkDropDown;\n\n    const wiring = useDropDownWiring<T, S>({\n        ref,\n        items,\n        sections,\n        selectedId,\n        onSelectionChanged,\n        renderHeader,\n    });\n\n    return (\n        <>\n            <Component {...intrinsicProps} ref={wiring.setRef} />\n            <CellRenderHost\n                store={wiring.selectionStore}\n                resolver={wiring.selectionResolver}\n                render={toItemRenderer<T, S>(renderItem)}\n            />\n            <CellRenderHost\n                store={wiring.listStore}\n                resolver={wiring.resolver}\n                render={toListRenderer<T, S>(renderListItem, renderItem)}\n            />\n            <HeaderRenderHost\n                useHeader={wiring.useHeader}\n                store={wiring.headerStore}\n                resolver={wiring.headerResolver}\n                renderHeader={renderHeader}\n            />\n        </>\n    );\n};\n"]}

package/dist/fixed.d.ts

@@ -0,0 +1,26 @@
+import * as Gsk from "@gtkx/gi/gsk";
+import type * as Gtk from "@gtkx/gi/gtk";
+import { type GtkFixedProps } from "@gtkx/jsx/gtk";
+import { type ElementType, type ReactNode, type Ref } from "react";
+import type { ChildProps } from "./types.js";
+/** Props for {@link Fixed}. */
+export type FixedProps = GtkFixedProps & {
+    ref?: Ref<Gtk.Fixed | null>;
+    children?: ReactNode;
+};
+export type FixedPlacementProps = {
+    x?: number | null | undefined;
+    y?: number | null | undefined;
+    /** Full transform applied to the child, overriding x and y when provided. */
+    transform?: Gsk.Transform | null | undefined;
+};
+/** Positions a single child inside a {@link Fixed} at coordinates x and y, or by an explicit transform. */
+export type FixedChildProps<C extends ElementType> = ChildProps<C, FixedPlacementProps>;
+/**
+ * Renders a Gtk.Fixed container whose children are placed at explicit positions via
+ * {@link Fixed.Child}.
+ */
+export declare const Fixed: ((props: FixedProps) => ReactNode) & {
+    Child: <C extends ElementType>(props: FixedChildProps<C>) => ReactNode;
+};
+//# sourceMappingURL=fixed.d.ts.map

package/dist/fixed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixed.d.ts","sourceRoot":"","sources":["../src/fixed.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,GAAG,EAOX,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAU7C,+BAA+B;AAC/B,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE/F,MAAM,MAAM,mBAAmB,GAAG;IAC9B,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9B,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC9B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,GAAG,CAAC,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;CAChD,CAAC;AAEF,2GAA2G;AAC3G,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,UAAU,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;AA8BxF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC,GAAG;IACrD,KAAK,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CAY1E,CAAC"}

package/dist/fixed.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Graphene from "@gtkx/gi/graphene";
+import * as Gsk from "@gtkx/gi/gsk";
+import { GtkFixed } from "@gtkx/jsx/gtk";
+import { useMergeRefs } from "@gtkx/react/internal";
+import { createContext, useCallback, useContext, useLayoutEffect, useRef, useState, } from "react";
+const FixedContext = createContext(undefined);
+const useFixedInstance = () => {
+    const fixed = useContext(FixedContext);
+    if (fixed === undefined)
+        throw new Error("<Fixed.Child> must be a child of <Fixed>");
+    return fixed;
+};
+const transformOf = (x, y, transform) => transform !== undefined ? transform : Gsk.Transform.new().translate(Graphene.Point.create(x, y));
+const FixedChild = ({ component, x, y, transform, ref, ...rest }) => {
+    const fixed = useFixedInstance();
+    const Component = component;
+    const widgetRef = useRef(null);
+    const captureWidget = useCallback((node) => {
+        widgetRef.current = node;
+    }, []);
+    const setWidget = useMergeRefs(ref, captureWidget);
+    useLayoutEffect(() => {
+        const widget = widgetRef.current;
+        if (widget === null || fixed === null)
+            return;
+        fixed.setChildTransform(widget, transformOf(x ?? 0, y ?? 0, transform));
+    });
+    return _jsx(Component, { ...rest, ref: setWidget });
+};
+/**
+ * Renders a Gtk.Fixed container whose children are placed at explicit positions via
+ * {@link Fixed.Child}.
+ */
+export const Fixed = Object.assign(({ children, ref, ...rest }) => {
+    const [fixed, setFixed] = useState(null);
+    const mergedRef = useMergeRefs(ref, setFixed);
+    return (_jsx(GtkFixed, { ...rest, ref: mergedRef, children: _jsx(FixedContext.Provider, { value: fixed, children: children }) }));
+}, { Child: FixedChild });
+//# sourceMappingURL=fixed.js.map

package/dist/fixed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixed.js","sourceRoot":"","sources":["../src/fixed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EACH,aAAa,EAKb,WAAW,EACX,UAAU,EACV,eAAe,EACf,MAAM,EACN,QAAQ,GACX,MAAM,OAAO,CAAC;AAGf,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE5E,MAAM,gBAAgB,GAAG,GAAqB,EAAE;IAC5C,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAI,KAAK,KAAK,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IACrF,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAeF,MAAM,WAAW,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,SAA2C,EAAwB,EAAE,CAC5G,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAErG,MAAM,UAAU,GAAG,CAAwB,EACvC,SAAS,EACT,CAAC,EACD,CAAC,EACD,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACU,EAAa,EAAE;IAChC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,SAAS,GAAgB,SAAS,CAAC;IACzC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,WAAW,CAA0B,CAAC,IAAI,EAAE,EAAE;QAChE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,SAAS,GAAG,YAAY,CAAa,GAAG,EAAE,aAAa,CAAC,CAAC;IAE/D,eAAe,CAAC,GAAG,EAAE;QACjB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO;QAC9C,KAAK,CAAC,iBAAiB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,OAAO,KAAC,SAAS,OAAK,IAAI,EAAE,GAAG,EAAE,SAAS,GAAI,CAAC;AACnD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAEd,MAAM,CAAC,MAAM,CACb,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAc,EAAa,EAAE;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAY,GAAG,EAAE,QAAQ,CAAC,CAAC;IACzD,OAAO,CACH,KAAC,QAAQ,OAAK,IAAI,EAAE,GAAG,EAAE,SAAS,YAC9B,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,GAChE,CACd,CAAC;AACN,CAAC,EACD,EAAE,KAAK,EAAE,UAAU,EAAE,CACxB,CAAC","sourcesContent":["import * as Graphene from \"@gtkx/gi/graphene\";\nimport * as Gsk from \"@gtkx/gi/gsk\";\nimport type * as Gtk from \"@gtkx/gi/gtk\";\nimport { GtkFixed, type GtkFixedProps } from \"@gtkx/jsx/gtk\";\nimport { useMergeRefs } from \"@gtkx/react/internal\";\nimport {\n    createContext,\n    type ElementType,\n    type ReactNode,\n    type Ref,\n    type RefCallback,\n    useCallback,\n    useContext,\n    useLayoutEffect,\n    useRef,\n    useState,\n} from \"react\";\nimport type { ChildProps } from \"./types.js\";\n\nconst FixedContext = createContext<Gtk.Fixed | null | undefined>(undefined);\n\nconst useFixedInstance = (): Gtk.Fixed | null => {\n    const fixed = useContext(FixedContext);\n    if (fixed === undefined) throw new Error(\"<Fixed.Child> must be a child of <Fixed>\");\n    return fixed;\n};\n\n/** Props for {@link Fixed}. */\nexport type FixedProps = GtkFixedProps & { ref?: Ref<Gtk.Fixed | null>; children?: ReactNode };\n\nexport type FixedPlacementProps = {\n    x?: number | null | undefined;\n    y?: number | null | undefined;\n    /** Full transform applied to the child, overriding x and y when provided. */\n    transform?: Gsk.Transform | null | undefined;\n};\n\n/** Positions a single child inside a {@link Fixed} at coordinates x and y, or by an explicit transform. */\nexport type FixedChildProps<C extends ElementType> = ChildProps<C, FixedPlacementProps>;\n\nconst transformOf = (x: number, y: number, transform: Gsk.Transform | null | undefined): Gsk.Transform | null =>\n    transform !== undefined ? transform : Gsk.Transform.new().translate(Graphene.Point.create(x, y));\n\nconst FixedChild = <C extends ElementType>({\n    component,\n    x,\n    y,\n    transform,\n    ref,\n    ...rest\n}: FixedChildProps<C>): ReactNode => {\n    const fixed = useFixedInstance();\n    const Component: ElementType = component;\n    const widgetRef = useRef<Gtk.Widget | null>(null);\n    const captureWidget = useCallback<RefCallback<Gtk.Widget>>((node) => {\n        widgetRef.current = node;\n    }, []);\n    const setWidget = useMergeRefs<Gtk.Widget>(ref, captureWidget);\n\n    useLayoutEffect(() => {\n        const widget = widgetRef.current;\n        if (widget === null || fixed === null) return;\n        fixed.setChildTransform(widget, transformOf(x ?? 0, y ?? 0, transform));\n    });\n\n    return <Component {...rest} ref={setWidget} />;\n};\n\n/**\n * Renders a Gtk.Fixed container whose children are placed at explicit positions via\n * {@link Fixed.Child}.\n */\nexport const Fixed: ((props: FixedProps) => ReactNode) & {\n    Child: <C extends ElementType>(props: FixedChildProps<C>) => ReactNode;\n} = Object.assign(\n    ({ children, ref, ...rest }: FixedProps): ReactNode => {\n        const [fixed, setFixed] = useState<Gtk.Fixed | null>(null);\n        const mergedRef = useMergeRefs<Gtk.Fixed>(ref, setFixed);\n        return (\n            <GtkFixed {...rest} ref={mergedRef}>\n                <FixedContext.Provider value={fixed}>{children}</FixedContext.Provider>\n            </GtkFixed>\n        );\n    },\n    { Child: FixedChild },\n);\n"]}

package/dist/grid-view.d.ts

@@ -1,16 +1,19 @@
 import { type GtkGridViewProps } from "@gtkx/jsx/gtk";
-import type { ReactNode } from "react";
-import type { GridViewProps } from "./types.js";
+import { type ReactNode } from "react";
+import type { CollectionItemSizeProps, ControlledSelectionProps, ItemNode, RenderItemProps } from "./types.js";
+export type GridViewDeclarativeProps<T = unknown> = CollectionItemSizeProps & ControlledSelectionProps & {
+    items?: ItemNode<T>[] | undefined;
+    renderItem: (props: RenderItemProps<T>) => ReactNode;
+};
 /**
- * Props for the {@link GridView} component: the raw `GtkGridView` element
- * surface with its factory/model wiring replaced by the declarative
- * {@link GridViewProps} API.
+ * Props for {@link GridView}. Combines the underlying Gtk.GridView props with
+ * declarative collection props: items, a per-cell renderItem, controlled selection,
+ * and estimated item sizing.
  */
-export type GridViewComponentProps<T = unknown> = Omit<GtkGridViewProps, keyof GridViewProps<T>> & GridViewProps<T>;
+export type GridViewProps<T = unknown> = Omit<GtkGridViewProps, "model" | "factory" | keyof GridViewDeclarativeProps<T>> & GridViewDeclarativeProps<T>;
 /**
- * A `GtkGridView` driven by a declarative `items`/`renderItem` API with
- * optional controlled selection. Supplying an external `model` switches to the
- * uncontrolled form.
+ * Renders a Gtk.GridView: a scrollable grid of uniformly sized cells backed by a
+ * collection model, with each cell drawn by renderItem.
  */
-export declare const GridView: <T = unknown>(props: GridViewComponentProps<T>) => ReactNode;
+export declare const GridView: <T = unknown>(props: GridViewProps<T>) => ReactNode;
 //# sourceMappingURL=grid-view.d.ts.map

package/dist/grid-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-view.d.ts","sourceRoot":"","sources":["../src/grid-view.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAWhD;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CAAC,gBAAgB,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAEpH;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,GAAG,OAAO,EAAE,OAAO,sBAAsB,CAAC,CAAC,CAAC,KAAG,SA2CxE,CAAC"}
+{"version":3,"file":"grid-view.d.ts","sourceRoot":"","sources":["../src/grid-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAKzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAI/G,MAAM,MAAM,wBAAwB,CAAC,CAAC,GAAG,OAAO,IAAI,uBAAuB,GACvE,wBAAwB,GAAG;IACvB,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACxD,CAAC;AAEN;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CACzC,gBAAgB,EAChB,OAAO,GAAG,SAAS,GAAG,MAAM,wBAAwB,CAAC,CAAC,CAAC,CAC1D,GACG,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,GAAG,OAAO,SAAS,aAAa,CAAC,CAAC,CAAC,KAAG,SA+C/D,CAAC"}

package/dist/grid-view.js

@@ -1,22 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GtkGridView } from "@gtkx/jsx/gtk";
-import { CollectionView } from "./collection-view.js";
-const factoryBinding = {
-    install: (widget, factory) => widget.setFactory(factory),
-    uninstall: (widget) => widget.setFactory(null),
-};
-const modelBinding = {
-    install: (widget, model) => widget.setModel(model),
-};
+import { useMergeRefs } from "@gtkx/react/internal";
+import { useRef } from "react";
+import { CellRenderHost, itemRenderer } from "./cell.js";
+import { makeFactoryInstaller, useCellContainers } from "./hooks/use-cell-containers.js";
+import { useCollectionModel } from "./hooks/use-collection-model.js";
+import { useInstalledModel } from "./hooks/use-installed-model.js";
+const factoryInstaller = makeFactoryInstaller((widget, factory) => widget.setFactory(factory));
 /**
- * A `GtkGridView` driven by a declarative `items`/`renderItem` API with
- * optional controlled selection. Supplying an external `model` switches to the
- * uncontrolled form.
+ * Renders a Gtk.GridView: a scrollable grid of uniformly sized cells backed by a
+ * collection model, with each cell drawn by renderItem.
  */
 export const GridView = (props) => {
-    const { ref, items, model, renderItem, selected, selectionMode, onSelectionChanged, estimatedItemHeight, estimatedItemWidth, ...intrinsicProps } = props;
-    const renderItemFn = renderItem;
-    const slotRenderer = (value, _treeRow, isHeader) => isHeader ? null : renderItemFn(value);
-    return (_jsx(CollectionView, { element: GtkGridView, intrinsicProps: intrinsicProps, ref: ref, items: model === undefined ? items : undefined, model: model, renderItem: slotRenderer, autoexpand: undefined, renderHeader: undefined, estimatedHeight: estimatedItemHeight, estimatedWidth: estimatedItemWidth, selected: selected, selectionMode: selectionMode, onSelectionChanged: onSelectionChanged, factoryBinding: factoryBinding, headerFactoryBinding: undefined, modelBinding: modelBinding }));
+    const { ref, items, renderItem, selectedIds, selectionMode, onSelectionChanged, estimatedItemHeight, estimatedItemWidth, ...intrinsicProps } = props;
+    const cellRenderer = itemRenderer(renderItem);
+    const widgetRef = useRef(null);
+    const setRef = useMergeRefs(ref, widgetRef);
+    const collection = useCollectionModel({
+        items,
+        sections: undefined,
+        selectionMode,
+        selectedIds,
+        onSelectionChanged,
+        renderHeader: undefined,
+    });
+    const itemStore = useCellContainers({
+        object: widgetRef,
+        installer: factoryInstaller,
+        estimatedHeight: estimatedItemHeight,
+        estimatedWidth: estimatedItemWidth,
+    });
+    useInstalledModel(widgetRef, collection.installedModel, (widget, value) => widget.setModel(value));
+    return (_jsxs(_Fragment, { children: [_jsx(GtkGridView, { ...intrinsicProps, ref: setRef }), _jsx(CellRenderHost, { store: itemStore, resolver: collection.resolver, render: cellRenderer })] }));
 };
 //# sourceMappingURL=grid-view.js.map

package/dist/grid-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-view.js","sourceRoot":"","sources":["../src/grid-view.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAqB,MAAM,sBAAsB,CAAC;AAIzE,MAAM,cAAc,GAAG;IACnB,OAAO,EAAE,CAAC,MAAoB,EAAE,OAAkC,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC;IACjG,SAAS,EAAE,CAAC,MAAoB,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;CAC/D,CAAC;AAEF,MAAM,YAAY,GAA+B;IAC7C,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAA2B,CAAC;CAC3E,CAAC;AASF;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAc,KAAgC,EAAa,EAAE;IACjF,MAAM,EACF,GAAG,EACH,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,GAAG,cAAc,EACpB,GAAG,KAKH,CAAC;IAEF,MAAM,YAAY,GAAG,UAAoC,CAAC;IAC1D,MAAM,YAAY,GAA6B,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,CACzE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAU,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,cAAc,IACX,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,KAAkC,EACzC,UAAU,EAAE,YAAY,EACxB,UAAU,EAAE,SAAS,EACrB,YAAY,EAAE,SAAS,EACvB,eAAe,EAAE,mBAAmB,EACpC,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,SAAS,EAC/B,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"grid-view.js","sourceRoot":"","sources":["../src/grid-view.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAA4B,MAAM,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAqB,cAAc,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,MAAM,gBAAgB,GAAG,oBAAoB,CAAe,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAmB7G;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAc,KAAuB,EAAa,EAAE;IACxE,MAAM,EACF,GAAG,EACH,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,GAAG,cAAc,EACpB,GAAG,KAKH,CAAC;IAEF,MAAM,YAAY,GAA6B,YAAY,CAAa,UAAU,CAAC,CAAC;IAEpF,MAAM,SAAS,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,YAAY,CAAe,GAAG,EAAE,SAAS,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,kBAAkB,CAAa;QAC9C,KAAK;QACL,QAAQ,EAAE,SAAS;QACnB,aAAa;QACb,WAAW;QACX,kBAAkB;QAClB,YAAY,EAAE,SAAS;KAC1B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,iBAAiB,CAAe;QAC9C,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,gBAAgB;QAC3B,eAAe,EAAE,mBAAmB;QACpC,cAAc,EAAE,kBAAkB;KACrC,CAAC,CAAC;IAEH,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACH,8BACI,KAAC,WAAW,OAAK,cAAc,EAAE,GAAG,EAAE,MAAM,GAAI,EAChD,KAAC,cAAc,IAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,GAAI,IAC1F,CACN,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { GtkGridView, type GtkGridViewProps } from \"@gtkx/jsx/gtk\";\nimport { useMergeRefs } from \"@gtkx/react/internal\";\nimport { type ReactNode, type Ref, useRef } from \"react\";\nimport { type CellRenderer, CellRenderHost, itemRenderer } from \"./cell.js\";\nimport { makeFactoryInstaller, useCellContainers } from \"./hooks/use-cell-containers.js\";\nimport { useCollectionModel } from \"./hooks/use-collection-model.js\";\nimport { useInstalledModel } from \"./hooks/use-installed-model.js\";\nimport type { CollectionItemSizeProps, ControlledSelectionProps, ItemNode, RenderItemProps } from \"./types.js\";\n\nconst factoryInstaller = makeFactoryInstaller<Gtk.GridView>((widget, factory) => widget.setFactory(factory));\n\nexport type GridViewDeclarativeProps<T = unknown> = CollectionItemSizeProps &\n    ControlledSelectionProps & {\n        items?: ItemNode<T>[] | undefined;\n        renderItem: (props: RenderItemProps<T>) => ReactNode;\n    };\n\n/**\n * Props for {@link GridView}. Combines the underlying Gtk.GridView props with\n * declarative collection props: items, a per-cell renderItem, controlled selection,\n * and estimated item sizing.\n */\nexport type GridViewProps<T = unknown> = Omit<\n    GtkGridViewProps,\n    \"model\" | \"factory\" | keyof GridViewDeclarativeProps<T>\n> &\n    GridViewDeclarativeProps<T>;\n\n/**\n * Renders a Gtk.GridView: a scrollable grid of uniformly sized cells backed by a\n * collection model, with each cell drawn by renderItem.\n */\nexport const GridView = <T = unknown>(props: GridViewProps<T>): ReactNode => {\n    const {\n        ref,\n        items,\n        renderItem,\n        selectedIds,\n        selectionMode,\n        onSelectionChanged,\n        estimatedItemHeight,\n        estimatedItemWidth,\n        ...intrinsicProps\n    } = props as GridViewDeclarativeProps<T> & {\n        ref?: Ref<Gtk.GridView | null>;\n        estimatedItemHeight?: number;\n        estimatedItemWidth?: number;\n        [key: string]: unknown;\n    };\n\n    const cellRenderer: CellRenderer<T, unknown> = itemRenderer<T, unknown>(renderItem);\n\n    const widgetRef = useRef<Gtk.GridView | null>(null);\n    const setRef = useMergeRefs<Gtk.GridView>(ref, widgetRef);\n\n    const collection = useCollectionModel<T, unknown>({\n        items,\n        sections: undefined,\n        selectionMode,\n        selectedIds,\n        onSelectionChanged,\n        renderHeader: undefined,\n    });\n\n    const itemStore = useCellContainers<Gtk.GridView>({\n        object: widgetRef,\n        installer: factoryInstaller,\n        estimatedHeight: estimatedItemHeight,\n        estimatedWidth: estimatedItemWidth,\n    });\n\n    useInstalledModel(widgetRef, collection.installedModel, (widget, value) => widget.setModel(value));\n\n    return (\n        <>\n            <GtkGridView {...intrinsicProps} ref={setRef} />\n            <CellRenderHost store={itemStore} resolver={collection.resolver} render={cellRenderer} />\n        </>\n    );\n};\n"]}

package/dist/grid.d.ts

@@ -0,0 +1,27 @@
+import type * as Gtk from "@gtkx/gi/gtk";
+import { type GtkGridProps } from "@gtkx/jsx/gtk";
+import { type ElementType, type ReactNode, type Ref } from "react";
+import type { ChildProps } from "./types.js";
+/** Props for {@link Grid}. */
+export type GridProps = GtkGridProps & {
+    ref?: Ref<Gtk.Grid | null>;
+    children?: ReactNode;
+};
+export type GridPlacement = {
+    column?: number | null | undefined;
+    row?: number | null | undefined;
+    /** Number of columns the child spans (defaults to 1). */
+    columnSpan?: number | null | undefined;
+    /** Number of rows the child spans (defaults to 1). */
+    rowSpan?: number | null | undefined;
+};
+/** Places a single child inside a {@link Grid} at a column and row, optionally spanning multiple cells. */
+export type GridChildProps<C extends ElementType> = ChildProps<C, GridPlacement>;
+/**
+ * Renders a Gtk.Grid whose children are attached at explicit column/row positions via
+ * {@link Grid.Child}.
+ */
+export declare const Grid: ((props: GridProps) => ReactNode) & {
+    Child: <C extends ElementType>(props: GridChildProps<C>) => ReactNode;
+};
+//# sourceMappingURL=grid.d.ts.map

package/dist/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EAAY,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAU,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAM7C,8BAA8B;AAC9B,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE5F,MAAM,MAAM,aAAa,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAChC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAEF,2GAA2G;AAC3G,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,UAAU,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;AA6CjF;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAC,GAAG;IACnD,KAAK,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CAazE,CAAC"}

package/dist/grid.js

@@ -0,0 +1,48 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GtkGrid } from "@gtkx/jsx/gtk";
+import { useMergeRefs } from "@gtkx/react/internal";
+import { Children, useRef } from "react";
+import { createParentContext, usePlacedChild } from "./hooks/use-placed-child.js";
+const { Context: GridContext, useParentRef: useGridRef } = createParentContext("<Grid.Child> must be a child of <Grid>");
+const placementOf = (props) => ({
+    column: props.column ?? 0,
+    row: props.row ?? 0,
+    columnSpan: props.columnSpan ?? 1,
+    rowSpan: props.rowSpan ?? 1,
+});
+const samePlacement = (a, b) => a.column === b.column && a.row === b.row && a.columnSpan === b.columnSpan && a.rowSpan === b.rowSpan;
+const GridChild = ({ component, column, row, columnSpan, rowSpan, ref, ...rest }) => {
+    const gridRef = useGridRef();
+    const Component = component;
+    return usePlacedChild({
+        render: (placeRef) => _jsx(Component, { ...rest, ref: placeRef }),
+        ref,
+        placement: placementOf({ column, row, columnSpan, rowSpan }),
+        samePlacement,
+        place: (widget, placement, previous) => {
+            const grid = gridRef.current;
+            if (!grid)
+                return;
+            if (previous !== undefined && widget.getParent() === grid)
+                grid.remove(widget);
+            if (widget.getParent() !== grid) {
+                grid.attach(widget, placement.column, placement.row, placement.columnSpan, placement.rowSpan);
+            }
+        },
+        release: (widget) => {
+            const grid = gridRef.current;
+            if (grid && widget.getParent() === grid)
+                grid.remove(widget);
+        },
+    });
+};
+/**
+ * Renders a Gtk.Grid whose children are attached at explicit column/row positions via
+ * {@link Grid.Child}.
+ */
+export const Grid = Object.assign(({ children, ref, ...rest }) => {
+    const gridRef = useRef(null);
+    const mergedRef = useMergeRefs(ref, gridRef);
+    return (_jsxs(_Fragment, { children: [_jsx(GtkGrid, { ...rest, ref: mergedRef }), _jsx(GridContext.Provider, { value: gridRef, children: Children.toArray(children) })] }));
+}, { Child: GridChild });
+//# sourceMappingURL=grid.js.map

package/dist/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../src/grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { GtkGrid, type GtkGridProps } from \"@gtkx/jsx/gtk\";\nimport { useMergeRefs } from \"@gtkx/react/internal\";\nimport { Children, type ElementType, type ReactNode, type Ref, useRef } from \"react\";\nimport { createParentContext, usePlacedChild } from \"./hooks/use-placed-child.js\";\nimport type { ChildProps } from \"./types.js\";\n\nconst { Context: GridContext, useParentRef: useGridRef } = createParentContext<Gtk.Grid>(\n    \"<Grid.Child> must be a child of <Grid>\",\n);\n\n/** Props for {@link Grid}. */\nexport type GridProps = GtkGridProps & { ref?: Ref<Gtk.Grid | null>; children?: ReactNode };\n\nexport type GridPlacement = {\n    column?: number | null | undefined;\n    row?: number | null | undefined;\n    /** Number of columns the child spans (defaults to 1). */\n    columnSpan?: number | null | undefined;\n    /** Number of rows the child spans (defaults to 1). */\n    rowSpan?: number | null | undefined;\n};\n\n/** Places a single child inside a {@link Grid} at a column and row, optionally spanning multiple cells. */\nexport type GridChildProps<C extends ElementType> = ChildProps<C, GridPlacement>;\n\ntype Placement = { column: number; row: number; columnSpan: number; rowSpan: number };\n\nconst placementOf = (props: GridPlacement): Placement => ({\n    column: props.column ?? 0,\n    row: props.row ?? 0,\n    columnSpan: props.columnSpan ?? 1,\n    rowSpan: props.rowSpan ?? 1,\n});\n\nconst samePlacement = (a: Placement, b: Placement): boolean =>\n    a.column === b.column && a.row === b.row && a.columnSpan === b.columnSpan && a.rowSpan === b.rowSpan;\n\nconst GridChild = <C extends ElementType>({\n    component,\n    column,\n    row,\n    columnSpan,\n    rowSpan,\n    ref,\n    ...rest\n}: GridChildProps<C>): ReactNode => {\n    const gridRef = useGridRef();\n    const Component: ElementType = component;\n    return usePlacedChild<Gtk.Widget, Placement>({\n        render: (placeRef) => <Component {...rest} ref={placeRef} />,\n        ref,\n        placement: placementOf({ column, row, columnSpan, rowSpan }),\n        samePlacement,\n        place: (widget, placement, previous) => {\n            const grid = gridRef.current;\n            if (!grid) return;\n            if (previous !== undefined && widget.getParent() === grid) grid.remove(widget);\n            if (widget.getParent() !== grid) {\n                grid.attach(widget, placement.column, placement.row, placement.columnSpan, placement.rowSpan);\n            }\n        },\n        release: (widget) => {\n            const grid = gridRef.current;\n            if (grid && widget.getParent() === grid) grid.remove(widget);\n        },\n    });\n};\n\n/**\n * Renders a Gtk.Grid whose children are attached at explicit column/row positions via\n * {@link Grid.Child}.\n */\nexport const Grid: ((props: GridProps) => ReactNode) & {\n    Child: <C extends ElementType>(props: GridChildProps<C>) => ReactNode;\n} = Object.assign(\n    ({ children, ref, ...rest }: GridProps): ReactNode => {\n        const gridRef = useRef<Gtk.Grid | null>(null);\n        const mergedRef = useMergeRefs<Gtk.Grid>(ref, gridRef);\n        return (\n            <>\n                <GtkGrid {...rest} ref={mergedRef} />\n                <GridContext.Provider value={gridRef}>{Children.toArray(children)}</GridContext.Provider>\n            </>\n        );\n    },\n    { Child: GridChild },\n);\n"]}