@ankhorage/zora 24.0.2 → 24.1.0

package/dist/features/explorer/meta.d.ts

@@ -0,0 +1,306 @@
+/** Framework-bound Explorer is a composition primitive, not a separate manifest shape. */
+export declare const explorerMeta: {
+    readonly name: "Explorer";
+    readonly category: "pattern";
+    readonly directManifestNode: false;
+    readonly note: "Shared code-only Explorer composition; MediaExplorer and FileExplorer own manifest representation.";
+    readonly allowedChildren: readonly [];
+    readonly props: {};
+};
+export declare const mediaExplorerMeta: {
+    readonly name: "MediaExplorer";
+    readonly category: "pattern";
+    readonly description: "Virtualized media library with normalized selection and activation events.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Media explorer";
+        readonly defaultProps: {
+            readonly items: readonly [];
+            readonly selectionMode: "single";
+            readonly tileSize: 120;
+        };
+    };
+    readonly events: {
+        readonly selectionChange: {
+            readonly label: "Selection change";
+            readonly eventType: "explorer.selectionChange";
+            readonly payloadFields: readonly [{
+                readonly path: "selectedIds";
+                readonly type: "unknown";
+            }];
+        };
+        readonly activate: {
+            readonly label: "Activate item";
+            readonly eventType: "explorer.activate";
+            readonly payloadFields: readonly [{
+                readonly path: "id";
+                readonly type: "string";
+            }];
+        };
+    };
+    readonly props: {
+        readonly items: {
+            readonly type: "array";
+            readonly category: "Data";
+            readonly itemSchema: readonly [{
+                readonly key: "id";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Identity";
+                };
+            }, {
+                readonly key: "kind";
+                readonly schema: {
+                    readonly type: "enum";
+                    readonly category: "Data";
+                    readonly enum: readonly ["image", "video", "audio", "document", "file", "folder"];
+                };
+            }, {
+                readonly key: "name";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Content";
+                };
+            }, {
+                readonly key: "uri";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Data";
+                };
+            }, {
+                readonly key: "thumbnailUri";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Media";
+                };
+            }, {
+                readonly key: "contentType";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Data";
+                };
+            }, {
+                readonly key: "sizeBytes";
+                readonly schema: {
+                    readonly type: "number";
+                    readonly category: "Data";
+                };
+            }, {
+                readonly key: "providerId";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Identity";
+                };
+            }, {
+                readonly key: "disabled";
+                readonly schema: {
+                    readonly type: "boolean";
+                    readonly category: "State";
+                };
+            }];
+        };
+        readonly selectionMode: {
+            readonly type: "enum";
+            readonly category: "Selection";
+            readonly enum: readonly ["single", "multi"];
+            readonly default: "single";
+        };
+        readonly selectedIds: {
+            readonly type: "array";
+            readonly category: "Selection";
+        };
+        readonly tileSize: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly default: 120;
+        };
+        readonly height: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly default: 440;
+        };
+        readonly zoom: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly default: 1;
+        };
+        readonly loading: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly errorText: {
+            readonly type: "string";
+            readonly category: "State";
+        };
+        readonly emptyText: {
+            readonly type: "string";
+            readonly category: "Content";
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly readOnly: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly onSelectionChange: {
+            readonly type: "action";
+            readonly category: "Events";
+        };
+        readonly onActivate: {
+            readonly type: "action";
+            readonly category: "Events";
+        };
+    };
+};
+export declare const fileExplorerMeta: {
+    readonly name: "FileExplorer";
+    readonly category: "pattern";
+    readonly description: "Virtualized file and folder collection with normalized selection and activation.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "File explorer";
+        readonly defaultProps: {
+            readonly items: readonly [];
+            readonly selectionMode: "single";
+            readonly tileSize: 120;
+        };
+    };
+    readonly events: {
+        readonly selectionChange: {
+            readonly label: "Selection change";
+            readonly eventType: "explorer.selectionChange";
+            readonly payloadFields: readonly [{
+                readonly path: "selectedIds";
+                readonly type: "unknown";
+            }];
+        };
+        readonly activate: {
+            readonly label: "Activate item";
+            readonly eventType: "explorer.activate";
+            readonly payloadFields: readonly [{
+                readonly path: "id";
+                readonly type: "string";
+            }];
+        };
+    };
+    readonly props: {
+        readonly items: {
+            readonly type: "array";
+            readonly category: "Data";
+            readonly itemSchema: readonly [{
+                readonly key: "id";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Identity";
+                };
+            }, {
+                readonly key: "kind";
+                readonly schema: {
+                    readonly type: "enum";
+                    readonly category: "Data";
+                    readonly enum: readonly ["image", "video", "audio", "document", "file", "folder"];
+                };
+            }, {
+                readonly key: "name";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Content";
+                };
+            }, {
+                readonly key: "uri";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Data";
+                };
+            }, {
+                readonly key: "thumbnailUri";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Media";
+                };
+            }, {
+                readonly key: "contentType";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Data";
+                };
+            }, {
+                readonly key: "sizeBytes";
+                readonly schema: {
+                    readonly type: "number";
+                    readonly category: "Data";
+                };
+            }, {
+                readonly key: "providerId";
+                readonly schema: {
+                    readonly type: "string";
+                    readonly category: "Identity";
+                };
+            }, {
+                readonly key: "disabled";
+                readonly schema: {
+                    readonly type: "boolean";
+                    readonly category: "State";
+                };
+            }];
+        };
+        readonly selectionMode: {
+            readonly type: "enum";
+            readonly category: "Selection";
+            readonly enum: readonly ["single", "multi"];
+            readonly default: "single";
+        };
+        readonly selectedIds: {
+            readonly type: "array";
+            readonly category: "Selection";
+        };
+        readonly tileSize: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly default: 120;
+        };
+        readonly height: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly default: 440;
+        };
+        readonly zoom: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly default: 1;
+        };
+        readonly loading: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly errorText: {
+            readonly type: "string";
+            readonly category: "State";
+        };
+        readonly emptyText: {
+            readonly type: "string";
+            readonly category: "Content";
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly readOnly: {
+            readonly type: "boolean";
+            readonly category: "State";
+        };
+        readonly onSelectionChange: {
+            readonly type: "action";
+            readonly category: "Events";
+        };
+        readonly onActivate: {
+            readonly type: "action";
+            readonly category: "Events";
+        };
+    };
+};
+//# sourceMappingURL=meta.d.ts.map

package/dist/features/explorer/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/features/explorer/meta.ts"],"names":[],"mappings":"AAyDA,0FAA0F;AAC1F,eAAO,MAAM,YAAY;;;;;;;CAOa,CAAC;AAEvC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYQ,CAAC;AAEvC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYS,CAAC"}

package/dist/features/explorer/meta.js

@@ -0,0 +1,89 @@
+const explorerProps = {
+    items: {
+        type: 'array',
+        category: 'Data',
+        itemSchema: [
+            { key: 'id', schema: { type: 'string', category: 'Identity' } },
+            {
+                key: 'kind',
+                schema: {
+                    type: 'enum',
+                    category: 'Data',
+                    enum: ['image', 'video', 'audio', 'document', 'file', 'folder'],
+                },
+            },
+            { key: 'name', schema: { type: 'string', category: 'Content' } },
+            { key: 'uri', schema: { type: 'string', category: 'Data' } },
+            { key: 'thumbnailUri', schema: { type: 'string', category: 'Media' } },
+            { key: 'contentType', schema: { type: 'string', category: 'Data' } },
+            { key: 'sizeBytes', schema: { type: 'number', category: 'Data' } },
+            { key: 'providerId', schema: { type: 'string', category: 'Identity' } },
+            { key: 'disabled', schema: { type: 'boolean', category: 'State' } },
+        ],
+    },
+    selectionMode: {
+        type: 'enum',
+        category: 'Selection',
+        enum: ['single', 'multi'],
+        default: 'single',
+    },
+    selectedIds: { type: 'array', category: 'Selection' },
+    tileSize: { type: 'number', category: 'Layout', default: 120 },
+    height: { type: 'number', category: 'Layout', default: 440 },
+    zoom: { type: 'number', category: 'Layout', default: 1 },
+    loading: { type: 'boolean', category: 'State' },
+    errorText: { type: 'string', category: 'State' },
+    emptyText: { type: 'string', category: 'Content' },
+    disabled: { type: 'boolean', category: 'State' },
+    readOnly: { type: 'boolean', category: 'State' },
+    onSelectionChange: { type: 'action', category: 'Events' },
+    onActivate: { type: 'action', category: 'Events' },
+};
+const explorerEvents = {
+    selectionChange: {
+        label: 'Selection change',
+        eventType: 'explorer.selectionChange',
+        payloadFields: [{ path: 'selectedIds', type: 'unknown' }],
+    },
+    activate: {
+        label: 'Activate item',
+        eventType: 'explorer.activate',
+        payloadFields: [{ path: 'id', type: 'string' }],
+    },
+};
+/** Framework-bound Explorer is a composition primitive, not a separate manifest shape. */
+export const explorerMeta = {
+    name: 'Explorer',
+    category: 'pattern',
+    directManifestNode: false,
+    note: 'Shared code-only Explorer composition; MediaExplorer and FileExplorer own manifest representation.',
+    allowedChildren: [],
+    props: {},
+};
+export const mediaExplorerMeta = {
+    name: 'MediaExplorer',
+    category: 'pattern',
+    description: 'Virtualized media library with normalized selection and activation events.',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: {
+        label: 'Media explorer',
+        defaultProps: { items: [], selectionMode: 'single', tileSize: 120 },
+    },
+    events: explorerEvents,
+    props: explorerProps,
+};
+export const fileExplorerMeta = {
+    name: 'FileExplorer',
+    category: 'pattern',
+    description: 'Virtualized file and folder collection with normalized selection and activation.',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: {
+        label: 'File explorer',
+        defaultProps: { items: [], selectionMode: 'single', tileSize: 120 },
+    },
+    events: explorerEvents,
+    props: explorerProps,
+};
+//# sourceMappingURL=meta.js.map

package/dist/features/explorer/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/features/explorer/meta.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ZoraComponentMeta } from '../../types/authoring';\n\nconst explorerProps = {\n  items: {\n    type: 'array',\n    category: 'Data',\n    itemSchema: [\n      { key: 'id', schema: { type: 'string', category: 'Identity' } },\n      {\n        key: 'kind',\n        schema: {\n          type: 'enum',\n          category: 'Data',\n          enum: ['image', 'video', 'audio', 'document', 'file', 'folder'],\n        },\n      },\n      { key: 'name', schema: { type: 'string', category: 'Content' } },\n      { key: 'uri', schema: { type: 'string', category: 'Data' } },\n      { key: 'thumbnailUri', schema: { type: 'string', category: 'Media' } },\n      { key: 'contentType', schema: { type: 'string', category: 'Data' } },\n      { key: 'sizeBytes', schema: { type: 'number', category: 'Data' } },\n      { key: 'providerId', schema: { type: 'string', category: 'Identity' } },\n      { key: 'disabled', schema: { type: 'boolean', category: 'State' } },\n    ],\n  },\n  selectionMode: {\n    type: 'enum',\n    category: 'Selection',\n    enum: ['single', 'multi'],\n    default: 'single',\n  },\n  selectedIds: { type: 'array', category: 'Selection' },\n  tileSize: { type: 'number', category: 'Layout', default: 120 },\n  height: { type: 'number', category: 'Layout', default: 440 },\n  zoom: { type: 'number', category: 'Layout', default: 1 },\n  loading: { type: 'boolean', category: 'State' },\n  errorText: { type: 'string', category: 'State' },\n  emptyText: { type: 'string', category: 'Content' },\n  disabled: { type: 'boolean', category: 'State' },\n  readOnly: { type: 'boolean', category: 'State' },\n  onSelectionChange: { type: 'action', category: 'Events' },\n  onActivate: { type: 'action', category: 'Events' },\n} as const;\n\nconst explorerEvents = {\n  selectionChange: {\n    label: 'Selection change',\n    eventType: 'explorer.selectionChange',\n    payloadFields: [{ path: 'selectedIds', type: 'unknown' }],\n  },\n  activate: {\n    label: 'Activate item',\n    eventType: 'explorer.activate',\n    payloadFields: [{ path: 'id', type: 'string' }],\n  },\n} as const;\n\n/** Framework-bound Explorer is a composition primitive, not a separate manifest shape. */\nexport const explorerMeta = {\n  name: 'Explorer',\n  category: 'pattern',\n  directManifestNode: false,\n  note: 'Shared code-only Explorer composition; MediaExplorer and FileExplorer own manifest representation.',\n  allowedChildren: [],\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const mediaExplorerMeta = {\n  name: 'MediaExplorer',\n  category: 'pattern',\n  description: 'Virtualized media library with normalized selection and activation events.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Media explorer',\n    defaultProps: { items: [], selectionMode: 'single', tileSize: 120 },\n  },\n  events: explorerEvents,\n  props: explorerProps,\n} as const satisfies ZoraComponentMeta;\n\nexport const fileExplorerMeta = {\n  name: 'FileExplorer',\n  category: 'pattern',\n  description: 'Virtualized file and folder collection with normalized selection and activation.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'File explorer',\n    defaultProps: { items: [], selectionMode: 'single', tileSize: 120 },\n  },\n  events: explorerEvents,\n  props: explorerProps,\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/explorer/public.d.ts

@@ -0,0 +1,6 @@
+export type { ExplorerActivateEvent, ExplorerItem, ExplorerItemKind, ExplorerProps, ExplorerSelectionChangeEvent, ExplorerSelectionMode, } from '../../types/explorer';
+export { Explorer } from './adapters/inbound/Explorer';
+export { FileExplorer } from './adapters/inbound/FileExplorer';
+export { MediaExplorer } from './adapters/inbound/MediaExplorer';
+export { resolveExplorerSelection } from './application/resolveExplorerSelection';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/explorer/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/explorer/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC"}

package/dist/features/explorer/public.js

@@ -0,0 +1,5 @@
+export { Explorer } from './adapters/inbound/Explorer';
+export { FileExplorer } from './adapters/inbound/FileExplorer';
+export { MediaExplorer } from './adapters/inbound/MediaExplorer';
+export { resolveExplorerSelection } from './application/resolveExplorerSelection';
+//# sourceMappingURL=public.js.map

package/dist/features/explorer/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/explorer/public.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC","sourcesContent":["export type {\n  ExplorerActivateEvent,\n  ExplorerItem,\n  ExplorerItemKind,\n  ExplorerProps,\n  ExplorerSelectionChangeEvent,\n  ExplorerSelectionMode,\n} from '../../types/explorer';\nexport { Explorer } from './adapters/inbound/Explorer';\nexport { FileExplorer } from './adapters/inbound/FileExplorer';\nexport { MediaExplorer } from './adapters/inbound/MediaExplorer';\nexport { resolveExplorerSelection } from './application/resolveExplorerSelection';\n"]}

package/dist/features/gradient/gradientMeta.d.ts

@@ -3,7 +3,7 @@ export declare const gradientMeta: {
     readonly category: "component";
     readonly description: "Renders a host-backed gradient container for nested manifest content.";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "AuthScreen", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "Reader", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "AuthScreen", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "MediaExplorer", "FileExplorer", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "Reader", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Gradient";
     };

package/dist/features/grid-view/adapters/inbound/GridView.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { GridViewProps } from '../../../../types/grid-view';
+/***
+ * Renders world-positioned items on native and web using the canonical viewport/culling engine.
+ *
+ * This first renderer uses nested native scroll regions. Only visible items are mounted;
+ * logical cells and invisible elements are never rendered.
+ */
+export declare function GridView({ items, contentWidth, contentHeight, width, height, zoom, overscanPixels, interactionPolicy, onViewportChange, renderItem, testID, }: GridViewProps): React.JSX.Element;
+//# sourceMappingURL=GridView.d.ts.map

package/dist/features/grid-view/adapters/inbound/GridView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-view/adapters/inbound/GridView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,MAAM,EACN,IAAQ,EACR,cAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,MAAM,GACP,EAAE,aAAa,qBAsEf"}

package/dist/features/grid-view/adapters/inbound/GridView.js

@@ -0,0 +1,49 @@
+import { getVisibleGridItems, worldToViewport } from '@ankhorage/grid-view';
+import React from 'react';
+import { ScrollView as NativeScrollView, View as NativeView } from 'react-native';
+/***
+ * Renders world-positioned items on native and web using the canonical viewport/culling engine.
+ *
+ * This first renderer uses nested native scroll regions. Only visible items are mounted;
+ * logical cells and invisible elements are never rendered.
+ */
+export function GridView({ items, contentWidth, contentHeight, width, height, zoom = 1, overscanPixels = 160, interactionPolicy, onViewportChange, renderItem, testID, }) {
+    const [scrollX, setScrollX] = React.useState(0);
+    const [scrollY, setScrollY] = React.useState(0);
+    const scale = Math.max(0.01, zoom);
+    const viewport = React.useMemo(() => ({
+        width,
+        height,
+        offsetX: scrollX / scale,
+        offsetY: scrollY / scale,
+        pixelsPerUnitX: scale,
+        pixelsPerUnitY: scale,
+    }), [height, scale, scrollX, scrollY, width]);
+    const visibleItems = React.useMemo(() => getVisibleGridItems(items, viewport, overscanPixels), [items, overscanPixels, viewport]);
+    React.useEffect(() => {
+        onViewportChange?.(viewport);
+    }, [onViewportChange, viewport]);
+    return (<NativeScrollView horizontal scrollEnabled={interactionPolicy !== 'passive'} scrollEventThrottle={32} showsHorizontalScrollIndicator style={{ width, height }} testID={testID} onScroll={(event) => setScrollX(event.nativeEvent.contentOffset.x)}>
+      <NativeScrollView scrollEnabled={interactionPolicy !== 'passive'} scrollEventThrottle={32} showsVerticalScrollIndicator style={{ width: contentWidth * scale, height }} onScroll={(event) => setScrollY(event.nativeEvent.contentOffset.y)}>
+        <NativeView style={{ width: contentWidth * scale, height: contentHeight * scale }}>
+          {visibleItems.map((item) => {
+            const position = worldToViewport({ x: item.x, y: item.y }, {
+                ...viewport,
+                offsetX: 0,
+                offsetY: 0,
+            });
+            return (<NativeView key={item.id} style={{
+                    position: 'absolute',
+                    left: position.x,
+                    top: position.y,
+                    width: item.width * scale,
+                    height: item.height * scale,
+                }}>
+                {renderItem(item)}
+              </NativeView>);
+        })}
+        </NativeView>
+      </NativeScrollView>
+    </NativeScrollView>);
+}
+//# sourceMappingURL=GridView.js.map

package/dist/features/grid-view/adapters/inbound/GridView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridView.js","sourceRoot":"","sources":["../../../../../src/features/grid-view/adapters/inbound/GridView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { getVisibleGridItems, type GridViewport, worldToViewport } from '@ankhorage/grid-view';\nimport React from 'react';\nimport { ScrollView as NativeScrollView, View as NativeView } from 'react-native';\n\nimport type { GridViewProps } from '../../../../types/grid-view';\n\n/***\n * Renders world-positioned items on native and web using the canonical viewport/culling engine.\n *\n * This first renderer uses nested native scroll regions. Only visible items are mounted;\n * logical cells and invisible elements are never rendered.\n */\nexport function GridView({\n  items,\n  contentWidth,\n  contentHeight,\n  width,\n  height,\n  zoom = 1,\n  overscanPixels = 160,\n  interactionPolicy,\n  onViewportChange,\n  renderItem,\n  testID,\n}: GridViewProps) {\n  const [scrollX, setScrollX] = React.useState(0);\n  const [scrollY, setScrollY] = React.useState(0);\n  const scale = Math.max(0.01, zoom);\n  const viewport = React.useMemo<GridViewport>(\n    () => ({\n      width,\n      height,\n      offsetX: scrollX / scale,\n      offsetY: scrollY / scale,\n      pixelsPerUnitX: scale,\n      pixelsPerUnitY: scale,\n    }),\n    [height, scale, scrollX, scrollY, width],\n  );\n  const visibleItems = React.useMemo(\n    () => getVisibleGridItems(items, viewport, overscanPixels),\n    [items, overscanPixels, viewport],\n  );\n\n  React.useEffect(() => {\n    onViewportChange?.(viewport);\n  }, [onViewportChange, viewport]);\n\n  return (\n    <NativeScrollView\n      horizontal\n      scrollEnabled={interactionPolicy !== 'passive'}\n      scrollEventThrottle={32}\n      showsHorizontalScrollIndicator\n      style={{ width, height }}\n      testID={testID}\n      onScroll={(event) => setScrollX(event.nativeEvent.contentOffset.x)}\n    >\n      <NativeScrollView\n        scrollEnabled={interactionPolicy !== 'passive'}\n        scrollEventThrottle={32}\n        showsVerticalScrollIndicator\n        style={{ width: contentWidth * scale, height }}\n        onScroll={(event) => setScrollY(event.nativeEvent.contentOffset.y)}\n      >\n        <NativeView style={{ width: contentWidth * scale, height: contentHeight * scale }}>\n          {visibleItems.map((item) => {\n            const position = worldToViewport(\n              { x: item.x, y: item.y },\n              {\n                ...viewport,\n                offsetX: 0,\n                offsetY: 0,\n              },\n            );\n            return (\n              <NativeView\n                key={item.id}\n                style={{\n                  position: 'absolute',\n                  left: position.x,\n                  top: position.y,\n                  width: item.width * scale,\n                  height: item.height * scale,\n                }}\n              >\n                {renderItem(item)}\n              </NativeView>\n            );\n          })}\n        </NativeView>\n      </NativeScrollView>\n    </NativeScrollView>\n  );\n}\n"]}

package/dist/features/grid-view/adapters/inbound/TileGrid.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TileGridProps } from '../../../../types/grid-view';
+/*** Composes a responsive, virtualized tile presentation over the generic GridView renderer. */
+export declare function TileGrid({ items, width, height, tileSize, gap, zoom, overscanPixels, renderItem, interactionPolicy, testID, }: TileGridProps): React.JSX.Element;
+//# sourceMappingURL=TileGrid.d.ts.map

package/dist/features/grid-view/adapters/inbound/TileGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileGrid.d.ts","sourceRoot":"","sources":["../../../../../src/features/grid-view/adapters/inbound/TileGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAIjE,gGAAgG;AAChG,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,MAAY,EACZ,QAAc,EACd,GAAQ,EACR,IAAQ,EACR,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,MAAM,GACP,EAAE,aAAa,qBAiCf"}

package/dist/features/grid-view/adapters/inbound/TileGrid.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { View as NativeView } from 'react-native';
+import { layoutTileGrid } from '../../application/layoutTileGrid';
+import { GridView } from './GridView';
+/*** Composes a responsive, virtualized tile presentation over the generic GridView renderer. */
+export function TileGrid({ items, width, height = 440, tileSize = 120, gap = 12, zoom = 1, overscanPixels, renderItem, interactionPolicy, testID, }) {
+    const [measuredWidth, setMeasuredWidth] = React.useState(0);
+    const resolvedWidth = width ?? measuredWidth;
+    const layout = React.useMemo(() => layoutTileGrid(items, resolvedWidth, tileSize, gap, zoom), [items, resolvedWidth, tileSize, gap, zoom]);
+    const itemLookup = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    return (<NativeView onLayout={(event) => setMeasuredWidth(event.nativeEvent.layout.width)} style={{ width, height, overflow: 'hidden' }} testID={testID}>
+      {resolvedWidth > 0 ? (<GridView contentHeight={layout.height} contentWidth={Math.max(resolvedWidth / zoom, layout.width)} height={height} interactionPolicy={interactionPolicy} items={layout.items} overscanPixels={overscanPixels} renderItem={(item) => {
+                const source = itemLookup.get(item.id);
+                return source ? renderItem(source) : null;
+            }} width={resolvedWidth} zoom={zoom}/>) : null}
+    </NativeView>);
+}
+//# sourceMappingURL=TileGrid.js.map

package/dist/features/grid-view/adapters/inbound/TileGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileGrid.js","sourceRoot":"","sources":["../../../../../src/features/grid-view/adapters/inbound/TileGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,gGAAgG;AAChG,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,MAAM,GAAG,GAAG,EACZ,QAAQ,GAAG,GAAG,EACd,GAAG,GAAG,EAAE,EACR,IAAI,GAAG,CAAC,EACR,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,MAAM,GACQ;IACd,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,KAAK,IAAI,aAAa,CAAC;IAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,EAC/D,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,CAC5C,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/F,OAAO,CACL,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CACtE,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAC7C,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,CAAC,QAAQ,CACP,aAAa,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAC7B,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAC3D,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnB,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACvC,OAAO,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAC5C,CAAC,CAAC,CACF,KAAK,CAAC,CAAC,aAAa,CAAC,CACrB,IAAI,CAAC,CAAC,IAAI,CAAC,EACX,CACH,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { View as NativeView } from 'react-native';\n\nimport type { TileGridProps } from '../../../../types/grid-view';\nimport { layoutTileGrid } from '../../application/layoutTileGrid';\nimport { GridView } from './GridView';\n\n/*** Composes a responsive, virtualized tile presentation over the generic GridView renderer. */\nexport function TileGrid({\n  items,\n  width,\n  height = 440,\n  tileSize = 120,\n  gap = 12,\n  zoom = 1,\n  overscanPixels,\n  renderItem,\n  interactionPolicy,\n  testID,\n}: TileGridProps) {\n  const [measuredWidth, setMeasuredWidth] = React.useState(0);\n  const resolvedWidth = width ?? measuredWidth;\n  const layout = React.useMemo(\n    () => layoutTileGrid(items, resolvedWidth, tileSize, gap, zoom),\n    [items, resolvedWidth, tileSize, gap, zoom],\n  );\n  const itemLookup = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);\n\n  return (\n    <NativeView\n      onLayout={(event) => setMeasuredWidth(event.nativeEvent.layout.width)}\n      style={{ width, height, overflow: 'hidden' }}\n      testID={testID}\n    >\n      {resolvedWidth > 0 ? (\n        <GridView\n          contentHeight={layout.height}\n          contentWidth={Math.max(resolvedWidth / zoom, layout.width)}\n          height={height}\n          interactionPolicy={interactionPolicy}\n          items={layout.items}\n          overscanPixels={overscanPixels}\n          renderItem={(item) => {\n            const source = itemLookup.get(item.id);\n            return source ? renderItem(source) : null;\n          }}\n          width={resolvedWidth}\n          zoom={zoom}\n        />\n      ) : null}\n    </NativeView>\n  );\n}\n"]}

package/dist/features/grid-view/application/layoutTileGrid.d.ts

@@ -0,0 +1,12 @@
+import type { GridRectItem } from '@ankhorage/grid-view';
+import type { TileGridItem } from '../../../types/grid-view';
+/** A presentation-level spatial layout, expressed in engine-owned world rectangles. */
+export interface TileGridLayout {
+    readonly items: readonly GridRectItem[];
+    readonly width: number;
+    readonly height: number;
+    readonly columns: number;
+}
+/*** Arrange keyed tiles into responsive rows without constructing placeholder grid cells. */
+export declare function layoutTileGrid(items: readonly TileGridItem[], viewportWidth: number, tileSize: number, gap: number, zoom?: number): TileGridLayout;
+//# sourceMappingURL=layoutTileGrid.d.ts.map

package/dist/features/grid-view/application/layoutTileGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutTileGrid.d.ts","sourceRoot":"","sources":["../../../../src/features/grid-view/application/layoutTileGrid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,uFAAuF;AACvF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,6FAA6F;AAC7F,wBAAgB,cAAc,CAC5B,KAAK,EAAE,SAAS,YAAY,EAAE,EAC9B,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,GACP,cAAc,CA0BhB"}

package/dist/features/grid-view/application/layoutTileGrid.js

@@ -0,0 +1,25 @@
+/*** Arrange keyed tiles into responsive rows without constructing placeholder grid cells. */
+export function layoutTileGrid(items, viewportWidth, tileSize, gap, zoom = 1) {
+    if (![viewportWidth, tileSize, gap, zoom].every(Number.isFinite) ||
+        viewportWidth < 0 ||
+        tileSize <= 0 ||
+        gap < 0 ||
+        zoom <= 0) {
+        throw new RangeError('Tile layout requires finite, nonnegative dimensions and positive scales.');
+    }
+    const columns = Math.max(1, Math.floor((viewportWidth / zoom + gap) / (tileSize + gap)));
+    const rows = Math.ceil(items.length / columns);
+    return {
+        columns,
+        width: columns * (tileSize + gap) - gap,
+        height: Math.max(0, rows * (tileSize + gap) - gap),
+        items: items.map((item, index) => ({
+            id: item.id,
+            x: (index % columns) * (tileSize + gap),
+            y: Math.floor(index / columns) * (tileSize + gap),
+            width: tileSize,
+            height: tileSize,
+        })),
+    };
+}
+//# sourceMappingURL=layoutTileGrid.js.map

package/dist/features/grid-view/application/layoutTileGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutTileGrid.js","sourceRoot":"","sources":["../../../../src/features/grid-view/application/layoutTileGrid.ts"],"names":[],"mappings":"AAYA,6FAA6F;AAC7F,MAAM,UAAU,cAAc,CAC5B,KAA8B,EAC9B,aAAqB,EACrB,QAAgB,EAChB,GAAW,EACX,IAAI,GAAG,CAAC;IAER,IACE,CAAC,CAAC,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;QAC5D,aAAa,GAAG,CAAC;QACjB,QAAQ,IAAI,CAAC;QACb,GAAG,GAAG,CAAC;QACP,IAAI,IAAI,CAAC,EACT,CAAC;QACD,MAAM,IAAI,UAAU,CAClB,0EAA0E,CAC3E,CAAC;IACJ,CAAC;IACD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACzF,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;IAC/C,OAAO;QACL,OAAO;QACP,KAAK,EAAE,OAAO,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,GAAG;QACvC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAClD,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACjC,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,CAAC,EAAE,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC;YACvC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC;YACjD,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;KACJ,CAAC;AACJ,CAAC","sourcesContent":["import type { GridRectItem } from '@ankhorage/grid-view';\n\nimport type { TileGridItem } from '../../../types/grid-view';\n\n/** A presentation-level spatial layout, expressed in engine-owned world rectangles. */\nexport interface TileGridLayout {\n  readonly items: readonly GridRectItem[];\n  readonly width: number;\n  readonly height: number;\n  readonly columns: number;\n}\n\n/*** Arrange keyed tiles into responsive rows without constructing placeholder grid cells. */\nexport function layoutTileGrid(\n  items: readonly TileGridItem[],\n  viewportWidth: number,\n  tileSize: number,\n  gap: number,\n  zoom = 1,\n): TileGridLayout {\n  if (\n    ![viewportWidth, tileSize, gap, zoom].every(Number.isFinite) ||\n    viewportWidth < 0 ||\n    tileSize <= 0 ||\n    gap < 0 ||\n    zoom <= 0\n  ) {\n    throw new RangeError(\n      'Tile layout requires finite, nonnegative dimensions and positive scales.',\n    );\n  }\n  const columns = Math.max(1, Math.floor((viewportWidth / zoom + gap) / (tileSize + gap)));\n  const rows = Math.ceil(items.length / columns);\n  return {\n    columns,\n    width: columns * (tileSize + gap) - gap,\n    height: Math.max(0, rows * (tileSize + gap) - gap),\n    items: items.map((item, index) => ({\n      id: item.id,\n      x: (index % columns) * (tileSize + gap),\n      y: Math.floor(index / columns) * (tileSize + gap),\n      width: tileSize,\n      height: tileSize,\n    })),\n  };\n}\n"]}