@ankhorage/zora 7.0.0 → 9.0.0

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"}

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 ["ActivityIndicator", "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", "TextInput", "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 ["ActivityIndicator", "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", "TextInput", "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"}