@ankhorage/zora 7.0.0 → 8.0.0

package/dist/features/image/adapters/inbound/Image.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ImageProps } from '../../../../types/image';
+/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */
+export declare const Image: (props: ImageProps) => React.ReactElement | null;
+//# sourceMappingURL=Image.d.ts.map

package/dist/features/image/adapters/inbound/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/features/image/adapters/inbound/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAK1D,mGAAmG;AACnG,eAAO,MAAM,KAAK,kDAAiC,CAAC"}

package/dist/features/image/adapters/inbound/Image.js

@@ -0,0 +1,84 @@
+import { Image as SurfaceImage } from '@ankhorage/surface';
+import React from 'react';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Icon } from '../../../icon/public';
+import { Box } from '../../../layout/public';
+/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */
+export const Image = withZoraThemeScope(ImageInner);
+/*** Renders the resolved image source or the canonical ZORA image placeholder. */
+function ImageInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, source, fallbackSource, alt, accessibilityLabel, width, height, aspectRatio, radius, style, testID, onError, ...props }) {
+    const { theme } = useZoraTheme();
+    const resolvedSource = resolveImageSource(source);
+    const sourceKey = resolveImageSourceKey(source);
+    const firstFailureKeyRef = React.useRef(null);
+    const [failedSourceKey, setFailedSourceKey] = React.useState(null);
+    const showPlaceholder = resolvedSource === null || failedSourceKey === sourceKey;
+    const resolvedAlt = alt ?? (isUploadAsset(source) ? source.alt : undefined);
+    const placeholderLabel = accessibilityLabel ?? resolvedAlt;
+    if (showPlaceholder) {
+        return (<Box accessibilityLabel={placeholderLabel} accessibilityRole={placeholderLabel ? 'image' : undefined} accessible={Boolean(placeholderLabel)} bg={theme.semantics.neutral.surface} borderColor={theme.semantics.neutral.divider} borderWidth={1} height={height} overflow="hidden" radius={radius} testID={testID} width={width} style={[
+                {
+                    alignItems: 'center',
+                    aspectRatio: aspectRatio ?? 1,
+                    justifyContent: 'center',
+                },
+                style,
+            ]}>
+        <Icon color={theme.semantics.content.muted} name="image-outline" size={24}/>
+      </Box>);
+    }
+    return (<SurfaceImage {...props} accessibilityLabel={accessibilityLabel} alt={resolvedAlt} aspectRatio={aspectRatio} fallbackSource={fallbackSource} height={height} onError={(event) => {
+            onError?.(event);
+            if (!sourceKey) {
+                return;
+            }
+            if (fallbackSource && firstFailureKeyRef.current !== sourceKey) {
+                firstFailureKeyRef.current = sourceKey;
+                return;
+            }
+            setFailedSourceKey(sourceKey);
+        }} radius={radius} source={resolvedSource} style={style} testID={testID} width={width}/>);
+}
+/*** Resolves a generic upload asset into a source understood by the Surface Image primitive. */
+function resolveImageSource(source) {
+    if (!isUploadAsset(source)) {
+        return source;
+    }
+    switch (source.kind) {
+        case 'local':
+            return source.uri;
+        case 'url':
+            return source.url;
+        case 'storage':
+            return source.publicUrl ?? null;
+    }
+}
+/*** Produces a stable-enough key for tracking image failures across source changes. */
+function resolveImageSourceKey(source) {
+    if (source === null || source === undefined) {
+        return null;
+    }
+    if (isUploadAsset(source)) {
+        switch (source.kind) {
+            case 'local':
+                return `local:${source.uri}`;
+            case 'url':
+                return `url:${source.url}`;
+            case 'storage':
+                return `storage:${source.bucket}:${source.path}:${source.publicUrl ?? ''}`;
+        }
+    }
+    if (typeof source === 'string' || typeof source === 'number') {
+        return `source:${String(source)}`;
+    }
+    if (!Array.isArray(source) && 'uri' in source && typeof source.uri === 'string') {
+        return `source:${source.uri}`;
+    }
+    return 'source:opaque';
+}
+/*** Identifies the generic ZORA upload asset shape without leaking picker-specific types. */
+function isUploadAsset(source) {
+    return (typeof source === 'object' && source !== null && !Array.isArray(source) && 'kind' in source);
+}
+//# sourceMappingURL=Image.js.map

package/dist/features/image/adapters/inbound/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/features/image/adapters/inbound/Image.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Image as SurfaceImage, type SurfaceImageSource } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ImageProps } from '../../../../types/image';\nimport type { UploadAsset } from '../../../../types/upload';\nimport { Icon } from '../../../icon/public';\nimport { Box } from '../../../layout/public';\n\n/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */\nexport const Image = withZoraThemeScope(ImageInner);\n\n/*** Renders the resolved image source or the canonical ZORA image placeholder. */\nfunction ImageInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  source,\n  fallbackSource,\n  alt,\n  accessibilityLabel,\n  width,\n  height,\n  aspectRatio,\n  radius,\n  style,\n  testID,\n  onError,\n  ...props\n}: ImageProps) {\n  const { theme } = useZoraTheme();\n  const resolvedSource = resolveImageSource(source);\n  const sourceKey = resolveImageSourceKey(source);\n  const firstFailureKeyRef = React.useRef<string | null>(null);\n  const [failedSourceKey, setFailedSourceKey] = React.useState<string | null>(null);\n  const showPlaceholder = resolvedSource === null || failedSourceKey === sourceKey;\n  const resolvedAlt = alt ?? (isUploadAsset(source) ? source.alt : undefined);\n  const placeholderLabel = accessibilityLabel ?? resolvedAlt;\n\n  if (showPlaceholder) {\n    return (\n      <Box\n        accessibilityLabel={placeholderLabel}\n        accessibilityRole={placeholderLabel ? 'image' : undefined}\n        accessible={Boolean(placeholderLabel)}\n        bg={theme.semantics.neutral.surface}\n        borderColor={theme.semantics.neutral.divider}\n        borderWidth={1}\n        height={height}\n        overflow=\"hidden\"\n        radius={radius}\n        testID={testID}\n        width={width}\n        style={[\n          {\n            alignItems: 'center',\n            aspectRatio: aspectRatio ?? 1,\n            justifyContent: 'center',\n          },\n          style,\n        ]}\n      >\n        <Icon color={theme.semantics.content.muted} name=\"image-outline\" size={24} />\n      </Box>\n    );\n  }\n\n  return (\n    <SurfaceImage\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      alt={resolvedAlt}\n      aspectRatio={aspectRatio}\n      fallbackSource={fallbackSource}\n      height={height}\n      onError={(event) => {\n        onError?.(event);\n\n        if (!sourceKey) {\n          return;\n        }\n\n        if (fallbackSource && firstFailureKeyRef.current !== sourceKey) {\n          firstFailureKeyRef.current = sourceKey;\n          return;\n        }\n\n        setFailedSourceKey(sourceKey);\n      }}\n      radius={radius}\n      source={resolvedSource}\n      style={style}\n      testID={testID}\n      width={width}\n    />\n  );\n}\n\n/*** Resolves a generic upload asset into a source understood by the Surface Image primitive. */\nfunction resolveImageSource(source: ImageProps['source']): SurfaceImageSource | null | undefined {\n  if (!isUploadAsset(source)) {\n    return source;\n  }\n\n  switch (source.kind) {\n    case 'local':\n      return source.uri;\n    case 'url':\n      return source.url;\n    case 'storage':\n      return source.publicUrl ?? null;\n  }\n}\n\n/*** Produces a stable-enough key for tracking image failures across source changes. */\nfunction resolveImageSourceKey(source: ImageProps['source']): string | null {\n  if (source === null || source === undefined) {\n    return null;\n  }\n\n  if (isUploadAsset(source)) {\n    switch (source.kind) {\n      case 'local':\n        return `local:${source.uri}`;\n      case 'url':\n        return `url:${source.url}`;\n      case 'storage':\n        return `storage:${source.bucket}:${source.path}:${source.publicUrl ?? ''}`;\n    }\n  }\n\n  if (typeof source === 'string' || typeof source === 'number') {\n    return `source:${String(source)}`;\n  }\n\n  if (!Array.isArray(source) && 'uri' in source && typeof source.uri === 'string') {\n    return `source:${source.uri}`;\n  }\n\n  return 'source:opaque';\n}\n\n/*** Identifies the generic ZORA upload asset shape without leaking picker-specific types. */\nfunction isUploadAsset(source: ImageProps['source']): source is UploadAsset {\n  return (\n    typeof source === 'object' && source !== null && !Array.isArray(source) && 'kind' in source\n  );\n}\n"]}

package/dist/features/image/imageMeta.d.ts

@@ -0,0 +1,56 @@
+export declare const imageMeta: {
+    readonly name: "Image";
+    readonly category: "component";
+    readonly description: "Displays an image from the app media registry or a resolved runtime source.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Image";
+    };
+    readonly props: {
+        readonly fit: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly enum: readonly ["cover", "contain", "stretch", "repeat", "center", "none"];
+        };
+        readonly aspectRatio: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly width: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly height: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly radius: {
+            readonly type: "radius";
+            readonly category: "Style";
+        };
+        readonly fallbackSource: {
+            readonly type: "media";
+            readonly category: "Content";
+            readonly mediaKinds: readonly ["image"];
+        };
+        readonly source: {
+            readonly type: "media";
+            readonly category: "Content";
+            readonly label: "Source";
+            readonly mediaKinds: readonly ["image"];
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly alt: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+            readonly label: "Alt text";
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+    };
+};
+//# sourceMappingURL=imageMeta.d.ts.map

package/dist/features/image/imageMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageMeta.d.ts","sourceRoot":"","sources":["../../../src/features/image/imageMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCgB,CAAC"}

package/dist/features/image/imageMeta.js

@@ -0,0 +1,34 @@
+export const imageMeta = {
+    name: 'Image',
+    category: 'component',
+    description: 'Displays an image from the app media registry or a resolved runtime source.',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: { label: 'Image' },
+    props: {
+        fit: {
+            type: 'enum',
+            category: 'Layout',
+            enum: ['cover', 'contain', 'stretch', 'repeat', 'center', 'none'],
+        },
+        aspectRatio: { type: 'number', category: 'Layout' },
+        width: { type: 'number', category: 'Layout' },
+        height: { type: 'number', category: 'Layout' },
+        radius: { type: 'radius', category: 'Style' },
+        fallbackSource: { type: 'media', category: 'Content', mediaKinds: ['image'] },
+        source: {
+            type: 'media',
+            category: 'Content',
+            label: 'Source',
+            mediaKinds: ['image'],
+            authoring: { authority: 'instance' },
+        },
+        alt: {
+            type: 'string',
+            category: 'Accessibility',
+            label: 'Alt text',
+            authoring: { authority: 'instance' },
+        },
+    },
+};
+//# sourceMappingURL=imageMeta.js.map

package/dist/features/image/imageMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageMeta.js","sourceRoot":"","sources":["../../../src/features/image/imageMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,6EAA6E;IAC1F,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;IAC7B,KAAK,EAAE;QACL,GAAG,EAAE;YACH,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;SAClE;QACD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACnD,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;QAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;QAC9C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC7C,cAAc,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,OAAO,CAAC,EAAE;QAC7E,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,QAAQ;YACf,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,eAAe;YACzB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const imageMeta = {\n  name: 'Image',\n  category: 'component',\n  description: 'Displays an image from the app media registry or a resolved runtime source.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: { label: 'Image' },\n  props: {\n    fit: {\n      type: 'enum',\n      category: 'Layout',\n      enum: ['cover', 'contain', 'stretch', 'repeat', 'center', 'none'],\n    },\n    aspectRatio: { type: 'number', category: 'Layout' },\n    width: { type: 'number', category: 'Layout' },\n    height: { type: 'number', category: 'Layout' },\n    radius: { type: 'radius', category: 'Style' },\n    fallbackSource: { type: 'media', category: 'Content', mediaKinds: ['image'] },\n    source: {\n      type: 'media',\n      category: 'Content',\n      label: 'Source',\n      mediaKinds: ['image'],\n      authoring: { authority: 'instance' },\n    },\n    alt: {\n      type: 'string',\n      category: 'Accessibility',\n      label: 'Alt text',\n      authoring: { authority: 'instance' },\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

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

@@ -0,0 +1,3 @@
+export type { ImageFit, ImageProps, SurfaceImageSource } from '../../types/image';
+export { Image } from './adapters/inbound/Image';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/image/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/features/image/public.js

@@ -0,0 +1,2 @@
+export { Image } from './adapters/inbound/Image';
+//# sourceMappingURL=public.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/image/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export type { ImageFit, ImageProps, SurfaceImageSource } from '../../types/image';\nexport { Image } from './adapters/inbound/Image';\n"]}

package/dist/features/layout/adapters/inbound/Box.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { BoxProps } from '../../../../types/layout';
+/*** Adapts the themed Surface Box primitive to ZORA scope and interaction props. */
+export declare const Box: (props: BoxProps) => React.ReactElement | null;
+//# sourceMappingURL=Box.d.ts.map

package/dist/features/layout/adapters/inbound/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,oFAAoF;AACpF,eAAO,MAAM,GAAG,gDAA+B,CAAC"}

package/dist/features/layout/adapters/inbound/Box.js

@@ -0,0 +1,10 @@
+import { Box as SurfaceBox } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/*** Adapts the themed Surface Box primitive to ZORA scope and interaction props. */
+export const Box = withZoraThemeScope(BoxInner);
+/*** Forwards presentation props to the published Surface boundary. */
+function BoxInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, ...props }) {
+    return <SurfaceBox {...props}/>;
+}
+//# sourceMappingURL=Box.js.map

package/dist/features/layout/adapters/inbound/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,oFAAoF;AACpF,MAAM,CAAC,MAAM,GAAG,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAEhD,sEAAsE;AACtE,SAAS,QAAQ,CAAC,EAChB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACC;IACT,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnC,CAAC","sourcesContent":["import { Box as SurfaceBox } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { BoxProps } from '../../../../types/layout';\n\n/*** Adapts the themed Surface Box primitive to ZORA scope and interaction props. */\nexport const Box = withZoraThemeScope(BoxInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction BoxInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: BoxProps) {\n  return <SurfaceBox {...props} />;\n}\n"]}

package/dist/features/layout/adapters/inbound/Container.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ContainerProps } from '../../../../types/layout';
+/*** Adapts the themed Surface Container primitive to ZORA scope and interaction props. */
+export declare const Container: (props: ContainerProps) => React.ReactElement | null;
+//# sourceMappingURL=Container.d.ts.map

package/dist/features/layout/adapters/inbound/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,0FAA0F;AAC1F,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/features/layout/adapters/inbound/Container.js

@@ -0,0 +1,10 @@
+import { Container as SurfaceContainer } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/*** Adapts the themed Surface Container primitive to ZORA scope and interaction props. */
+export const Container = withZoraThemeScope(ContainerInner);
+/*** Forwards presentation props to the published Surface boundary. */
+function ContainerInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, ...props }) {
+    return <SurfaceContainer {...props}/>;
+}
+//# sourceMappingURL=Container.js.map

package/dist/features/layout/adapters/inbound/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,0FAA0F;AAC1F,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAE5D,sEAAsE;AACtE,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACO;IACf,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACzC,CAAC","sourcesContent":["import { Container as SurfaceContainer } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ContainerProps } from '../../../../types/layout';\n\n/*** Adapts the themed Surface Container primitive to ZORA scope and interaction props. */\nexport const Container = withZoraThemeScope(ContainerInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction ContainerInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: ContainerProps) {\n  return <SurfaceContainer {...props} />;\n}\n"]}

package/dist/features/layout/adapters/inbound/ContentRail.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ContentRailProps } from '../../../../types/content-rail';
+/**
+ * Horizontally browsable, manifest-authorable content with responsive item sizing.
+ *
+ * ContentRail owns only presentation and scrolling. Apps retain ownership of item data,
+ * navigation, recommendations, and route behavior.
+ */
+export declare const ContentRail: (props: ContentRailProps) => React.ReactElement | null;
+//# sourceMappingURL=ContentRail.d.ts.map

package/dist/features/layout/adapters/inbound/ContentRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRail.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ContentRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EACV,gBAAgB,EAEjB,MAAM,gCAAgC,CAAC;AASxC;;;;;GAKG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/features/layout/adapters/inbound/ContentRail.js

@@ -0,0 +1,182 @@
+import React from 'react';
+import { I18nManager, ScrollView, } from 'react-native';
+import { Inline } from '../../../../foundation';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { IconButton } from '../../../button/public';
+import { Text } from '../../../typography/public';
+import { Box, Stack } from '../../public';
+import { resolveContentRailItemWidth } from '../../utils/resolveContentRailItemWidth';
+import { resolveContentRailPhysicalOffset } from '../../utils/resolveContentRailPhysicalOffset';
+import { resolveContentRailState } from '../../utils/resolveContentRailState';
+import { useContentRailReducedMotion } from '../../utils/useContentRailReducedMotion';
+import { ContentRailFlow } from './ContentRailFlow';
+/**
+ * Horizontally browsable, manifest-authorable content with responsive item sizing.
+ *
+ * ContentRail owns only presentation and scrolling. Apps retain ownership of item data,
+ * navigation, recommendations, and route behavior.
+ */
+export const ContentRail = withZoraThemeScope(ContentRailInner);
+/*** Selects intrinsic scrolling or sized item navigation. */
+function ContentRailInner(props) {
+    return props.itemSize === 'content' ? (<ContentRailFlow {...props}/>) : (<ContentRailCarousel {...props}/>);
+}
+/*** Renders equal-width cards with responsive sizing and accessible previous/next controls. */
+function ContentRailCarousel({ themeId: _themeId, mode: _mode, interactionPolicy, children, itemSize = 'responsive', gap = 'm', padding = 'm', peek = 32, showControls = true, bounces, showsScrollIndicator = false, direction = 'auto', motion = 'system', accessibilityLabel = 'Content rail', previousLabel = 'Previous items', nextLabel = 'Next items', onControlPress, onVisibleRangeChange, testID, }) {
+    const { theme } = useZoraTheme();
+    const items = React.Children.toArray(children);
+    const scrollViewRef = React.useRef(null);
+    const lastRangeRef = React.useRef(null);
+    const logicalOffsetRef = React.useRef(0);
+    const rtlInitializedRef = React.useRef(false);
+    const [viewportWidth, setViewportWidth] = React.useState(0);
+    const [contentWidth, setContentWidth] = React.useState(0);
+    const [logicalOffset, setLogicalOffset] = React.useState(0);
+    const reducedMotion = useContentRailReducedMotion(motion);
+    const isRtl = direction === 'rtl' || (direction === 'auto' && I18nManager.isRTL);
+    const gapValue = resolveSpacingValue(theme.spacing, gap);
+    const paddingValue = resolveSpacingValue(theme.spacing, padding);
+    const itemWidth = resolveContentRailItemWidth({
+        gap: gapValue,
+        itemCount: items.length,
+        itemSize,
+        padding: paddingValue,
+        peek,
+        viewportWidth,
+    });
+    const railState = resolveContentRailState({
+        contentWidth,
+        gap: gapValue,
+        itemCount: items.length,
+        itemWidth,
+        logicalOffset,
+        viewportWidth,
+    });
+    const passive = interactionPolicy === 'passive';
+    const hasOverflow = railState.maxOffset > 1;
+    const emitVisibleRange = React.useCallback((nextOffset) => {
+        const next = resolveContentRailState({
+            contentWidth,
+            gap: gapValue,
+            itemCount: items.length,
+            itemWidth,
+            logicalOffset: nextOffset,
+            viewportWidth,
+        });
+        const event = {
+            firstVisibleIndex: next.firstVisibleIndex,
+            lastVisibleIndex: next.lastVisibleIndex,
+            itemCount: items.length,
+        };
+        const previous = lastRangeRef.current;
+        if (previous?.firstVisibleIndex === event.firstVisibleIndex &&
+            previous.lastVisibleIndex === event.lastVisibleIndex &&
+            previous.itemCount === event.itemCount) {
+            return;
+        }
+        lastRangeRef.current = event;
+        void onVisibleRangeChange?.(event);
+    }, [contentWidth, gapValue, itemWidth, items.length, onVisibleRangeChange, viewportWidth]);
+    React.useEffect(() => {
+        emitVisibleRange(railState.offset);
+    }, [emitVisibleRange, railState.offset]);
+    React.useEffect(() => {
+        rtlInitializedRef.current = !isRtl;
+    }, [isRtl]);
+    React.useEffect(() => {
+        if (viewportWidth === 0 || contentWidth === 0)
+            return;
+        const nextOffset = Math.min(logicalOffsetRef.current, railState.maxOffset);
+        scrollViewRef.current?.scrollTo({
+            animated: false,
+            x: resolveContentRailPhysicalOffset({
+                isRtl,
+                logicalOffset: nextOffset,
+                maxOffset: railState.maxOffset,
+            }),
+            y: 0,
+        });
+        rtlInitializedRef.current = true;
+    }, [contentWidth, isRtl, itemWidth, railState.maxOffset, viewportWidth]);
+    const scrollToIndex = (targetIndex, controlDirection) => {
+        if (passive || !hasOverflow)
+            return;
+        const clampedIndex = Math.min(Math.max(0, targetIndex), Math.max(0, items.length - 1));
+        const targetOffset = Math.min(clampedIndex * railState.stride, railState.maxOffset);
+        logicalOffsetRef.current = targetOffset;
+        setLogicalOffset(targetOffset);
+        scrollViewRef.current?.scrollTo({
+            animated: !reducedMotion,
+            x: resolveContentRailPhysicalOffset({
+                isRtl,
+                logicalOffset: targetOffset,
+                maxOffset: railState.maxOffset,
+            }),
+            y: 0,
+        });
+        emitVisibleRange(targetOffset);
+        void onControlPress?.({ direction: controlDirection, targetIndex: clampedIndex });
+    };
+    const handleScroll = (event) => {
+        if (isRtl && !rtlInitializedRef.current)
+            return;
+        const physicalOffset = event.nativeEvent.contentOffset.x;
+        const nextOffset = resolveContentRailPhysicalOffset({
+            isRtl,
+            logicalOffset: physicalOffset,
+            maxOffset: railState.maxOffset,
+        });
+        const clampedOffset = Math.min(Math.max(0, nextOffset), railState.maxOffset);
+        logicalOffsetRef.current = clampedOffset;
+        setLogicalOffset(clampedOffset);
+        emitVisibleRange(clampedOffset);
+    };
+    const rangeLabel = items.length === 0
+        ? 'No items'
+        : `Items ${railState.firstVisibleIndex + 1}–${railState.lastVisibleIndex + 1} of ${items.length}`;
+    const contentStyle = {
+        direction: isRtl ? 'rtl' : 'ltr',
+        flexDirection: 'row',
+        gap: gapValue,
+        paddingHorizontal: paddingValue,
+    };
+    return (<Stack gap="s" testID={testID}>
+      {showControls && hasOverflow ? (<Inline justify="space-between" wrap="nowrap">
+          <Text accessibilityLiveRegion="polite" emphasis="muted" variant="caption">
+            {rangeLabel}
+          </Text>
+          <Inline gap="xs" wrap="nowrap">
+            <IconButton disabled={passive || !railState.canGoPrevious} icon={{ name: isRtl ? 'chevron-forward' : 'chevron-back' }} interactionPolicy={interactionPolicy} label={previousLabel} onPress={() => scrollToIndex(railState.anchorIndex - 1, 'previous')} size="l"/>
+            <IconButton disabled={passive || !railState.canGoNext} icon={{ name: isRtl ? 'chevron-back' : 'chevron-forward' }} interactionPolicy={interactionPolicy} label={nextLabel} onPress={() => scrollToIndex(railState.anchorIndex + 1, 'next')} size="l"/>
+          </Inline>
+        </Inline>) : null}
+      <ScrollView accessibilityLabel={accessibilityLabel} accessibilityRole="list" contentContainerStyle={contentStyle} decelerationRate="fast" disableIntervalMomentum horizontal onContentSizeChange={(width) => {
+            if (isRtl)
+                rtlInitializedRef.current = false;
+            setContentWidth(width);
+        }} onLayout={(event) => {
+            if (isRtl)
+                rtlInitializedRef.current = false;
+            setViewportWidth(event.nativeEvent.layout.width);
+        }} onScroll={handleScroll} ref={scrollViewRef} scrollEnabled={!passive} scrollEventThrottle={16} bounces={bounces} showsHorizontalScrollIndicator={showsScrollIndicator} snapToInterval={itemWidth > 0 ? itemWidth + gapValue : undefined}>
+        {items.map((item, index) => (<Box key={index} style={{ flexShrink: 0, width: itemWidth || undefined }}>
+            {item}
+          </Box>))}
+      </ScrollView>
+    </Stack>);
+}
+function resolveSpacingValue(spacing, token) {
+    if (token === 'none')
+        return spacing.none;
+    if (token === 'xs')
+        return spacing.xs;
+    if (token === 's')
+        return spacing.s;
+    if (token === 'l')
+        return spacing.l;
+    if (token === 'xl')
+        return spacing.xl;
+    return spacing.m;
+}
+//# sourceMappingURL=ContentRail.js.map

package/dist/features/layout/adapters/inbound/ContentRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRail.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ContentRail.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  I18nManager,\n  type NativeScrollEvent,\n  type NativeSyntheticEvent,\n  ScrollView,\n  type ViewStyle,\n} from 'react-native';\n\nimport { Inline } from '../../../../foundation';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type {\n  ContentRailProps,\n  ContentRailVisibleRangeChangeEvent,\n} from '../../../../types/content-rail';\nimport { IconButton } from '../../../button/public';\nimport { Text } from '../../../typography/public';\nimport { Box, Stack } from '../../public';\nimport { resolveContentRailItemWidth } from '../../utils/resolveContentRailItemWidth';\nimport { resolveContentRailPhysicalOffset } from '../../utils/resolveContentRailPhysicalOffset';\nimport { resolveContentRailState } from '../../utils/resolveContentRailState';\nimport { useContentRailReducedMotion } from '../../utils/useContentRailReducedMotion';\nimport { ContentRailFlow } from './ContentRailFlow';\n/**\n * Horizontally browsable, manifest-authorable content with responsive item sizing.\n *\n * ContentRail owns only presentation and scrolling. Apps retain ownership of item data,\n * navigation, recommendations, and route behavior.\n */\nexport const ContentRail = withZoraThemeScope(ContentRailInner);\n\n/*** Selects intrinsic scrolling or sized item navigation. */\nfunction ContentRailInner(props: ContentRailProps) {\n  return props.itemSize === 'content' ? (\n    <ContentRailFlow {...props} />\n  ) : (\n    <ContentRailCarousel {...props} />\n  );\n}\n\n/*** Renders equal-width cards with responsive sizing and accessible previous/next controls. */\nfunction ContentRailCarousel({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  children,\n  itemSize = 'responsive',\n  gap = 'm',\n  padding = 'm',\n  peek = 32,\n  showControls = true,\n  bounces,\n  showsScrollIndicator = false,\n  direction = 'auto',\n  motion = 'system',\n  accessibilityLabel = 'Content rail',\n  previousLabel = 'Previous items',\n  nextLabel = 'Next items',\n  onControlPress,\n  onVisibleRangeChange,\n  testID,\n}: ContentRailProps) {\n  const { theme } = useZoraTheme();\n  const items = React.Children.toArray(children);\n  const scrollViewRef = React.useRef<ScrollView>(null);\n  const lastRangeRef = React.useRef<ContentRailVisibleRangeChangeEvent | null>(null);\n  const logicalOffsetRef = React.useRef(0);\n  const rtlInitializedRef = React.useRef(false);\n  const [viewportWidth, setViewportWidth] = React.useState(0);\n  const [contentWidth, setContentWidth] = React.useState(0);\n  const [logicalOffset, setLogicalOffset] = React.useState(0);\n  const reducedMotion = useContentRailReducedMotion(motion);\n  const isRtl = direction === 'rtl' || (direction === 'auto' && I18nManager.isRTL);\n  const gapValue = resolveSpacingValue(theme.spacing, gap);\n  const paddingValue = resolveSpacingValue(theme.spacing, padding);\n  const itemWidth = resolveContentRailItemWidth({\n    gap: gapValue,\n    itemCount: items.length,\n    itemSize,\n    padding: paddingValue,\n    peek,\n    viewportWidth,\n  });\n  const railState = resolveContentRailState({\n    contentWidth,\n    gap: gapValue,\n    itemCount: items.length,\n    itemWidth,\n    logicalOffset,\n    viewportWidth,\n  });\n  const passive = interactionPolicy === 'passive';\n  const hasOverflow = railState.maxOffset > 1;\n\n  const emitVisibleRange = React.useCallback(\n    (nextOffset: number) => {\n      const next = resolveContentRailState({\n        contentWidth,\n        gap: gapValue,\n        itemCount: items.length,\n        itemWidth,\n        logicalOffset: nextOffset,\n        viewportWidth,\n      });\n      const event = {\n        firstVisibleIndex: next.firstVisibleIndex,\n        lastVisibleIndex: next.lastVisibleIndex,\n        itemCount: items.length,\n      };\n      const previous = lastRangeRef.current;\n      if (\n        previous?.firstVisibleIndex === event.firstVisibleIndex &&\n        previous.lastVisibleIndex === event.lastVisibleIndex &&\n        previous.itemCount === event.itemCount\n      ) {\n        return;\n      }\n      lastRangeRef.current = event;\n      void onVisibleRangeChange?.(event);\n    },\n    [contentWidth, gapValue, itemWidth, items.length, onVisibleRangeChange, viewportWidth],\n  );\n\n  React.useEffect(() => {\n    emitVisibleRange(railState.offset);\n  }, [emitVisibleRange, railState.offset]);\n\n  React.useEffect(() => {\n    rtlInitializedRef.current = !isRtl;\n  }, [isRtl]);\n\n  React.useEffect(() => {\n    if (viewportWidth === 0 || contentWidth === 0) return;\n    const nextOffset = Math.min(logicalOffsetRef.current, railState.maxOffset);\n    scrollViewRef.current?.scrollTo({\n      animated: false,\n      x: resolveContentRailPhysicalOffset({\n        isRtl,\n        logicalOffset: nextOffset,\n        maxOffset: railState.maxOffset,\n      }),\n      y: 0,\n    });\n    rtlInitializedRef.current = true;\n  }, [contentWidth, isRtl, itemWidth, railState.maxOffset, viewportWidth]);\n\n  const scrollToIndex = (targetIndex: number, controlDirection: 'previous' | 'next') => {\n    if (passive || !hasOverflow) return;\n    const clampedIndex = Math.min(Math.max(0, targetIndex), Math.max(0, items.length - 1));\n    const targetOffset = Math.min(clampedIndex * railState.stride, railState.maxOffset);\n    logicalOffsetRef.current = targetOffset;\n    setLogicalOffset(targetOffset);\n    scrollViewRef.current?.scrollTo({\n      animated: !reducedMotion,\n      x: resolveContentRailPhysicalOffset({\n        isRtl,\n        logicalOffset: targetOffset,\n        maxOffset: railState.maxOffset,\n      }),\n      y: 0,\n    });\n    emitVisibleRange(targetOffset);\n    void onControlPress?.({ direction: controlDirection, targetIndex: clampedIndex });\n  };\n\n  const handleScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n    if (isRtl && !rtlInitializedRef.current) return;\n    const physicalOffset = event.nativeEvent.contentOffset.x;\n    const nextOffset = resolveContentRailPhysicalOffset({\n      isRtl,\n      logicalOffset: physicalOffset,\n      maxOffset: railState.maxOffset,\n    });\n    const clampedOffset = Math.min(Math.max(0, nextOffset), railState.maxOffset);\n    logicalOffsetRef.current = clampedOffset;\n    setLogicalOffset(clampedOffset);\n    emitVisibleRange(clampedOffset);\n  };\n\n  const rangeLabel =\n    items.length === 0\n      ? 'No items'\n      : `Items ${railState.firstVisibleIndex + 1}–${railState.lastVisibleIndex + 1} of ${items.length}`;\n  const contentStyle: ViewStyle = {\n    direction: isRtl ? 'rtl' : 'ltr',\n    flexDirection: 'row',\n    gap: gapValue,\n    paddingHorizontal: paddingValue,\n  };\n\n  return (\n    <Stack gap=\"s\" testID={testID}>\n      {showControls && hasOverflow ? (\n        <Inline justify=\"space-between\" wrap=\"nowrap\">\n          <Text accessibilityLiveRegion=\"polite\" emphasis=\"muted\" variant=\"caption\">\n            {rangeLabel}\n          </Text>\n          <Inline gap=\"xs\" wrap=\"nowrap\">\n            <IconButton\n              disabled={passive || !railState.canGoPrevious}\n              icon={{ name: isRtl ? 'chevron-forward' : 'chevron-back' }}\n              interactionPolicy={interactionPolicy}\n              label={previousLabel}\n              onPress={() => scrollToIndex(railState.anchorIndex - 1, 'previous')}\n              size=\"l\"\n            />\n            <IconButton\n              disabled={passive || !railState.canGoNext}\n              icon={{ name: isRtl ? 'chevron-back' : 'chevron-forward' }}\n              interactionPolicy={interactionPolicy}\n              label={nextLabel}\n              onPress={() => scrollToIndex(railState.anchorIndex + 1, 'next')}\n              size=\"l\"\n            />\n          </Inline>\n        </Inline>\n      ) : null}\n      <ScrollView\n        accessibilityLabel={accessibilityLabel}\n        accessibilityRole=\"list\"\n        contentContainerStyle={contentStyle}\n        decelerationRate=\"fast\"\n        disableIntervalMomentum\n        horizontal\n        onContentSizeChange={(width) => {\n          if (isRtl) rtlInitializedRef.current = false;\n          setContentWidth(width);\n        }}\n        onLayout={(event) => {\n          if (isRtl) rtlInitializedRef.current = false;\n          setViewportWidth(event.nativeEvent.layout.width);\n        }}\n        onScroll={handleScroll}\n        ref={scrollViewRef}\n        scrollEnabled={!passive}\n        scrollEventThrottle={16}\n        bounces={bounces}\n        showsHorizontalScrollIndicator={showsScrollIndicator}\n        snapToInterval={itemWidth > 0 ? itemWidth + gapValue : undefined}\n      >\n        {items.map((item, index) => (\n          <Box key={index} style={{ flexShrink: 0, width: itemWidth || undefined }}>\n            {item}\n          </Box>\n        ))}\n      </ScrollView>\n    </Stack>\n  );\n}\n\nfunction resolveSpacingValue(\n  spacing: { none: number; xs: number; s: number; m: number; l: number; xl: number },\n  token: NonNullable<ContentRailProps['gap']>,\n): number {\n  if (token === 'none') return spacing.none;\n  if (token === 'xs') return spacing.xs;\n  if (token === 's') return spacing.s;\n  if (token === 'l') return spacing.l;\n  if (token === 'xl') return spacing.xl;\n  return spacing.m;\n}\n"]}

package/dist/features/layout/adapters/inbound/ContentRailFlow.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ContentRailProps } from '../../../../types/content-rail';
+/*** Wraps intrinsically sized content in a free horizontal native scroll view. */
+export declare function ContentRailFlow({ children, gap, padding, direction, bounces, showsScrollIndicator, accessibilityLabel, interactionPolicy, testID, }: ContentRailProps): React.JSX.Element;
+//# sourceMappingURL=ContentRailFlow.d.ts.map

package/dist/features/layout/adapters/inbound/ContentRailFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRailFlow.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ContentRailFlow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,kFAAkF;AAClF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,GAAS,EACT,OAAa,EACb,SAAkB,EAClB,OAAO,EACP,oBAA4B,EAC5B,kBAAmC,EACnC,iBAAiB,EACjB,MAAM,GACP,EAAE,gBAAgB,qBAsBlB"}

package/dist/features/layout/adapters/inbound/ContentRailFlow.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+/*** Wraps intrinsically sized content in a free horizontal native scroll view. */
+export function ContentRailFlow({ children, gap = 'm', padding = 'm', direction = 'auto', bounces, showsScrollIndicator = false, accessibilityLabel = 'Content rail', interactionPolicy, testID, }) {
+    const { theme } = useZoraTheme();
+    const spacing = new Map(Object.entries(theme.spacing));
+    return (<ScrollView horizontal bounces={bounces} scrollEnabled={interactionPolicy !== 'passive'} showsHorizontalScrollIndicator={showsScrollIndicator} accessibilityLabel={accessibilityLabel} testID={testID} contentContainerStyle={{
+            flexDirection: 'row',
+            alignItems: 'center',
+            direction: direction === 'auto' ? undefined : direction,
+            gap: gap === 'none' ? 0 : spacing.get(gap),
+            paddingHorizontal: padding === 'none' ? 0 : spacing.get(padding),
+        }}>
+      {children}
+    </ScrollView>);
+}
+//# sourceMappingURL=ContentRailFlow.js.map

package/dist/features/layout/adapters/inbound/ContentRailFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRailFlow.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/ContentRailFlow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,kFAAkF;AAClF,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,GAAG,EACb,SAAS,GAAG,MAAM,EAClB,OAAO,EACP,oBAAoB,GAAG,KAAK,EAC5B,kBAAkB,GAAG,cAAc,EACnC,iBAAiB,EACjB,MAAM,GACW;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,OAAO,CACL,CAAC,UAAU,CACT,UAAU,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,aAAa,CAAC,CAAC,iBAAiB,KAAK,SAAS,CAAC,CAC/C,8BAA8B,CAAC,CAAC,oBAAoB,CAAC,CACrD,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,qBAAqB,CAAC,CAAC;YACrB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACvD,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;YAC1C,iBAAiB,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;SACjE,CAAC,CAEF;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport type { ContentRailProps } from '../../../../types/content-rail';\n\n/*** Wraps intrinsically sized content in a free horizontal native scroll view. */\nexport function ContentRailFlow({\n  children,\n  gap = 'm',\n  padding = 'm',\n  direction = 'auto',\n  bounces,\n  showsScrollIndicator = false,\n  accessibilityLabel = 'Content rail',\n  interactionPolicy,\n  testID,\n}: ContentRailProps) {\n  const { theme } = useZoraTheme();\n  const spacing = new Map(Object.entries(theme.spacing));\n  return (\n    <ScrollView\n      horizontal\n      bounces={bounces}\n      scrollEnabled={interactionPolicy !== 'passive'}\n      showsHorizontalScrollIndicator={showsScrollIndicator}\n      accessibilityLabel={accessibilityLabel}\n      testID={testID}\n      contentContainerStyle={{\n        flexDirection: 'row',\n        alignItems: 'center',\n        direction: direction === 'auto' ? undefined : direction,\n        gap: gap === 'none' ? 0 : spacing.get(gap),\n        paddingHorizontal: padding === 'none' ? 0 : spacing.get(padding),\n      }}\n    >\n      {children}\n    </ScrollView>\n  );\n}\n"]}

package/dist/features/layout/adapters/inbound/Divider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DividerProps } from '../../../../types/layout';
+/*** Adapts the themed Surface Divider primitive to ZORA scope and interaction props. */
+export declare const Divider: (props: DividerProps) => React.ReactElement | null;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/features/layout/adapters/inbound/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,wFAAwF;AACxF,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/features/layout/adapters/inbound/Divider.js

@@ -0,0 +1,10 @@
+import { Divider as SurfaceDivider } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/*** Adapts the themed Surface Divider primitive to ZORA scope and interaction props. */
+export const Divider = withZoraThemeScope(DividerInner);
+/*** Forwards presentation props to the published Surface boundary. */
+function DividerInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, ...props }) {
+    return <SurfaceDivider {...props}/>;
+}
+//# sourceMappingURL=Divider.js.map

package/dist/features/layout/adapters/inbound/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAExD,sEAAsE;AACtE,SAAS,YAAY,CAAC,EACpB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACK;IACb,OAAO,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACvC,CAAC","sourcesContent":["import { Divider as SurfaceDivider } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { DividerProps } from '../../../../types/layout';\n\n/*** Adapts the themed Surface Divider primitive to ZORA scope and interaction props. */\nexport const Divider = withZoraThemeScope(DividerInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction DividerInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: DividerProps) {\n  return <SurfaceDivider {...props} />;\n}\n"]}

package/dist/features/layout/adapters/inbound/Grid.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { GridProps } from '../../../../types/layout';
+/*** Adapts the themed Surface Grid primitive to ZORA scope and interaction props. */
+export declare const Grid: (props: GridProps) => React.ReactElement | null;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/features/layout/adapters/inbound/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,qFAAqF;AACrF,eAAO,MAAM,IAAI,iDAAgC,CAAC"}