@gtkx/components 0.21.0 → 1.0.0-rc.1

package/dist/hooks/use-cell-containers.d.ts

@@ -0,0 +1,18 @@
+import type * as GObject from "@gtkx/gi/gobject";
+import * as Gtk from "@gtkx/gi/gtk";
+import { type ObjectProp } from "@gtkx/react/internal";
+import { CellContainerStore } from "../utils/cell-container-store.js";
+export type FactoryInstaller<W extends GObject.Object> = {
+    install(widget: W, factory: Gtk.SignalListItemFactory): void;
+    uninstall(widget: W): void;
+};
+export declare const makeFactoryInstaller: <W extends GObject.Object>(setFactory: (widget: W, factory: Gtk.SignalListItemFactory | null) => void) => FactoryInstaller<W>;
+type CellContainersOptions<W extends GObject.Object> = {
+    object: ObjectProp<W>;
+    installer: FactoryInstaller<W>;
+    estimatedHeight?: number | undefined;
+    estimatedWidth?: number | undefined;
+};
+export declare const useCellContainers: <W extends GObject.Object>(options: CellContainersOptions<W>) => CellContainerStore;
+export {};
+//# sourceMappingURL=use-cell-containers.d.ts.map

package/dist/hooks/use-cell-containers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cell-containers.d.ts","sourceRoot":"","sources":["../../src/hooks/use-cell-containers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,UAAU,EAAuB,MAAM,sBAAsB,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAiBtE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,CAAC,MAAM,IAAI;IACrD,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,qBAAqB,GAAG,IAAI,CAAC;IAC7D,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,OAAO,CAAC,MAAM,cAC7C,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,qBAAqB,GAAG,IAAI,KAAK,IAAI,KAC3E,gBAAgB,CAAC,CAAC,CAGnB,CAAC;AAEH,KAAK,qBAAqB,CAAC,CAAC,SAAS,OAAO,CAAC,MAAM,IAAI;IACnD,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC,CAAC;AAOF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,OAAO,CAAC,MAAM,WAAW,qBAAqB,CAAC,CAAC,CAAC,KAAG,kBA+C/F,CAAC"}

package/dist/hooks/{use-realized-slots.js → use-cell-containers.js}

@@ -1,7 +1,7 @@
 import * as Gtk from "@gtkx/gi/gtk";
-import { useTargetRegistration } from "@gtkx/react/internal";
+import { useObjectAttachment } from "@gtkx/react/internal";
 import { useRef } from "react";
-import { RealizedSlotStore } from "../utils/realized-slot-store.js";
+import { CellContainerStore } from "../utils/cell-container-store.js";
 const isChildContainer = (container) => container instanceof Gtk.ListItem || container instanceof Gtk.ListHeader;
 const positionOf = (container) => {
     if (container instanceof Gtk.ListItem)
@@ -10,19 +10,23 @@ const positionOf = (container) => {
         return container.getStart();
     return -1;
 };
+export const makeFactoryInstaller = (setFactory) => ({
+    install: (widget, factory) => setFactory(widget, factory),
+    uninstall: (widget) => setFactory(widget, null),
+});
 const applyEstimatedSize = (child, height, width) => {
     if (height === undefined && width === undefined)
         return;
     child.setSizeRequest(width ?? -1, height ?? -1);
 };
-export const useRealizedSlots = (options) => {
-    const { target, binding, estimatedHeight, estimatedWidth } = options;
+export const useCellContainers = (options) => {
+    const { object, installer, estimatedHeight, estimatedWidth } = options;
     const storeRef = useRef(null);
     if (storeRef.current === null)
-        storeRef.current = new RealizedSlotStore();
+        storeRef.current = new CellContainerStore();
     const store = storeRef.current;
-    const bindingRef = useRef(binding);
-    bindingRef.current = binding;
+    const installerRef = useRef(installer);
+    installerRef.current = installer;
     const factoryRef = useRef(null);
     if (factoryRef.current === null) {
         const factory = Gtk.SignalListItemFactory.new();
@@ -38,10 +42,7 @@ export const useRealizedSlots = (options) => {
             if (isChildContainer(container)) {
                 const item = container.getItem();
                 const treeRow = item instanceof Gtk.TreeListRow ? item : null;
-                store.bind(container, positionOf(container), treeRow, item);
-            }
-            else {
-                store.bind(container, -1, null, null);
+                store.bind(container, positionOf(container), treeRow);
             }
         });
         factory.on("unbind", (container) => {
@@ -53,14 +54,14 @@ export const useRealizedSlots = (options) => {
         factoryRef.current = factory;
     }
     const factory = factoryRef.current;
-    useTargetRegistration(target, {
+    useObjectAttachment(object, {
         attach: (widget) => {
-            bindingRef.current.install(widget, factory);
+            installerRef.current.install(widget, factory);
             return { widget };
         },
-        detach: (registration) => bindingRef.current.uninstall(registration.widget, factory),
-        isSame: (registration, widget) => registration.widget === widget,
+        detach: (attachment) => installerRef.current.uninstall(attachment.widget),
+        isSame: (attachment, widget) => attachment.widget === widget,
     });
-    return { factory, store };
+    return store;
 };
-//# sourceMappingURL=use-realized-slots.js.map
+//# sourceMappingURL=use-cell-containers.js.map

package/dist/hooks/use-cell-containers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cell-containers.js","sourceRoot":"","sources":["../../src/hooks/use-cell-containers.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport { type ObjectProp, useObjectAttachment } from \"@gtkx/react/internal\";\nimport { useRef } from \"react\";\nimport { CellContainerStore } from \"../utils/cell-container-store.js\";\n\ntype ChildContainer = {\n    getChild(): Gtk.Widget | null;\n    setChild(child: Gtk.Widget | null): void;\n    getItem(): GObject.Object | null;\n};\n\nconst isChildContainer = (container: GObject.Object): container is GObject.Object & ChildContainer =>\n    container instanceof Gtk.ListItem || container instanceof Gtk.ListHeader;\n\nconst positionOf = (container: GObject.Object & ChildContainer): number => {\n    if (container instanceof Gtk.ListItem) return container.getPosition();\n    if (container instanceof Gtk.ListHeader) return container.getStart();\n    return -1;\n};\n\nexport type FactoryInstaller<W extends GObject.Object> = {\n    install(widget: W, factory: Gtk.SignalListItemFactory): void;\n    uninstall(widget: W): void;\n};\n\nexport const makeFactoryInstaller = <W extends GObject.Object>(\n    setFactory: (widget: W, factory: Gtk.SignalListItemFactory | null) => void,\n): FactoryInstaller<W> => ({\n    install: (widget, factory) => setFactory(widget, factory),\n    uninstall: (widget) => setFactory(widget, null),\n});\n\ntype CellContainersOptions<W extends GObject.Object> = {\n    object: ObjectProp<W>;\n    installer: FactoryInstaller<W>;\n    estimatedHeight?: number | undefined;\n    estimatedWidth?: number | undefined;\n};\n\nconst applyEstimatedSize = (child: Gtk.Widget, height: number | undefined, width: number | undefined): void => {\n    if (height === undefined && width === undefined) return;\n    child.setSizeRequest(width ?? -1, height ?? -1);\n};\n\nexport const useCellContainers = <W extends GObject.Object>(options: CellContainersOptions<W>): CellContainerStore => {\n    const { object, installer, estimatedHeight, estimatedWidth } = options;\n    const storeRef = useRef<CellContainerStore | null>(null);\n    if (storeRef.current === null) storeRef.current = new CellContainerStore();\n    const store = storeRef.current;\n\n    const installerRef = useRef(installer);\n    installerRef.current = installer;\n\n    const factoryRef = useRef<Gtk.SignalListItemFactory | null>(null);\n    if (factoryRef.current === null) {\n        const factory = Gtk.SignalListItemFactory.new();\n        factory.on(\"setup\", (container) => {\n            if (isChildContainer(container) && container.getChild() === null) {\n                const placeholder = new Gtk.Box();\n                applyEstimatedSize(placeholder, estimatedHeight, estimatedWidth);\n                container.setChild(placeholder);\n            }\n            store.addContainer(container);\n        });\n        factory.on(\"bind\", (container) => {\n            if (isChildContainer(container)) {\n                const item = container.getItem();\n                const treeRow = item instanceof Gtk.TreeListRow ? item : null;\n                store.bind(container, positionOf(container), treeRow);\n            }\n        });\n        factory.on(\"unbind\", (container) => {\n            store.unbind(container);\n        });\n        factory.on(\"teardown\", (container) => {\n            store.removeContainer(container);\n        });\n        factoryRef.current = factory;\n    }\n    const factory = factoryRef.current;\n\n    useObjectAttachment<W, { widget: W }>(object, {\n        attach: (widget) => {\n            installerRef.current.install(widget, factory);\n            return { widget };\n        },\n        detach: (attachment) => installerRef.current.uninstall(attachment.widget),\n        isSame: (attachment, widget) => attachment.widget === widget,\n    });\n\n    return store;\n};\n"]}

package/dist/hooks/use-collection-model.d.ts

@@ -0,0 +1,26 @@
+import type * as Gtk from "@gtkx/gi/gtk";
+import { type ReactNode } from "react";
+import type { ItemNode, SectionNode } from "../types.js";
+import { type ItemResolver } from "../utils/item-resolver.js";
+type CollectionModelInput<T, S> = {
+    items: ItemNode<T>[] | undefined;
+    sections: SectionNode<S, T>[] | undefined;
+    selectionMode: Gtk.SelectionMode | null | undefined;
+    selectedIds: string[] | null | undefined;
+    onSelectionChanged: ((ids: string[]) => void) | null | undefined;
+    expandedIds?: string[] | null | undefined;
+    onExpandedChange?: ((ids: string[]) => void) | null | undefined;
+    renderHeader: ((info: {
+        section: S;
+    }) => ReactNode) | null | undefined;
+};
+export type CollectionModelResult<T, S> = {
+    resolver: ItemResolver<T, S>;
+    headerResolver: ItemResolver<T, S>;
+    installedModel: Gtk.SelectionModel;
+    useHeader: boolean;
+    rowId: (row: Gtk.TreeListRow) => string | undefined;
+};
+export declare const useCollectionModel: <T, S>(input: CollectionModelInput<T, S>) => CollectionModelResult<T, S>;
+export {};
+//# sourceMappingURL=use-collection-model.d.ts.map

package/dist/hooks/use-collection-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collection-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-collection-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAW,MAAM,2BAA2B,CAAC;AAKvE,KAAK,oBAAoB,CAAC,CAAC,EAAE,CAAC,IAAI;IAC9B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAC1C,aAAa,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,kBAAkB,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACjE,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1E,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,IAAI;IACtC,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,cAAc,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,cAAc,EAAE,GAAG,CAAC,cAAc,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,CAAC,SAAS,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAgCtG,CAAC"}

package/dist/hooks/use-collection-model.js

@@ -0,0 +1,35 @@
+import { useCallback } from "react";
+import { rowIdOf } from "../utils/item-resolver.js";
+import { useExpansionModel } from "./use-expansion-model.js";
+import { useListModel } from "./use-list-model.js";
+import { useSelectionModel } from "./use-selection-model.js";
+export const useCollectionModel = (input) => {
+    const listModel = useListModel({
+        items: input.items,
+        sections: input.sections,
+    });
+    useExpansionModel({
+        treeModel: listModel.treeModel,
+        rowValues: listModel.rowValues,
+        expandedIds: input.expandedIds,
+        onExpandedChange: input.onExpandedChange,
+    });
+    const installedModel = useSelectionModel({
+        base: listModel.model,
+        resolver: listModel.resolver,
+        selectionMode: input.selectionMode,
+        selectedIds: input.selectedIds,
+        onSelectionChanged: input.onSelectionChanged,
+    });
+    const useHeader = typeof input.renderHeader === "function";
+    const { rowValues } = listModel;
+    const rowId = useCallback((row) => rowIdOf(rowValues, row), [rowValues]);
+    return {
+        resolver: listModel.resolver,
+        headerResolver: listModel.headerResolver,
+        installedModel,
+        useHeader,
+        rowId,
+    };
+};
+//# sourceMappingURL=use-collection-model.js.map

package/dist/hooks/use-collection-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collection-model.js","sourceRoot":"","sources":["../../src/hooks/use-collection-model.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAqB,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAqB7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAO,KAAiC,EAA+B,EAAE;IACvG,MAAM,SAAS,GAAG,YAAY,CAAO;QACjC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;KAC3B,CAAC,CAAC;IAEH,iBAAiB,CAAI;QACjB,SAAS,EAAE,SAAS,CAAC,SAAS;QAC9B,SAAS,EAAE,SAAS,CAAC,SAAS;QAC9B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KAC3C,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,iBAAiB,CAAO;QAC3C,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,QAAQ,EAAE,SAAS,CAAC,QAAQ;QAC5B,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;KAC/C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,YAAY,KAAK,UAAU,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IAChC,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,GAAoB,EAAsB,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE9G,OAAO;QACH,QAAQ,EAAE,SAAS,CAAC,QAAQ;QAC5B,cAAc,EAAE,SAAS,CAAC,cAAc;QACxC,cAAc;QACd,SAAS;QACT,KAAK;KACR,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { type ReactNode, useCallback } from \"react\";\nimport type { ItemNode, SectionNode } from \"../types.js\";\nimport { type ItemResolver, rowIdOf } from \"../utils/item-resolver.js\";\nimport { useExpansionModel } from \"./use-expansion-model.js\";\nimport { useListModel } from \"./use-list-model.js\";\nimport { useSelectionModel } from \"./use-selection-model.js\";\n\ntype CollectionModelInput<T, S> = {\n    items: ItemNode<T>[] | undefined;\n    sections: SectionNode<S, T>[] | undefined;\n    selectionMode: Gtk.SelectionMode | null | undefined;\n    selectedIds: string[] | null | undefined;\n    onSelectionChanged: ((ids: string[]) => void) | null | undefined;\n    expandedIds?: string[] | null | undefined;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n    renderHeader: ((info: { section: S }) => ReactNode) | null | undefined;\n};\n\nexport type CollectionModelResult<T, S> = {\n    resolver: ItemResolver<T, S>;\n    headerResolver: ItemResolver<T, S>;\n    installedModel: Gtk.SelectionModel;\n    useHeader: boolean;\n    rowId: (row: Gtk.TreeListRow) => string | undefined;\n};\n\nexport const useCollectionModel = <T, S>(input: CollectionModelInput<T, S>): CollectionModelResult<T, S> => {\n    const listModel = useListModel<T, S>({\n        items: input.items,\n        sections: input.sections,\n    });\n\n    useExpansionModel<T>({\n        treeModel: listModel.treeModel,\n        rowValues: listModel.rowValues,\n        expandedIds: input.expandedIds,\n        onExpandedChange: input.onExpandedChange,\n    });\n\n    const installedModel = useSelectionModel<T, S>({\n        base: listModel.model,\n        resolver: listModel.resolver,\n        selectionMode: input.selectionMode,\n        selectedIds: input.selectedIds,\n        onSelectionChanged: input.onSelectionChanged,\n    });\n\n    const useHeader = typeof input.renderHeader === \"function\";\n    const { rowValues } = listModel;\n    const rowId = useCallback((row: Gtk.TreeListRow): string | undefined => rowIdOf(rowValues, row), [rowValues]);\n\n    return {\n        resolver: listModel.resolver,\n        headerResolver: listModel.headerResolver,\n        installedModel,\n        useHeader,\n        rowId,\n    };\n};\n"]}

package/dist/hooks/use-collection-widget.d.ts

@@ -0,0 +1,28 @@
+import type * as Gtk from "@gtkx/gi/gtk";
+import { type ReactNode, type Ref, type RefCallback, type RefObject } from "react";
+import type { ItemNode, SectionNode } from "../types.js";
+import { type CollectionModelResult } from "./use-collection-model.js";
+type CollectionWidget = Gtk.Widget & {
+    setModel(model: Gtk.SelectionModel | null): void;
+};
+type CollectionWidgetInput<W extends CollectionWidget, T, S> = {
+    ref?: Ref<W | null> | undefined;
+    items?: ItemNode<T>[] | undefined;
+    sections?: SectionNode<S, T>[] | undefined;
+    selectionMode?: Gtk.SelectionMode | null | undefined;
+    selectedIds?: string[] | null | undefined;
+    onSelectionChanged?: ((ids: string[]) => void) | null | undefined;
+    expandedIds?: string[] | null | undefined;
+    onExpandedChange?: ((ids: string[]) => void) | null | undefined;
+    renderHeader?: ((info: {
+        section: S;
+    }) => ReactNode) | null | undefined;
+};
+type CollectionWidgetResult<W extends CollectionWidget, T, S> = {
+    widgetRef: RefObject<W | null>;
+    setRef: RefCallback<W>;
+    collection: CollectionModelResult<T, S>;
+};
+export declare const useCollectionWidget: <W extends CollectionWidget, T, S>(props: CollectionWidgetInput<W, T, S>) => CollectionWidgetResult<W, T, S>;
+export {};
+//# sourceMappingURL=use-collection-widget.d.ts.map

package/dist/hooks/use-collection-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collection-widget.d.ts","sourceRoot":"","sources":["../../src/hooks/use-collection-widget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,KAAK,qBAAqB,EAAsB,MAAM,2BAA2B,CAAC;AAG3F,KAAK,gBAAgB,GAAG,GAAG,CAAC,MAAM,GAAG;IACjC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;CACpD,CAAC;AAEF,KAAK,qBAAqB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,IAAI;IAC3D,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAChC,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,aAAa,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,kBAAkB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3E,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,IAAI;IAC5D,SAAS,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,UAAU,EAAE,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,SACzD,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KACtC,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAehC,CAAC"}

package/dist/hooks/use-collection-widget.js

@@ -0,0 +1,21 @@
+import { useMergeRefs } from "@gtkx/react/internal";
+import { useRef } from "react";
+import { useCollectionModel } from "./use-collection-model.js";
+import { useInstalledModel } from "./use-installed-model.js";
+export const useCollectionWidget = (props) => {
+    const widgetRef = useRef(null);
+    const setRef = useMergeRefs(props.ref, widgetRef);
+    const collection = useCollectionModel({
+        items: props.items,
+        sections: props.sections,
+        selectionMode: props.selectionMode,
+        selectedIds: props.selectedIds,
+        onSelectionChanged: props.onSelectionChanged,
+        expandedIds: props.expandedIds,
+        onExpandedChange: props.onExpandedChange,
+        renderHeader: props.renderHeader,
+    });
+    useInstalledModel(widgetRef, collection.installedModel, (widget, model) => widget.setModel(model));
+    return { widgetRef, setRef, collection };
+};
+//# sourceMappingURL=use-collection-widget.js.map

package/dist/hooks/use-collection-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collection-widget.js","sourceRoot":"","sources":["../../src/hooks/use-collection-widget.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAA8D,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAA8B,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAwB7D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,KAAqC,EACN,EAAE;IACjC,MAAM,SAAS,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,YAAY,CAAI,KAAK,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,kBAAkB,CAAO;QACxC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;QAC5C,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,YAAY,EAAE,KAAK,CAAC,YAAY;KACnC,CAAC,CAAC;IACH,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IACnG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AAC7C,CAAC,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { useMergeRefs } from \"@gtkx/react/internal\";\nimport { type ReactNode, type Ref, type RefCallback, type RefObject, useRef } from \"react\";\nimport type { ItemNode, SectionNode } from \"../types.js\";\nimport { type CollectionModelResult, useCollectionModel } from \"./use-collection-model.js\";\nimport { useInstalledModel } from \"./use-installed-model.js\";\n\ntype CollectionWidget = Gtk.Widget & {\n    setModel(model: Gtk.SelectionModel | null): void;\n};\n\ntype CollectionWidgetInput<W extends CollectionWidget, T, S> = {\n    ref?: Ref<W | null> | undefined;\n    items?: ItemNode<T>[] | undefined;\n    sections?: SectionNode<S, T>[] | undefined;\n    selectionMode?: Gtk.SelectionMode | null | undefined;\n    selectedIds?: string[] | null | undefined;\n    onSelectionChanged?: ((ids: string[]) => void) | null | undefined;\n    expandedIds?: string[] | null | undefined;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n    renderHeader?: ((info: { section: S }) => ReactNode) | null | undefined;\n};\n\ntype CollectionWidgetResult<W extends CollectionWidget, T, S> = {\n    widgetRef: RefObject<W | null>;\n    setRef: RefCallback<W>;\n    collection: CollectionModelResult<T, S>;\n};\n\nexport const useCollectionWidget = <W extends CollectionWidget, T, S>(\n    props: CollectionWidgetInput<W, T, S>,\n): CollectionWidgetResult<W, T, S> => {\n    const widgetRef = useRef<W | null>(null);\n    const setRef = useMergeRefs<W>(props.ref, widgetRef);\n    const collection = useCollectionModel<T, S>({\n        items: props.items,\n        sections: props.sections,\n        selectionMode: props.selectionMode,\n        selectedIds: props.selectedIds,\n        onSelectionChanged: props.onSelectionChanged,\n        expandedIds: props.expandedIds,\n        onExpandedChange: props.onExpandedChange,\n        renderHeader: props.renderHeader,\n    });\n    useInstalledModel(widgetRef, collection.installedModel, (widget, model) => widget.setModel(model));\n    return { widgetRef, setRef, collection };\n};\n"]}

package/dist/hooks/use-drop-down-selection.d.ts

@@ -1,15 +1,16 @@
 import type * as GObject from "@gtkx/gi/gobject";
-import { type GObjectTarget } from "@gtkx/react/internal";
+import { type ObjectProp } from "@gtkx/react/internal";
 import type { ItemResolver } from "../utils/item-resolver.js";
-export interface DropDownSelectionTarget extends GObject.Object {
+type DropDownSelectionObject = GObject.Object & {
     getSelected(): number;
     setSelected(position: number): void;
-}
-export interface DropDownSelectionOptions<T, S> {
-    widget: GObjectTarget<DropDownSelectionTarget>;
+};
+type DropDownSelectionOptions<T, S> = {
+    widget: ObjectProp<DropDownSelectionObject>;
     resolver: ItemResolver<T, S>;
     selectedId: string | null | undefined;
     onSelectionChanged: ((id: string) => void) | null | undefined;
-}
+};
 export declare const useDropDownSelection: <T, S>(options: DropDownSelectionOptions<T, S>) => number;
+export {};
 //# sourceMappingURL=use-drop-down-selection.d.ts.map

package/dist/hooks/use-drop-down-selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-drop-down-selection.d.ts","sourceRoot":"","sources":["../../src/hooks/use-drop-down-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,KAAK,aAAa,EAA4C,MAAM,sBAAsB,CAAC;AAEpG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CAAC,MAAM;IAC3D,WAAW,IAAI,MAAM,CAAC;IACtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC1C,MAAM,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC/C,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACjE;AAOD,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,CAAC,EAAE,SAAS,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,MA6BpF,CAAC"}
+{"version":3,"file":"use-drop-down-selection.d.ts","sourceRoot":"","sources":["../../src/hooks/use-drop-down-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAE,KAAK,UAAU,EAAqC,MAAM,sBAAsB,CAAC;AAE1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,KAAK,uBAAuB,GAAG,OAAO,CAAC,MAAM,GAAG;IAC5C,WAAW,IAAI,MAAM,CAAC;IACtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,EAAE,CAAC,IAAI;IAClC,MAAM,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC5C,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACjE,CAAC;AAKF,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,CAAC,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,MA6BpF,CAAC"}

package/dist/hooks/use-drop-down-selection.js

@@ -1,12 +1,12 @@
+import * as Gtk from "@gtkx/gi/gtk";
 import { useSignal } from "@gtkx/react";
-import { resolveGobjectTarget, useGObjectSnapshot } from "@gtkx/react/internal";
+import { resolveObjectProp, useObjectValue } from "@gtkx/react/internal";
 import { useLayoutEffect, useRef } from "react";
-const GTK_INVALID_LIST_POSITION = 4294967295;
-const normalizeSelected = (position) => position === GTK_INVALID_LIST_POSITION || position < 0 ? -1 : position;
+const normalizeSelected = (position) => position === Gtk.INVALID_LIST_POSITION || position < 0 ? -1 : position;
 export const useDropDownSelection = (options) => {
     const { widget, resolver, selectedId, onSelectionChanged } = options;
-    const resolved = resolveGobjectTarget(widget);
-    const selectedPosition = useGObjectSnapshot(widget, "notify::selected", (target) => target === null ? -1 : normalizeSelected(target.getSelected()));
+    const resolved = resolveObjectProp(widget);
+    const selectedPosition = useObjectValue(widget, "notify::selected", (object) => object === null ? -1 : normalizeSelected(object.getSelected()));
     const resolverRef = useRef(resolver);
     resolverRef.current = resolver;
     const onSelectionChangedRef = useRef(onSelectionChanged);
@@ -14,7 +14,7 @@ export const useDropDownSelection = (options) => {
     useLayoutEffect(() => {
         if (resolved === null || selectedId === undefined || selectedId === null)
             return;
-        const position = resolverRef.current.positionOf(selectedId);
+        const position = resolverRef.current.positionOfId(selectedId);
         if (position < 0)
             return;
         if (normalizeSelected(resolved.getSelected()) !== position)

package/dist/hooks/use-drop-down-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-drop-down-selection.js","sourceRoot":"","sources":["../../src/hooks/use-drop-down-selection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAsB,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAehD,MAAM,yBAAyB,GAAG,UAAU,CAAC;AAE7C,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAU,EAAE,CACnD,QAAQ,KAAK,yBAAyB,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAO,OAAuC,EAAU,EAAE;IAC1F,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;IACrE,MAAM,QAAQ,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE9C,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE,CAC/E,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACjE,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,MAAM,qBAAqB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACzD,qBAAqB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IAEnD,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI;YAAE,OAAO;QACjF,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QAC5D,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO;QACzB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,QAAQ;YAAE,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/F,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,EAAE;QACvC,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO;QAC9B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;QAC3D,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO;QACzB,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,EAAE,KAAK,SAAS;YAAE,qBAAqB,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC"}
+{"version":3,"file":"use-drop-down-selection.js","sourceRoot":"","sources":["../../src/hooks/use-drop-down-selection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAmB,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAehD,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAU,EAAE,CACnD,QAAQ,KAAK,GAAG,CAAC,qBAAqB,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAO,OAAuC,EAAU,EAAE;IAC1F,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;IACrE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE3C,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE,CAC3E,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACjE,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,MAAM,qBAAqB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACzD,qBAAqB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IAEnD,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI;YAAE,OAAO;QACjF,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC9D,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO;QACzB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,QAAQ;YAAE,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/F,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,EAAE;QACvC,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO;QAC9B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;QAC3D,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO;QACzB,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,EAAE,KAAK,SAAS;YAAE,qBAAqB,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport { useSignal } from \"@gtkx/react\";\nimport { type ObjectProp, resolveObjectProp, useObjectValue } from \"@gtkx/react/internal\";\nimport { useLayoutEffect, useRef } from \"react\";\nimport type { ItemResolver } from \"../utils/item-resolver.js\";\n\ntype DropDownSelectionObject = GObject.Object & {\n    getSelected(): number;\n    setSelected(position: number): void;\n};\n\ntype DropDownSelectionOptions<T, S> = {\n    widget: ObjectProp<DropDownSelectionObject>;\n    resolver: ItemResolver<T, S>;\n    selectedId: string | null | undefined;\n    onSelectionChanged: ((id: string) => void) | null | undefined;\n};\n\nconst normalizeSelected = (position: number): number =>\n    position === Gtk.INVALID_LIST_POSITION || position < 0 ? -1 : position;\n\nexport const useDropDownSelection = <T, S>(options: DropDownSelectionOptions<T, S>): number => {\n    const { widget, resolver, selectedId, onSelectionChanged } = options;\n    const resolved = resolveObjectProp(widget);\n\n    const selectedPosition = useObjectValue(widget, \"notify::selected\", (object) =>\n        object === null ? -1 : normalizeSelected(object.getSelected()),\n    );\n\n    const resolverRef = useRef(resolver);\n    resolverRef.current = resolver;\n    const onSelectionChangedRef = useRef(onSelectionChanged);\n    onSelectionChangedRef.current = onSelectionChanged;\n\n    useLayoutEffect(() => {\n        if (resolved === null || selectedId === undefined || selectedId === null) return;\n        const position = resolverRef.current.positionOfId(selectedId);\n        if (position < 0) return;\n        if (normalizeSelected(resolved.getSelected()) !== position) resolved.setSelected(position);\n    }, [resolved, selectedId, resolver]);\n\n    useSignal(widget, \"notify::selected\", () => {\n        if (resolved === null) return;\n        const position = normalizeSelected(resolved.getSelected());\n        if (position < 0) return;\n        const id = resolverRef.current.idOf(position);\n        if (id !== undefined) onSelectionChangedRef.current?.(id);\n    });\n\n    return selectedPosition;\n};\n"]}

package/dist/hooks/use-expansion-model.d.ts

@@ -0,0 +1,12 @@
+import type * as GObject from "@gtkx/gi/gobject";
+import type * as Gtk from "@gtkx/gi/gtk";
+import { type RowValue } from "../utils/item-resolver.js";
+type ExpansionModelOptions<T> = {
+    treeModel: Gtk.TreeListModel | null;
+    rowValues: WeakMap<GObject.Object, RowValue<T>>;
+    expandedIds: string[] | null | undefined;
+    onExpandedChange: ((ids: string[]) => void) | null | undefined;
+};
+export declare const useExpansionModel: <T>(options: ExpansionModelOptions<T>) => void;
+export {};
+//# sourceMappingURL=use-expansion-model.d.ts.map

package/dist/hooks/use-expansion-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-expansion-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-expansion-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAE,KAAK,QAAQ,EAAW,MAAM,2BAA2B,CAAC;AAEnE,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC5B,SAAS,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,gBAAgB,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAClE,CAAC;AAuCF,eAAO,MAAM,iBAAiB,GAAI,CAAC,WAAW,qBAAqB,CAAC,CAAC,CAAC,KAAG,IA8BxE,CAAC"}

package/dist/hooks/use-expansion-model.js

@@ -0,0 +1,71 @@
+import { useSignal } from "@gtkx/react";
+import { isSameArray } from "@gtkx/utils";
+import { useLayoutEffect, useRef } from "react";
+import { rowIdOf } from "../utils/item-resolver.js";
+const readExpandedIds = (model, rowValues) => {
+    const ids = [];
+    const count = model.getNItems();
+    for (let position = 0; position < count; position++) {
+        const row = model.getRow(position);
+        if (row?.getExpanded()) {
+            const id = rowIdOf(rowValues, row);
+            if (id !== undefined)
+                ids.push(id);
+        }
+    }
+    return ids;
+};
+const applyExpanded = (model, rowValues, ids) => {
+    const target = new Set(ids);
+    let changed = true;
+    while (changed) {
+        changed = false;
+        const count = model.getNItems();
+        for (let position = 0; position < count; position++) {
+            const row = model.getRow(position);
+            if (row === null || !row.isExpandable())
+                continue;
+            const id = rowIdOf(rowValues, row);
+            if (id === undefined)
+                continue;
+            const desired = target.has(id);
+            if (row.getExpanded() !== desired) {
+                row.setExpanded(desired);
+                changed = true;
+            }
+        }
+    }
+};
+export const useExpansionModel = (options) => {
+    const { treeModel, rowValues, expandedIds, onExpandedChange } = options;
+    const onChangeRef = useRef(onExpandedChange);
+    onChangeRef.current = onExpandedChange;
+    const rowValuesRef = useRef(rowValues);
+    rowValuesRef.current = rowValues;
+    const lastReportedRef = useRef(null);
+    const applyingRef = useRef(false);
+    const report = () => {
+        if (treeModel === null || applyingRef.current)
+            return;
+        const callback = onChangeRef.current;
+        if (!callback)
+            return;
+        const ids = readExpandedIds(treeModel, rowValuesRef.current);
+        if (lastReportedRef.current !== null && isSameArray(lastReportedRef.current, ids))
+            return;
+        lastReportedRef.current = ids;
+        callback(ids);
+    };
+    useSignal(treeModel, "items-changed", report);
+    useLayoutEffect(() => {
+        if (treeModel === null)
+            return;
+        if (expandedIds !== undefined && expandedIds !== null) {
+            applyingRef.current = true;
+            applyExpanded(treeModel, rowValuesRef.current, expandedIds);
+            applyingRef.current = false;
+        }
+        report();
+    }, [treeModel, expandedIds]);
+};
+//# sourceMappingURL=use-expansion-model.js.map

package/dist/hooks/use-expansion-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-expansion-model.js","sourceRoot":"","sources":["../../src/hooks/use-expansion-model.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport type * as Gtk from \"@gtkx/gi/gtk\";\nimport { useSignal } from \"@gtkx/react\";\nimport { isSameArray } from \"@gtkx/utils\";\nimport { useLayoutEffect, useRef } from \"react\";\nimport { type RowValue, rowIdOf } from \"../utils/item-resolver.js\";\n\ntype ExpansionModelOptions<T> = {\n    treeModel: Gtk.TreeListModel | null;\n    rowValues: WeakMap<GObject.Object, RowValue<T>>;\n    expandedIds: string[] | null | undefined;\n    onExpandedChange: ((ids: string[]) => void) | null | undefined;\n};\n\nconst readExpandedIds = <T>(model: Gtk.TreeListModel, rowValues: WeakMap<GObject.Object, RowValue<T>>): string[] => {\n    const ids: string[] = [];\n    const count = model.getNItems();\n    for (let position = 0; position < count; position++) {\n        const row = model.getRow(position);\n        if (row?.getExpanded()) {\n            const id = rowIdOf(rowValues, row);\n            if (id !== undefined) ids.push(id);\n        }\n    }\n    return ids;\n};\n\nconst applyExpanded = <T>(\n    model: Gtk.TreeListModel,\n    rowValues: WeakMap<GObject.Object, RowValue<T>>,\n    ids: string[],\n): void => {\n    const target = new Set(ids);\n    let changed = true;\n    while (changed) {\n        changed = false;\n        const count = model.getNItems();\n        for (let position = 0; position < count; position++) {\n            const row = model.getRow(position);\n            if (row === null || !row.isExpandable()) continue;\n            const id = rowIdOf(rowValues, row);\n            if (id === undefined) continue;\n            const desired = target.has(id);\n            if (row.getExpanded() !== desired) {\n                row.setExpanded(desired);\n                changed = true;\n            }\n        }\n    }\n};\n\nexport const useExpansionModel = <T>(options: ExpansionModelOptions<T>): void => {\n    const { treeModel, rowValues, expandedIds, onExpandedChange } = options;\n    const onChangeRef = useRef(onExpandedChange);\n    onChangeRef.current = onExpandedChange;\n    const rowValuesRef = useRef(rowValues);\n    rowValuesRef.current = rowValues;\n    const lastReportedRef = useRef<string[] | null>(null);\n    const applyingRef = useRef(false);\n\n    const report = (): void => {\n        if (treeModel === null || applyingRef.current) return;\n        const callback = onChangeRef.current;\n        if (!callback) return;\n        const ids = readExpandedIds(treeModel, rowValuesRef.current);\n        if (lastReportedRef.current !== null && isSameArray(lastReportedRef.current, ids)) return;\n        lastReportedRef.current = ids;\n        callback(ids);\n    };\n\n    useSignal(treeModel, \"items-changed\", report);\n\n    useLayoutEffect(() => {\n        if (treeModel === null) return;\n        if (expandedIds !== undefined && expandedIds !== null) {\n            applyingRef.current = true;\n            applyExpanded(treeModel, rowValuesRef.current, expandedIds);\n            applyingRef.current = false;\n        }\n        report();\n    }, [treeModel, expandedIds]);\n};\n"]}

package/dist/hooks/use-header-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-header-menu.d.ts","sourceRoot":"","sources":["../../src/hooks/use-header-menu.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAShE,eAAO,MAAM,aAAa,GAAI,QAAQ,GAAG,CAAC,gBAAgB,GAAG,IAAI,EAAE,YAAY,SAAS,KAAG,SAkB1F,CAAC"}
+{"version":3,"file":"use-header-menu.d.ts","sourceRoot":"","sources":["../../src/hooks/use-header-menu.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAGzC,OAAO,EAIH,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,aAAa,WAAY,GAAG,CAAC,gBAAgB,GAAG,IAAI,cAAc,SAAS,KAAG,SAe1F,CAAC"}

package/dist/hooks/use-header-menu.js

@@ -1,32 +1,20 @@
-import * as Gio from "@gtkx/gi/gio";
-import * as GObject from "@gtkx/gi/gobject";
-import { createPortal } from "@gtkx/react";
-import { stateOf } from "@gtkx/react/internal";
-import { useLayoutEffect, useRef } from "react";
-const findMenuModel = (container) => {
-    for (const child of stateOf(container).children) {
-        if (child instanceof Gio.MenuModel)
-            return child;
-    }
-    return null;
-};
+import { createPortal, rootElement } from "@gtkx/react";
+import { useMergeRefs } from "@gtkx/react/internal";
+import { cloneElement, isValidElement, useCallback, useLayoutEffect, useRef, } from "react";
 export const useHeaderMenu = (column, headerMenu) => {
-    const containerRef = useRef(null);
-    if (containerRef.current === null) {
-        containerRef.current = new GObject.Object();
-    }
-    const container = containerRef.current;
+    const modelRef = useRef(null);
+    const setModel = useCallback((model) => {
+        modelRef.current = model;
+    }, []);
+    const element = isValidElement(headerMenu) ? headerMenu : null;
+    const mergedRef = useMergeRefs(setModel, element?.props.ref);
     useLayoutEffect(() => {
         if (column === null)
             return;
-        if (headerMenu === undefined || headerMenu === null) {
-            column.setHeaderMenu(null);
-            return;
-        }
-        column.setHeaderMenu(findMenuModel(container));
+        column.setHeaderMenu(headerMenu == null ? null : modelRef.current);
     });
-    if (headerMenu === undefined || headerMenu === null)
+    if (element === null)
         return null;
-    return createPortal(headerMenu, container, "header-menu");
+    return createPortal(cloneElement(element, { ref: mergedRef }), rootElement);
 };
 //# sourceMappingURL=use-header-menu.js.map

package/dist/hooks/use-header-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-header-menu.js","sourceRoot":"","sources":["../../src/hooks/use-header-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAkB,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,aAAa,GAAG,CAAC,SAAyB,EAAwB,EAAE;IACtE,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC9C,IAAI,KAAK,YAAY,GAAG,CAAC,SAAS;YAAE,OAAO,KAAK,CAAC;IACrD,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAmC,EAAE,UAAqB,EAAa,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QAChC,YAAY,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;IAChD,CAAC;IACD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;IAEvC,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,MAAM,KAAK,IAAI;YAAE,OAAO;QAC5B,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YAClD,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC3B,OAAO;QACX,CAAC;QACD,MAAM,CAAC,aAAa,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACjE,OAAO,YAAY,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;AAC9D,CAAC,CAAC"}
+{"version":3,"file":"use-header-menu.js","sourceRoot":"","sources":["../../src/hooks/use-header-menu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EACH,YAAY,EACZ,cAAc,EAKd,WAAW,EACX,eAAe,EACf,MAAM,GACT,MAAM,OAAO,CAAC;AAIf,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAmC,EAAE,UAAqB,EAAa,EAAE;IACnG,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,WAAW,CAA6B,CAAC,KAAK,EAAE,EAAE;QAC/D,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,UAA0B,CAAC,CAAC,CAAC,IAAI,CAAC;IAChF,MAAM,SAAS,GAAG,YAAY,CAAgB,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAE5E,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,MAAM,KAAK,IAAI;YAAE,OAAO;QAC5B,MAAM,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAClC,OAAO,YAAY,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;AAChF,CAAC,CAAC","sourcesContent":["import type * as Gio from \"@gtkx/gi/gio\";\nimport type * as Gtk from \"@gtkx/gi/gtk\";\nimport { createPortal, rootElement } from \"@gtkx/react\";\nimport { useMergeRefs } from \"@gtkx/react/internal\";\nimport {\n    cloneElement,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    type Ref,\n    type RefCallback,\n    useCallback,\n    useLayoutEffect,\n    useRef,\n} from \"react\";\n\ntype MenuElement = ReactElement<{ ref?: Ref<Gio.MenuModel | null> }>;\n\nexport const useHeaderMenu = (column: Gtk.ColumnViewColumn | null, headerMenu: ReactNode): ReactNode => {\n    const modelRef = useRef<Gio.MenuModel | null>(null);\n    const setModel = useCallback<RefCallback<Gio.MenuModel>>((model) => {\n        modelRef.current = model;\n    }, []);\n    const element = isValidElement(headerMenu) ? (headerMenu as MenuElement) : null;\n    const mergedRef = useMergeRefs<Gio.MenuModel>(setModel, element?.props.ref);\n\n    useLayoutEffect(() => {\n        if (column === null) return;\n        column.setHeaderMenu(headerMenu == null ? null : modelRef.current);\n    });\n\n    if (element === null) return null;\n    return createPortal(cloneElement(element, { ref: mergedRef }), rootElement);\n};\n"]}

package/dist/hooks/use-installed-model.d.ts

@@ -0,0 +1,4 @@
+import type * as Gtk from "@gtkx/gi/gtk";
+import { type RefObject } from "react";
+export declare const useInstalledModel: <W extends Gtk.Widget, M>(object: RefObject<W | null>, model: M, install: (widget: W, model: M) => void) => void;
+//# sourceMappingURL=use-installed-model.d.ts.map

package/dist/hooks/use-installed-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-installed-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-installed-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,CAAC,UAC7C,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,SACpB,CAAC,WACC,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,KACvC,IAWF,CAAC"}

package/dist/hooks/use-installed-model.js

@@ -0,0 +1,15 @@
+import { useObjectAttachment } from "@gtkx/react/internal";
+import { useRef } from "react";
+export const useInstalledModel = (object, model, install) => {
+    const installRef = useRef(install);
+    installRef.current = install;
+    useObjectAttachment(object, {
+        attach: (widget) => {
+            installRef.current(widget, model);
+            return { widget, model };
+        },
+        detach: () => { },
+        isSame: (attachment, widget) => attachment.widget === widget && attachment.model === model,
+    });
+};
+//# sourceMappingURL=use-installed-model.js.map

package/dist/hooks/use-installed-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-installed-model.js","sourceRoot":"","sources":["../../src/hooks/use-installed-model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,MAA2B,EAC3B,KAAQ,EACR,OAAsC,EAClC,EAAE;IACN,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC7B,mBAAmB,CAA6B,MAAM,EAAE;QACpD,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;YACf,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAClC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAC7B,CAAC;QACD,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;QAChB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,KAAK,MAAM,IAAI,UAAU,CAAC,KAAK,KAAK,KAAK;KAC7F,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { useObjectAttachment } from \"@gtkx/react/internal\";\nimport { type RefObject, useRef } from \"react\";\n\nexport const useInstalledModel = <W extends Gtk.Widget, M>(\n    object: RefObject<W | null>,\n    model: M,\n    install: (widget: W, model: M) => void,\n): void => {\n    const installRef = useRef(install);\n    installRef.current = install;\n    useObjectAttachment<W, { widget: W; model: M }>(object, {\n        attach: (widget) => {\n            installRef.current(widget, model);\n            return { widget, model };\n        },\n        detach: () => {},\n        isSame: (attachment, widget) => attachment.widget === widget && attachment.model === model,\n    });\n};\n"]}

package/dist/hooks/use-list-model.d.ts

@@ -1,20 +1,19 @@
 import type * as Gio from "@gtkx/gi/gio";
-import type { ListItem } from "../types.js";
-import { type ItemResolver } from "../utils/item-resolver.js";
-export interface ControlledListMode<T, S> {
-    items: ListItem<T, S>[] | undefined;
-    autoexpand?: boolean | undefined;
-    model?: never;
-}
-export interface UncontrolledListMode {
-    model: Gio.ListModel;
-    items?: never;
-    autoexpand?: never;
-}
-export interface ListModelResult<T, S> {
+import type * as GObject from "@gtkx/gi/gobject";
+import type * as Gtk from "@gtkx/gi/gtk";
+import type { ItemNode, SectionNode } from "../types.js";
+import { type ItemResolver, type RowValue } from "../utils/item-resolver.js";
+type ListModelInput<T, S> = {
+    items: ItemNode<T>[] | undefined;
+    sections?: SectionNode<S, T>[] | undefined;
+};
+type ListModelResult<T, S> = {
     model: Gio.ListModel;
+    treeModel: Gtk.TreeListModel | null;
     resolver: ItemResolver<T, S>;
     headerResolver: ItemResolver<T, S>;
-}
-export declare const useListModel: <T, S>(mode: ControlledListMode<T, S> | UncontrolledListMode) => ListModelResult<T, S>;
+    rowValues: WeakMap<GObject.Object, RowValue<T>>;
+};
+export declare const useListModel: <T, S>(input: ListModelInput<T, S>) => ListModelResult<T, S>;
+export {};
 //# sourceMappingURL=use-list-model.d.ts.map

package/dist/hooks/use-list-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-list-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-list-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAIzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAIH,KAAK,YAAY,EAEpB,MAAM,2BAA2B,CAAC;AAUnC,MAAM,WAAW,kBAAkB,CAAC,CAAC,EAAE,CAAC;IACpC,KAAK,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,CAAC;CACtB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,cAAc,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACtC;AAiGD,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,oBAAoB,KAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAQ9G,CAAC"}
+{"version":3,"file":"use-list-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-list-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzD,OAAO,EAIH,KAAK,YAAY,EACjB,KAAK,QAAQ,EAChB,MAAM,2BAA2B,CAAC;AAGnC,KAAK,cAAc,CAAC,CAAC,EAAE,CAAC,IAAI;IACxB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9C,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI;IACzB,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC;IACrB,SAAS,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,cAAc,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,CAAC;AA6FF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAmCpF,CAAC"}