@ankhorage/zora 6.0.0 → 8.0.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,qFAAqF;AACrF,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAElD,sEAAsE;AACtE,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACE;IACV,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACpC,CAAC","sourcesContent":["import { Grid as SurfaceGrid } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { GridProps } from '../../../../types/layout';\n\n/*** Adapts the themed Surface Grid primitive to ZORA scope and interaction props. */\nexport const Grid = withZoraThemeScope(GridInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction GridInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: GridProps) {\n  return <SurfaceGrid {...props} />;\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,sFAAsF;AACtF,eAAO,MAAM,KAAK,kDAAiC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,sFAAsF;AACtF,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAEpD,sEAAsE;AACtE,SAAS,UAAU,CAAC,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACG;IACX,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACrC,CAAC","sourcesContent":["import { Stack as SurfaceStack } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { StackProps } from '../../../../types/layout';\n\n/*** Adapts the themed Surface Stack primitive to ZORA scope and interaction props. */\nexport const Stack = withZoraThemeScope(StackInner);\n\n/*** Forwards presentation props to the published Surface boundary. */\nfunction StackInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: StackProps) {\n  return <SurfaceStack {...props} />;\n}\n"]}

package/dist/features/layout/boxMeta.d.ts

@@ -0,0 +1,81 @@
+export declare const boxMeta: {
+    readonly name: "Box";
+    readonly category: "foundation";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly props: {
+        readonly bg: {
+            readonly type: "color";
+            readonly category: "Style";
+        };
+        readonly borderColor: {
+            readonly type: "color";
+            readonly category: "Style";
+        };
+        readonly borderWidth: {
+            readonly type: "number";
+            readonly category: "Style";
+        };
+        readonly p: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly px: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly py: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly pt: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly pb: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly m: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        };
+        readonly width: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly height: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly minWidth: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly maxWidth: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly minHeight: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly maxHeight: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly flex: {
+            readonly type: "number";
+            readonly category: "Layout";
+        };
+        readonly radius: {
+            readonly type: "radius";
+            readonly category: "Style";
+        };
+        readonly accessibilityLabel: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+        };
+    };
+};
+//# sourceMappingURL=boxMeta.d.ts.map

package/dist/features/layout/boxMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boxMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/boxMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWkB,CAAC"}

package/dist/features/layout/boxMeta.js

@@ -0,0 +1,15 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+import { LAYOUT_PROPS } from './constants';
+export const boxMeta = {
+    name: 'Box',
+    category: 'foundation',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    props: {
+        ...LAYOUT_PROPS,
+        bg: { type: 'color', category: 'Style' },
+        borderColor: { type: 'color', category: 'Style' },
+        borderWidth: { type: 'number', category: 'Style' },
+    },
+};
+//# sourceMappingURL=boxMeta.js.map

package/dist/features/layout/boxMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boxMeta.js","sourceRoot":"","sources":["../../../src/features/layout/boxMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,YAAY;IACtB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,KAAK,EAAE;QACL,GAAG,YAAY;QACf,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;QACxC,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;QACjD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;KACnD;CACmC,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\nimport { LAYOUT_PROPS } from './constants';\n\nexport const boxMeta = {\n  name: 'Box',\n  category: 'foundation',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  props: {\n    ...LAYOUT_PROPS,\n    bg: { type: 'color', category: 'Style' },\n    borderColor: { type: 'color', category: 'Style' },\n    borderWidth: { type: 'number', category: 'Style' },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/layout/constants.d.ts

@@ -0,0 +1,64 @@
+export declare const CONTENT_RAIL_SPACING_VALUES: readonly ["none", "xs", "s", "m", "l", "xl"];
+export declare const LAYOUT_PROPS: {
+    readonly p: {
+        readonly type: "spacing";
+        readonly category: "Spacing";
+    };
+    readonly px: {
+        readonly type: "spacing";
+        readonly category: "Spacing";
+    };
+    readonly py: {
+        readonly type: "spacing";
+        readonly category: "Spacing";
+    };
+    readonly pt: {
+        readonly type: "spacing";
+        readonly category: "Spacing";
+    };
+    readonly pb: {
+        readonly type: "spacing";
+        readonly category: "Spacing";
+    };
+    readonly m: {
+        readonly type: "spacing";
+        readonly category: "Spacing";
+    };
+    readonly width: {
+        readonly type: "number";
+        readonly category: "Layout";
+    };
+    readonly height: {
+        readonly type: "number";
+        readonly category: "Layout";
+    };
+    readonly minWidth: {
+        readonly type: "number";
+        readonly category: "Layout";
+    };
+    readonly maxWidth: {
+        readonly type: "number";
+        readonly category: "Layout";
+    };
+    readonly minHeight: {
+        readonly type: "number";
+        readonly category: "Layout";
+    };
+    readonly maxHeight: {
+        readonly type: "number";
+        readonly category: "Layout";
+    };
+    readonly flex: {
+        readonly type: "number";
+        readonly category: "Layout";
+    };
+    readonly radius: {
+        readonly type: "radius";
+        readonly category: "Style";
+    };
+    readonly accessibilityLabel: {
+        readonly type: "string";
+        readonly category: "Accessibility";
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/features/layout/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/features/layout/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,8CAA+C,CAAC;AAExF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBsB,CAAC"}

package/dist/features/layout/constants.js

@@ -0,0 +1,19 @@
+export const CONTENT_RAIL_SPACING_VALUES = ['none', 'xs', 's', 'm', 'l', 'xl'];
+export const LAYOUT_PROPS = {
+    p: { type: 'spacing', category: 'Spacing' },
+    px: { type: 'spacing', category: 'Spacing' },
+    py: { type: 'spacing', category: 'Spacing' },
+    pt: { type: 'spacing', category: 'Spacing' },
+    pb: { type: 'spacing', category: 'Spacing' },
+    m: { type: 'spacing', category: 'Spacing' },
+    width: { type: 'number', category: 'Layout' },
+    height: { type: 'number', category: 'Layout' },
+    minWidth: { type: 'number', category: 'Layout' },
+    maxWidth: { type: 'number', category: 'Layout' },
+    minHeight: { type: 'number', category: 'Layout' },
+    maxHeight: { type: 'number', category: 'Layout' },
+    flex: { type: 'number', category: 'Layout' },
+    radius: { type: 'radius', category: 'Style' },
+    accessibilityLabel: { type: 'string', category: 'Accessibility' },
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/layout/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/features/layout/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAU,CAAC;AAExF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC3C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5C,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC7C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAChD,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAChD,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC5C,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;IAC7C,kBAAkB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE;CACpB,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const CONTENT_RAIL_SPACING_VALUES = ['none', 'xs', 's', 'm', 'l', 'xl'] as const;\n\nexport const LAYOUT_PROPS = {\n  p: { type: 'spacing', category: 'Spacing' },\n  px: { type: 'spacing', category: 'Spacing' },\n  py: { type: 'spacing', category: 'Spacing' },\n  pt: { type: 'spacing', category: 'Spacing' },\n  pb: { type: 'spacing', category: 'Spacing' },\n  m: { type: 'spacing', category: 'Spacing' },\n  width: { type: 'number', category: 'Layout' },\n  height: { type: 'number', category: 'Layout' },\n  minWidth: { type: 'number', category: 'Layout' },\n  maxWidth: { type: 'number', category: 'Layout' },\n  minHeight: { type: 'number', category: 'Layout' },\n  maxHeight: { type: 'number', category: 'Layout' },\n  flex: { type: 'number', category: 'Layout' },\n  radius: { type: 'radius', category: 'Style' },\n  accessibilityLabel: { type: 'string', category: 'Accessibility' },\n} as const satisfies ZoraComponentMeta['props'];\n"]}

package/dist/features/layout/containerMeta.d.ts

@@ -0,0 +1,55 @@
+export declare const containerMeta: {
+    readonly name: "Container";
+    readonly category: "foundation";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "Input", "Textarea", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly props: {
+        [k: string]: {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        } | {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        } | {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        } | {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        } | {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        } | {
+            readonly type: "spacing";
+            readonly category: "Spacing";
+        } | {
+            readonly type: "number";
+            readonly category: "Layout";
+        } | {
+            readonly type: "number";
+            readonly category: "Layout";
+        } | {
+            readonly type: "number";
+            readonly category: "Layout";
+        } | {
+            readonly type: "number";
+            readonly category: "Layout";
+        } | {
+            readonly type: "number";
+            readonly category: "Layout";
+        } | {
+            readonly type: "number";
+            readonly category: "Layout";
+        } | {
+            readonly type: "number";
+            readonly category: "Layout";
+        } | {
+            readonly type: "radius";
+            readonly category: "Style";
+        } | {
+            readonly type: "string";
+            readonly category: "Accessibility";
+        };
+    };
+};
+//# sourceMappingURL=containerMeta.d.ts.map

package/dist/features/layout/containerMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/containerMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMY,CAAC"}

package/dist/features/layout/containerMeta.js

@@ -0,0 +1,10 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+import { LAYOUT_PROPS } from './constants';
+export const containerMeta = {
+    name: 'Container',
+    category: 'foundation',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    props: Object.fromEntries(Object.entries(LAYOUT_PROPS).filter(([key]) => key !== 'width')),
+};
+//# sourceMappingURL=containerMeta.js.map

package/dist/features/layout/containerMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerMeta.js","sourceRoot":"","sources":["../../../src/features/layout/containerMeta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,YAAY;IACtB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;CACtD,CAAC","sourcesContent":["import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport type { ZoraComponentMeta } from '../../metadata/types';\nimport { LAYOUT_PROPS } from './constants';\n\nexport const containerMeta = {\n  name: 'Container',\n  category: 'foundation',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  props: Object.fromEntries(Object.entries(LAYOUT_PROPS).filter(([key]) => key !== 'width')),\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/layout/contentRailMeta.d.ts

@@ -0,0 +1,153 @@
+export declare const contentRailMeta: {
+    readonly name: "ContentRail";
+    readonly category: "pattern";
+    readonly description: "Native horizontal ScrollView: sized cards with controls, or intrinsic-width content with itemSize=\"content\". The content mode has no snapping, controls, or visible-range events. Use ChipGroup wrap=false for a single scrolling row.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["Chip", "ChipGroup", "MediaCard", "MetricCard", "Avatar", "AvatarGroup", "Badge", "Button", "IconButton", "Box", "Stack", "Card", "Panel", "Image", "ProductCard", "PostCard", "ChatListItem", "MessageBubble", "MissingElement"];
+    readonly blueprint: {
+        readonly label: "Content rail";
+        readonly icon: {
+            readonly name: "albums-outline";
+        };
+        readonly defaultProps: {
+            readonly itemSize: "responsive";
+            readonly gap: "m";
+            readonly padding: "m";
+            readonly peek: 32;
+            readonly showControls: true;
+            readonly direction: "auto";
+            readonly motion: "system";
+            readonly accessibilityLabel: "Content rail";
+            readonly previousLabel: "Previous items";
+            readonly nextLabel: "Next items";
+        };
+    };
+    readonly events: {
+        readonly controlPress: {
+            readonly label: "Control press";
+            readonly eventType: "contentRail.controlPress";
+            readonly description: "Emitted after a previous or next control requests a target item.";
+            readonly payloadFields: readonly [{
+                readonly path: "direction";
+                readonly type: "string";
+                readonly label: "Direction";
+            }, {
+                readonly path: "targetIndex";
+                readonly type: "number";
+                readonly label: "Target index";
+            }];
+        };
+        readonly visibleRangeChange: {
+            readonly label: "Visible range change";
+            readonly eventType: "contentRail.visibleRangeChange";
+            readonly description: "Emitted when the zero-based visible item range changes.";
+            readonly payloadFields: readonly [{
+                readonly path: "firstVisibleIndex";
+                readonly type: "number";
+                readonly label: "First visible index";
+            }, {
+                readonly path: "lastVisibleIndex";
+                readonly type: "number";
+                readonly label: "Last visible index";
+            }, {
+                readonly path: "itemCount";
+                readonly type: "number";
+                readonly label: "Item count";
+            }];
+        };
+    };
+    readonly slots: {
+        readonly children: {
+            readonly label: "Rail items";
+            readonly allowedChildren: readonly ["Chip", "ChipGroup", "MediaCard", "MetricCard", "Avatar", "AvatarGroup", "Badge", "Button", "IconButton", "Box", "Stack", "Card", "Panel", "Image", "ProductCard", "PostCard", "ChatListItem", "MessageBubble", "MissingElement"];
+        };
+    };
+    readonly props: {
+        readonly bounces: {
+            readonly type: "boolean";
+            readonly category: "Behavior";
+            readonly label: "Bounce (iOS)";
+        };
+        readonly showsScrollIndicator: {
+            readonly type: "boolean";
+            readonly category: "Style";
+            readonly label: "Show scroll indicator";
+        };
+        readonly itemSize: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly label: "Item size";
+            readonly enum: readonly ["compact", "regular", "wide", "responsive", "content"];
+            readonly default: "responsive";
+        };
+        readonly gap: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly label: "Gap";
+            readonly enum: readonly ["none", "xs", "s", "m", "l", "xl"];
+            readonly default: "m";
+        };
+        readonly padding: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly label: "Horizontal padding";
+            readonly enum: readonly ["none", "xs", "s", "m", "l", "xl"];
+            readonly default: "m";
+        };
+        readonly peek: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly label: "Partial next item";
+            readonly default: 32;
+        };
+        readonly showControls: {
+            readonly type: "boolean";
+            readonly category: "Controls";
+            readonly label: "Show controls";
+            readonly default: true;
+        };
+        readonly direction: {
+            readonly type: "enum";
+            readonly category: "Layout";
+            readonly label: "Reading direction";
+            readonly enum: readonly ["auto", "ltr", "rtl"];
+            readonly default: "auto";
+        };
+        readonly motion: {
+            readonly type: "enum";
+            readonly category: "Accessibility";
+            readonly label: "Motion";
+            readonly enum: readonly ["system", "animated", "reduced"];
+            readonly default: "system";
+        };
+        readonly accessibilityLabel: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+            readonly label: "Rail label";
+            readonly default: "Content rail";
+        };
+        readonly previousLabel: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+            readonly label: "Previous control label";
+            readonly default: "Previous items";
+        };
+        readonly nextLabel: {
+            readonly type: "string";
+            readonly category: "Accessibility";
+            readonly label: "Next control label";
+            readonly default: "Next items";
+        };
+        readonly onControlPress: {
+            readonly type: "action";
+            readonly category: "Events";
+            readonly label: "Control press action";
+        };
+        readonly onVisibleRangeChange: {
+            readonly type: "action";
+            readonly category: "Events";
+            readonly label: "Visible range change action";
+        };
+    };
+};
+//# sourceMappingURL=contentRailMeta.d.ts.map

package/dist/features/layout/contentRailMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentRailMeta.d.ts","sourceRoot":"","sources":["../../../src/features/layout/contentRailMeta.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIU,CAAC"}

package/dist/features/layout/contentRailMeta.js

@@ -0,0 +1,132 @@
+import { CONTENT_RAIL_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+import { CONTENT_RAIL_SPACING_VALUES } from './constants';
+export const contentRailMeta = {
+    name: 'ContentRail',
+    category: 'pattern',
+    description: 'Native horizontal ScrollView: sized cards with controls, or intrinsic-width content with itemSize="content". The content mode has no snapping, controls, or visible-range events. Use ChipGroup wrap=false for a single scrolling row.',
+    directManifestNode: true,
+    allowedChildren: [...CONTENT_RAIL_ALLOWED_CHILDREN],
+    blueprint: {
+        label: 'Content rail',
+        icon: { name: 'albums-outline' },
+        defaultProps: {
+            itemSize: 'responsive',
+            gap: 'm',
+            padding: 'm',
+            peek: 32,
+            showControls: true,
+            direction: 'auto',
+            motion: 'system',
+            accessibilityLabel: 'Content rail',
+            previousLabel: 'Previous items',
+            nextLabel: 'Next items',
+        },
+    },
+    events: {
+        controlPress: {
+            label: 'Control press',
+            eventType: 'contentRail.controlPress',
+            description: 'Emitted after a previous or next control requests a target item.',
+            payloadFields: [
+                { path: 'direction', type: 'string', label: 'Direction' },
+                { path: 'targetIndex', type: 'number', label: 'Target index' },
+            ],
+        },
+        visibleRangeChange: {
+            label: 'Visible range change',
+            eventType: 'contentRail.visibleRangeChange',
+            description: 'Emitted when the zero-based visible item range changes.',
+            payloadFields: [
+                { path: 'firstVisibleIndex', type: 'number', label: 'First visible index' },
+                { path: 'lastVisibleIndex', type: 'number', label: 'Last visible index' },
+                { path: 'itemCount', type: 'number', label: 'Item count' },
+            ],
+        },
+    },
+    slots: {
+        children: {
+            label: 'Rail items',
+            allowedChildren: [...CONTENT_RAIL_ALLOWED_CHILDREN],
+        },
+    },
+    props: {
+        bounces: { type: 'boolean', category: 'Behavior', label: 'Bounce (iOS)' },
+        showsScrollIndicator: { type: 'boolean', category: 'Style', label: 'Show scroll indicator' },
+        itemSize: {
+            type: 'enum',
+            category: 'Layout',
+            label: 'Item size',
+            enum: ['compact', 'regular', 'wide', 'responsive', 'content'],
+            default: 'responsive',
+        },
+        gap: {
+            type: 'enum',
+            category: 'Layout',
+            label: 'Gap',
+            enum: CONTENT_RAIL_SPACING_VALUES,
+            default: 'm',
+        },
+        padding: {
+            type: 'enum',
+            category: 'Layout',
+            label: 'Horizontal padding',
+            enum: CONTENT_RAIL_SPACING_VALUES,
+            default: 'm',
+        },
+        peek: {
+            type: 'number',
+            category: 'Layout',
+            label: 'Partial next item',
+            default: 32,
+        },
+        showControls: {
+            type: 'boolean',
+            category: 'Controls',
+            label: 'Show controls',
+            default: true,
+        },
+        direction: {
+            type: 'enum',
+            category: 'Layout',
+            label: 'Reading direction',
+            enum: ['auto', 'ltr', 'rtl'],
+            default: 'auto',
+        },
+        motion: {
+            type: 'enum',
+            category: 'Accessibility',
+            label: 'Motion',
+            enum: ['system', 'animated', 'reduced'],
+            default: 'system',
+        },
+        accessibilityLabel: {
+            type: 'string',
+            category: 'Accessibility',
+            label: 'Rail label',
+            default: 'Content rail',
+        },
+        previousLabel: {
+            type: 'string',
+            category: 'Accessibility',
+            label: 'Previous control label',
+            default: 'Previous items',
+        },
+        nextLabel: {
+            type: 'string',
+            category: 'Accessibility',
+            label: 'Next control label',
+            default: 'Next items',
+        },
+        onControlPress: {
+            type: 'action',
+            category: 'Events',
+            label: 'Control press action',
+        },
+        onVisibleRangeChange: {
+            type: 'action',
+            category: 'Events',
+            label: 'Visible range change action',
+        },
+    },
+};
+//# sourceMappingURL=contentRailMeta.js.map

package/dist/features/layout/contentRailMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentRailMeta.js","sourceRoot":"","sources":["../../../src/features/layout/contentRailMeta.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { CONTENT_RAIL_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\nimport { CONTENT_RAIL_SPACING_VALUES } from './constants';\n\nexport const contentRailMeta = {\n  name: 'ContentRail',\n  category: 'pattern',\n  description:\n    'Native horizontal ScrollView: sized cards with controls, or intrinsic-width content with itemSize=\"content\". The content mode has no snapping, controls, or visible-range events. Use ChipGroup wrap=false for a single scrolling row.',\n  directManifestNode: true,\n  allowedChildren: [...CONTENT_RAIL_ALLOWED_CHILDREN],\n  blueprint: {\n    label: 'Content rail',\n    icon: { name: 'albums-outline' },\n    defaultProps: {\n      itemSize: 'responsive',\n      gap: 'm',\n      padding: 'm',\n      peek: 32,\n      showControls: true,\n      direction: 'auto',\n      motion: 'system',\n      accessibilityLabel: 'Content rail',\n      previousLabel: 'Previous items',\n      nextLabel: 'Next items',\n    },\n  },\n  events: {\n    controlPress: {\n      label: 'Control press',\n      eventType: 'contentRail.controlPress',\n      description: 'Emitted after a previous or next control requests a target item.',\n      payloadFields: [\n        { path: 'direction', type: 'string', label: 'Direction' },\n        { path: 'targetIndex', type: 'number', label: 'Target index' },\n      ],\n    },\n    visibleRangeChange: {\n      label: 'Visible range change',\n      eventType: 'contentRail.visibleRangeChange',\n      description: 'Emitted when the zero-based visible item range changes.',\n      payloadFields: [\n        { path: 'firstVisibleIndex', type: 'number', label: 'First visible index' },\n        { path: 'lastVisibleIndex', type: 'number', label: 'Last visible index' },\n        { path: 'itemCount', type: 'number', label: 'Item count' },\n      ],\n    },\n  },\n  slots: {\n    children: {\n      label: 'Rail items',\n      allowedChildren: [...CONTENT_RAIL_ALLOWED_CHILDREN],\n    },\n  },\n  props: {\n    bounces: { type: 'boolean', category: 'Behavior', label: 'Bounce (iOS)' },\n    showsScrollIndicator: { type: 'boolean', category: 'Style', label: 'Show scroll indicator' },\n    itemSize: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Item size',\n      enum: ['compact', 'regular', 'wide', 'responsive', 'content'],\n      default: 'responsive',\n    },\n    gap: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Gap',\n      enum: CONTENT_RAIL_SPACING_VALUES,\n      default: 'm',\n    },\n    padding: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Horizontal padding',\n      enum: CONTENT_RAIL_SPACING_VALUES,\n      default: 'm',\n    },\n    peek: {\n      type: 'number',\n      category: 'Layout',\n      label: 'Partial next item',\n      default: 32,\n    },\n    showControls: {\n      type: 'boolean',\n      category: 'Controls',\n      label: 'Show controls',\n      default: true,\n    },\n    direction: {\n      type: 'enum',\n      category: 'Layout',\n      label: 'Reading direction',\n      enum: ['auto', 'ltr', 'rtl'],\n      default: 'auto',\n    },\n    motion: {\n      type: 'enum',\n      category: 'Accessibility',\n      label: 'Motion',\n      enum: ['system', 'animated', 'reduced'],\n      default: 'system',\n    },\n    accessibilityLabel: {\n      type: 'string',\n      category: 'Accessibility',\n      label: 'Rail label',\n      default: 'Content rail',\n    },\n    previousLabel: {\n      type: 'string',\n      category: 'Accessibility',\n      label: 'Previous control label',\n      default: 'Previous items',\n    },\n    nextLabel: {\n      type: 'string',\n      category: 'Accessibility',\n      label: 'Next control label',\n      default: 'Next items',\n    },\n    onControlPress: {\n      type: 'action',\n      category: 'Events',\n      label: 'Control press action',\n    },\n    onVisibleRangeChange: {\n      type: 'action',\n      category: 'Events',\n      label: 'Visible range change action',\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}