@ankhorage/zora 15.0.0 → 17.0.0

package/dist/features/card/postCardMeta.d.ts

@@ -3,7 +3,7 @@ export declare const postCardMeta: {
     readonly category: "pattern";
     readonly description: "Social/content post card with author identity, body, media, actions, and comment previews.";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Dialog", "Pagination", "Rating", "SearchInput", "Tabs", "Toolbar", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "View", "ScrollView", "Grid", "Gradient", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Post card";
         readonly icon: {

package/dist/features/chip/adapters/inbound/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAK9E;;GAEG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAK9E;;GAEG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/features/chip/adapters/inbound/Chip.js

@@ -1,11 +1,10 @@
 import { ButtonBase } from '@ankhorage/surface';
 import React from 'react';
-import { Inline } from '../../../../foundation';
 import { resolveIconSize } from '../../../../internal/recipes';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Icon } from '../../../icon/public';
-import { Box } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { Text } from '../../../typography/public';
 import { resolveChipColors } from '../../utils/resolveChipColors';
 /***
@@ -35,17 +34,17 @@ function ChipInner({ themeId: _themeId, mode: _mode, testID, children, icon, sel
                 ? color
                 : undefined;
         const textEmphasis = state.disabled ? 'muted' : 'default';
-        return (<Box bg={colors.backgroundColor} borderColor={colors.borderColor} borderWidth={1} px={padding.px} py={padding.py} radius="full" style={{
+        return (<View bg={colors.backgroundColor} borderColor={colors.borderColor} borderWidth={1} px={padding.px} py={padding.py} radius="full" style={{
                 alignSelf: 'flex-start',
                 opacity: colors.opacity,
             }}>
-        <Inline align="center" gap="xs" wrap="nowrap">
+        <View direction="row" align="center" gap="xs" wrap="nowrap">
           {icon ? <Icon {...icon} color={colors.contentColor} size={iconSize}/> : null}
           <Text color={textColor} emphasis={textEmphasis} variant="label">
             {children}
           </Text>
-        </Inline>
-      </Box>);
+        </View>
+      </View>);
     };
     if (!onPress) {
         return renderContent({ disabled, focused: false, hovered: false, pressed: false });

package/dist/features/chip/adapters/inbound/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/Chip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ButtonBase } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Inline } from '../../../../foundation';\nimport { resolveIconSize } from '../../../../internal/recipes';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ChipInteractionState, ChipProps } from '../../../../types/chip';\nimport { Icon } from '../../../icon/public';\nimport { Box } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { resolveChipColors } from '../../utils/resolveChipColors';\n/***\n * Compact pill-like control for filters, tags, and quick selections.\n */\nexport const Chip = withZoraThemeScope(ChipInner);\n\nfunction resolveChipPadding(size: NonNullable<ChipProps['size']>): {\n  px: 's' | 'm';\n  py: 'xxs' | 'xs';\n} {\n  switch (size) {\n    case 's':\n      return { px: 's', py: 'xxs' };\n    case 'm':\n      return { px: 'm', py: 'xs' };\n    case 'l':\n    default:\n      return { px: 'm', py: 'xs' };\n  }\n}\n\nfunction ChipInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  children,\n  icon,\n  selected = false,\n  disabled = false,\n  color = 'neutral',\n  size = 's',\n  interactionPolicy,\n  onPress,\n}: ChipProps) {\n  const { theme } = useZoraTheme();\n  const padding = resolveChipPadding(size);\n  const iconSize = resolveIconSize(size);\n\n  const renderContent = (state: ChipInteractionState) => {\n    const colors = resolveChipColors({ theme, color, selected, state });\n    const textColor = state.disabled\n      ? undefined\n      : selected && color !== 'neutral'\n        ? color\n        : undefined;\n    const textEmphasis = state.disabled ? 'muted' : 'default';\n\n    return (\n      <Box\n        bg={colors.backgroundColor}\n        borderColor={colors.borderColor}\n        borderWidth={1}\n        px={padding.px}\n        py={padding.py}\n        radius=\"full\"\n        style={{\n          alignSelf: 'flex-start',\n          opacity: colors.opacity,\n        }}\n      >\n        <Inline align=\"center\" gap=\"xs\" wrap=\"nowrap\">\n          {icon ? <Icon {...icon} color={colors.contentColor} size={iconSize} /> : null}\n          <Text color={textColor} emphasis={textEmphasis} variant=\"label\">\n            {children}\n          </Text>\n        </Inline>\n      </Box>\n    );\n  };\n\n  if (!onPress) {\n    return renderContent({ disabled, focused: false, hovered: false, pressed: false });\n  }\n\n  return (\n    <ButtonBase\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      onPress={onPress}\n      radius=\"full\"\n      testID={testID}\n    >\n      {(state) => renderContent(state)}\n    </ButtonBase>\n  );\n}\n"]}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/Chip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ButtonBase } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../../../internal/recipes';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ChipInteractionState, ChipProps } from '../../../../types/chip';\nimport { Icon } from '../../../icon/public';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { resolveChipColors } from '../../utils/resolveChipColors';\n/***\n * Compact pill-like control for filters, tags, and quick selections.\n */\nexport const Chip = withZoraThemeScope(ChipInner);\n\nfunction resolveChipPadding(size: NonNullable<ChipProps['size']>): {\n  px: 's' | 'm';\n  py: 'xxs' | 'xs';\n} {\n  switch (size) {\n    case 's':\n      return { px: 's', py: 'xxs' };\n    case 'm':\n      return { px: 'm', py: 'xs' };\n    case 'l':\n    default:\n      return { px: 'm', py: 'xs' };\n  }\n}\n\nfunction ChipInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  children,\n  icon,\n  selected = false,\n  disabled = false,\n  color = 'neutral',\n  size = 's',\n  interactionPolicy,\n  onPress,\n}: ChipProps) {\n  const { theme } = useZoraTheme();\n  const padding = resolveChipPadding(size);\n  const iconSize = resolveIconSize(size);\n\n  const renderContent = (state: ChipInteractionState) => {\n    const colors = resolveChipColors({ theme, color, selected, state });\n    const textColor = state.disabled\n      ? undefined\n      : selected && color !== 'neutral'\n        ? color\n        : undefined;\n    const textEmphasis = state.disabled ? 'muted' : 'default';\n\n    return (\n      <View\n        bg={colors.backgroundColor}\n        borderColor={colors.borderColor}\n        borderWidth={1}\n        px={padding.px}\n        py={padding.py}\n        radius=\"full\"\n        style={{\n          alignSelf: 'flex-start',\n          opacity: colors.opacity,\n        }}\n      >\n        <View direction=\"row\" align=\"center\" gap=\"xs\" wrap=\"nowrap\">\n          {icon ? <Icon {...icon} color={colors.contentColor} size={iconSize} /> : null}\n          <Text color={textColor} emphasis={textEmphasis} variant=\"label\">\n            {children}\n          </Text>\n        </View>\n      </View>\n    );\n  };\n\n  if (!onPress) {\n    return renderContent({ disabled, focused: false, hovered: false, pressed: false });\n  }\n\n  return (\n    <ButtonBase\n      disabled={disabled}\n      interactionPolicy={interactionPolicy}\n      onPress={onPress}\n      radius=\"full\"\n      testID={testID}\n    >\n      {(state) => renderContent(state)}\n    </ButtonBase>\n  );\n}\n"]}

package/dist/features/chip/adapters/inbound/ChipGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAElF;;GAEG;AACH,eAAO,MAAM,SAAS,GAUE,MAAM,SAAS,MAAM,sEAVc,CAAC"}
+{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,SAAS,GAUE,MAAM,SAAS,MAAM,sEAVc,CAAC"}

package/dist/features/chip/adapters/inbound/ChipGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Inline } from '../../../../foundation';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { View } from '../../../layout/public';
 import { Chip } from '../../public';
 /***
  * Renders a row or wrap layout of `Chip` items.
@@ -31,8 +31,8 @@ function ChipGroupInner({ themeId: _themeId, mode: _mode, testID, items, value,
         {item.label}
       </Chip>);
     };
-    return (<Inline align="center" gap="s" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>
+    return (<View direction="row" align="center" gap="s" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>
       {items.map(renderChip)}
-    </Inline>);
+    </View>);
 }
 //# sourceMappingURL=ChipGroup.js.map

package/dist/features/chip/adapters/inbound/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/ChipGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Inline } from '../../../../foundation';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ChipGroupItem, ChipGroupProps } from '../../../../types/chip-group';\nimport { Chip } from '../../public';\n/***\n * Renders a row or wrap layout of `Chip` items.\n */\nexport const ChipGroup = withZoraThemeScope(ChipGroupInner);\n\nfunction hasValue<TValue extends string>(values: readonly TValue[], value: TValue): boolean {\n  return values.includes(value);\n}\n\nfunction toggleValue<TValue extends string>(values: readonly TValue[], value: TValue): TValue[] {\n  return hasValue(values, value) ? values.filter((item) => item !== value) : [...values, value];\n}\n\nfunction ChipGroupInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  items,\n  value,\n  onValueChange,\n  multiple,\n  color = 'neutral',\n  size = 's',\n  wrap = true,\n  disabled,\n  interactionPolicy,\n}: ChipGroupProps<TValue>) {\n  const passive = interactionPolicy === 'passive';\n\n  const renderChip = (item: ChipGroupItem<TValue>) => {\n    const itemDisabled = disabled === true || item.disabled === true;\n    const isSelected = Array.isArray(value) ? hasValue(value, item.value) : value === item.value;\n\n    const handlePress = () => {\n      if (passive) return;\n      if (multiple) {\n        const next = toggleValue(value ?? [], item.value);\n        onValueChange?.(next);\n        return;\n      }\n\n      onValueChange?.(item.value);\n    };\n\n    return (\n      <Chip\n        interactionPolicy={interactionPolicy}\n        key={item.value}\n        disabled={itemDisabled}\n        icon={item.icon}\n        onPress={handlePress}\n        selected={isSelected}\n        size={size}\n        testID={item.testID}\n        color={color}\n      >\n        {item.label}\n      </Chip>\n    );\n  };\n\n  return (\n    <Inline align=\"center\" gap=\"s\" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>\n      {items.map(renderChip)}\n    </Inline>\n  );\n}\n"]}
+{"version":3,"file":"ChipGroup.js","sourceRoot":"","sources":["../../../../../src/features/chip/adapters/inbound/ChipGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { ChipGroupItem, ChipGroupProps } from '../../../../types/chip-group';\nimport { View } from '../../../layout/public';\nimport { Chip } from '../../public';\n/***\n * Renders a row or wrap layout of `Chip` items.\n */\nexport const ChipGroup = withZoraThemeScope(ChipGroupInner);\n\nfunction hasValue<TValue extends string>(values: readonly TValue[], value: TValue): boolean {\n  return values.includes(value);\n}\n\nfunction toggleValue<TValue extends string>(values: readonly TValue[], value: TValue): TValue[] {\n  return hasValue(values, value) ? values.filter((item) => item !== value) : [...values, value];\n}\n\nfunction ChipGroupInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  items,\n  value,\n  onValueChange,\n  multiple,\n  color = 'neutral',\n  size = 's',\n  wrap = true,\n  disabled,\n  interactionPolicy,\n}: ChipGroupProps<TValue>) {\n  const passive = interactionPolicy === 'passive';\n\n  const renderChip = (item: ChipGroupItem<TValue>) => {\n    const itemDisabled = disabled === true || item.disabled === true;\n    const isSelected = Array.isArray(value) ? hasValue(value, item.value) : value === item.value;\n\n    const handlePress = () => {\n      if (passive) return;\n      if (multiple) {\n        const next = toggleValue(value ?? [], item.value);\n        onValueChange?.(next);\n        return;\n      }\n\n      onValueChange?.(item.value);\n    };\n\n    return (\n      <Chip\n        interactionPolicy={interactionPolicy}\n        key={item.value}\n        disabled={itemDisabled}\n        icon={item.icon}\n        onPress={handlePress}\n        selected={isSelected}\n        size={size}\n        testID={item.testID}\n        color={color}\n      >\n        {item.label}\n      </Chip>\n    );\n  };\n\n  return (\n    <View direction=\"row\" align=\"center\" gap=\"s\" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>\n      {items.map(renderChip)}\n    </View>\n  );\n}\n"]}

package/dist/features/content-rail/adapters/inbound/ContentRail.d.ts.map

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

package/dist/features/{layout → content-rail}/adapters/inbound/ContentRail.js

@@ -1,11 +1,10 @@
 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 { View } from '../../../layout/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';
@@ -141,16 +140,16 @@ function ContentRailCarousel({ themeId: _themeId, mode: _mode, interactionPolicy
         gap: gapValue,
         paddingHorizontal: paddingValue,
     };
-    return (<Stack gap="s" testID={testID}>
-      {showControls && hasOverflow ? (<Inline justify="space-between" wrap="nowrap">
+    return (<View gap="s" testID={testID}>
+      {showControls && hasOverflow ? (<View direction="row" justify="space-between" wrap="nowrap">
           <Text accessibilityLiveRegion="polite" emphasis="muted" variant="caption">
             {rangeLabel}
           </Text>
-          <Inline gap="xs" wrap="nowrap">
+          <View direction="row" 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}
+          </View>
+        </View>) : null}
       <ScrollView accessibilityLabel={accessibilityLabel} accessibilityRole="list" contentContainerStyle={contentStyle} decelerationRate="fast" disableIntervalMomentum horizontal onContentSizeChange={(width) => {
             if (isRtl)
                 rtlInitializedRef.current = false;
@@ -160,11 +159,11 @@ function ContentRailCarousel({ themeId: _themeId, mode: _mode, interactionPolicy
                 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 }}>
+        {items.map((item, index) => (<View key={index} style={{ flexShrink: 0, width: itemWidth || undefined }}>
             {item}
-          </Box>))}
+          </View>))}
       </ScrollView>
-    </Stack>);
+    </View>);
 }
 function resolveSpacingValue(spacing, token) {
     if (token === 'none')

package/dist/features/content-rail/adapters/inbound/ContentRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRail.js","sourceRoot":"","sources":["../../../../../src/features/content-rail/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 { 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 { View } from '../../../layout/public';\nimport { Text } from '../../../typography/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    <View gap=\"s\" testID={testID}>\n      {showControls && hasOverflow ? (\n        <View direction=\"row\" justify=\"space-between\" wrap=\"nowrap\">\n          <Text accessibilityLiveRegion=\"polite\" emphasis=\"muted\" variant=\"caption\">\n            {rangeLabel}\n          </Text>\n          <View direction=\"row\" 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          </View>\n        </View>\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          <View key={index} style={{ flexShrink: 0, width: itemWidth || undefined }}>\n            {item}\n          </View>\n        ))}\n      </ScrollView>\n    </View>\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/content-rail/adapters/inbound/ContentRailFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRailFlow.d.ts","sourceRoot":"","sources":["../../../../../src/features/content-rail/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/content-rail/adapters/inbound/ContentRailFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRailFlow.js","sourceRoot":"","sources":["../../../../../src/features/content-rail/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/content-rail/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CONTENT_RAIL_SPACING_VALUES: readonly ["none", "xs", "s", "m", "l", "xl"];
+//# sourceMappingURL=constants.d.ts.map

package/dist/features/content-rail/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/features/content-rail/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,8CAA+C,CAAC"}

package/dist/features/content-rail/constants.js

@@ -0,0 +1,2 @@
+export const CONTENT_RAIL_SPACING_VALUES = ['none', 'xs', 's', 'm', 'l', 'xl'];
+//# sourceMappingURL=constants.js.map

package/dist/features/content-rail/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/features/content-rail/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAU,CAAC","sourcesContent":["export const CONTENT_RAIL_SPACING_VALUES = ['none', 'xs', 's', 'm', 'l', 'xl'] as const;\n"]}

package/dist/features/{layout → content-rail}/contentRailMeta.d.ts

@@ -3,7 +3,7 @@ export declare const contentRailMeta: {
     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 allowedChildren: readonly ["Chip", "ChipGroup", "MediaCard", "MetricCard", "Avatar", "AvatarGroup", "Badge", "Button", "IconButton", "View", "ScrollView", "Card", "Panel", "Image", "ProductCard", "PostCard", "ChatListItem", "MessageBubble", "MissingElement"];
     readonly blueprint: {
         readonly label: "Content rail";
         readonly icon: {
@@ -59,7 +59,7 @@ export declare const contentRailMeta: {
     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 allowedChildren: readonly ["Chip", "ChipGroup", "MediaCard", "MetricCard", "Avatar", "AvatarGroup", "Badge", "Button", "IconButton", "View", "ScrollView", "Card", "Panel", "Image", "ProductCard", "PostCard", "ChatListItem", "MessageBubble", "MissingElement"];
         };
     };
     readonly props: {

package/dist/features/content-rail/contentRailMeta.d.ts.map

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

package/dist/features/content-rail/contentRailMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentRailMeta.js","sourceRoot":"","sources":["../../../src/features/content-rail/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"]}

package/dist/features/content-rail/public.d.ts

@@ -0,0 +1,3 @@
+export type { ContentRailControlPressEvent, ContentRailDirection, ContentRailItemSize, ContentRailMotion, ContentRailProps, ContentRailSpacing, ContentRailVisibleRangeChangeEvent, } from '../../types/content-rail';
+export { ContentRail } from './adapters/inbound/ContentRail';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/content-rail/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/content-rail/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,4BAA4B,EAC5B,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/features/content-rail/public.js

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

package/dist/features/content-rail/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/content-rail/public.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export type {\n  ContentRailControlPressEvent,\n  ContentRailDirection,\n  ContentRailItemSize,\n  ContentRailMotion,\n  ContentRailProps,\n  ContentRailSpacing,\n  ContentRailVisibleRangeChangeEvent,\n} from '../../types/content-rail';\nexport { ContentRail } from './adapters/inbound/ContentRail';\n"]}

package/dist/features/content-rail/utils/resolveContentRailItemWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveContentRailItemWidth.d.ts","sourceRoot":"","sources":["../../../../src/features/content-rail/utils/resolveContentRailItemWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,wBAAgB,2BAA2B,CAAC,EAC1C,GAAG,EACH,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,aAAa,GACd,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;CACvB,GAAG,MAAM,CAgBT"}

package/dist/features/content-rail/utils/resolveContentRailItemWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveContentRailItemWidth.js","sourceRoot":"","sources":["../../../../src/features/content-rail/utils/resolveContentRailItemWidth.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,2BAA2B,CAAC,EAC1C,GAAG,EACH,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,aAAa,GAQd;IACC,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC;IACrC,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC;IAChE,IAAI,cAAc,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IAEtD,MAAM,UAAU,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACnD,IAAI,UAAU,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;IAE1E,MAAM,KAAK,GAAG,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClG,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACxC,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,CAAC,cAAc,GAAG,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE1E,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACrF,CAAC;AAED,SAAS,qBAAqB,CAAC,QAA6B;IAC1D,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,GAAG,CAAC;IACvC,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,GAAG,CAAC;IACvC,IAAI,QAAQ,KAAK,MAAM;QAAE,OAAO,GAAG,CAAC;IACpC,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["import type { ContentRailItemSize } from '../../../types/content-rail';\n\nexport function resolveContentRailItemWidth({\n  gap,\n  itemCount,\n  itemSize,\n  padding,\n  peek,\n  viewportWidth,\n}: {\n  gap: number;\n  itemCount: number;\n  itemSize: ContentRailItemSize;\n  padding: number;\n  peek: number;\n  viewportWidth: number;\n}): number {\n  if (itemSize === 'content') return 0;\n  const availableWidth = Math.max(0, viewportWidth - padding * 2);\n  if (availableWidth === 0 || itemCount === 0) return 0;\n\n  const fixedWidth = resolveFixedItemWidth(itemSize);\n  if (fixedWidth !== undefined) return Math.min(fixedWidth, availableWidth);\n\n  const slots = viewportWidth >= 1024 ? 4 : viewportWidth >= 768 ? 3 : viewportWidth >= 480 ? 2 : 1;\n  const fullItems = Math.min(slots, itemCount);\n  const overflows = itemCount > fullItems;\n  const resolvedPeek = overflows ? Math.min(Math.max(0, peek), availableWidth / 2) : 0;\n  const gaps = overflows ? fullItems : Math.max(0, fullItems - 1);\n  const resolved = (availableWidth - resolvedPeek - gap * gaps) / fullItems;\n\n  return Math.min(280, Math.max(Math.min(96, availableWidth), Math.floor(resolved)));\n}\n\nfunction resolveFixedItemWidth(itemSize: ContentRailItemSize): number | undefined {\n  if (itemSize === 'compact') return 144;\n  if (itemSize === 'regular') return 200;\n  if (itemSize === 'wide') return 280;\n  return undefined;\n}\n"]}

package/dist/features/content-rail/utils/resolveContentRailPhysicalOffset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveContentRailPhysicalOffset.d.ts","sourceRoot":"","sources":["../../../../src/features/content-rail/utils/resolveContentRailPhysicalOffset.ts"],"names":[],"mappings":"AAAA,wBAAgB,gCAAgC,CAAC,EAC/C,KAAK,EACL,aAAa,EACb,SAAS,GACV,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAGT"}

package/dist/features/content-rail/utils/resolveContentRailPhysicalOffset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveContentRailPhysicalOffset.js","sourceRoot":"","sources":["../../../../src/features/content-rail/utils/resolveContentRailPhysicalOffset.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gCAAgC,CAAC,EAC/C,KAAK,EACL,aAAa,EACb,SAAS,GAKV;IACC,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;IACnF,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;AACxE,CAAC","sourcesContent":["export function resolveContentRailPhysicalOffset({\n  isRtl,\n  logicalOffset,\n  maxOffset,\n}: {\n  isRtl: boolean;\n  logicalOffset: number;\n  maxOffset: number;\n}): number {\n  const clampedOffset = Math.min(Math.max(0, logicalOffset), Math.max(0, maxOffset));\n  return isRtl ? Math.max(0, maxOffset) - clampedOffset : clampedOffset;\n}\n"]}

package/dist/features/content-rail/utils/resolveContentRailState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveContentRailState.d.ts","sourceRoot":"","sources":["../../../../src/features/content-rail/utils/resolveContentRailState.ts"],"names":[],"mappings":"AAAA,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,GAAG,EACH,SAAS,EACT,SAAS,EACT,aAAa,EACb,aAAa,GACd,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;;;;;;;;;EAqBA"}

package/dist/features/content-rail/utils/resolveContentRailState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveContentRailState.js","sourceRoot":"","sources":["../../../../src/features/content-rail/utils/resolveContentRailState.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,uBAAuB,CAAC,EACtC,YAAY,EACZ,GAAG,EACH,SAAS,EACT,SAAS,EACT,aAAa,EACb,aAAa,GAQd;IACC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC,CAAC;IAC5D,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAG,SAAS,GAAG,GAAG,CAAC;IAC/B,MAAM,iBAAiB,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChG,MAAM,gBAAgB,GACpB,MAAM,GAAG,CAAC;QACR,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACxF,CAAC,CAAC,CAAC,CAAC;IACR,MAAM,WAAW,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjE,OAAO;QACL,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;QAC3E,SAAS,EAAE,SAAS,GAAG,CAAC,IAAI,MAAM,GAAG,SAAS,GAAG,CAAC;QAClD,aAAa,EAAE,SAAS,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC;QAC1C,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB;QAC3D,gBAAgB,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACzD,SAAS;QACT,MAAM;QACN,MAAM;KACP,CAAC;AACJ,CAAC","sourcesContent":["export function resolveContentRailState({\n  contentWidth,\n  gap,\n  itemCount,\n  itemWidth,\n  logicalOffset,\n  viewportWidth,\n}: {\n  contentWidth: number;\n  gap: number;\n  itemCount: number;\n  itemWidth: number;\n  logicalOffset: number;\n  viewportWidth: number;\n}) {\n  const maxOffset = Math.max(0, contentWidth - viewportWidth);\n  const offset = Math.min(Math.max(0, logicalOffset), maxOffset);\n  const stride = itemWidth + gap;\n  const firstVisibleIndex = stride > 0 ? Math.min(itemCount - 1, Math.floor(offset / stride)) : 0;\n  const lastVisibleIndex =\n    stride > 0\n      ? Math.min(itemCount - 1, Math.max(0, Math.ceil((offset + viewportWidth) / stride) - 1))\n      : 0;\n  const anchorIndex = stride > 0 ? Math.round(offset / stride) : 0;\n\n  return {\n    anchorIndex: Math.min(Math.max(0, anchorIndex), Math.max(0, itemCount - 1)),\n    canGoNext: itemCount > 0 && offset < maxOffset - 1,\n    canGoPrevious: itemCount > 0 && offset > 1,\n    firstVisibleIndex: itemCount === 0 ? -1 : firstVisibleIndex,\n    lastVisibleIndex: itemCount === 0 ? -1 : lastVisibleIndex,\n    maxOffset,\n    offset,\n    stride,\n  };\n}\n"]}

package/dist/features/content-rail/utils/useContentRailReducedMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentRailReducedMotion.d.ts","sourceRoot":"","sources":["../../../../src/features/content-rail/utils/useContentRailReducedMotion.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErE,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAsB9E"}

package/dist/features/content-rail/utils/useContentRailReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentRailReducedMotion.js","sourceRoot":"","sources":["../../../../src/features/content-rail/utils/useContentRailReducedMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,MAAM,UAAU,2BAA2B,CAAC,MAAyB;IACnE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,KAAK,QAAQ;YAAE,OAAO;QAEhC,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,KAAK,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9D,IAAI,MAAM;gBAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,iBAAiB,CAAC,gBAAgB,CACrD,qBAAqB,EACrB,sBAAsB,CACvB,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,KAAK,CAAC;YACf,YAAY,CAAC,MAAM,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,mBAAmB,CAAC,CAAC;AAC9E,CAAC","sourcesContent":["import React from 'react';\nimport { AccessibilityInfo } from 'react-native';\n\nimport type { ContentRailMotion } from '../../../types/content-rail';\n\nexport function useContentRailReducedMotion(motion: ContentRailMotion): boolean {\n  const [systemReducedMotion, setSystemReducedMotion] = React.useState(false);\n\n  React.useEffect(() => {\n    if (motion !== 'system') return;\n\n    let active = true;\n    void AccessibilityInfo.isReduceMotionEnabled().then((enabled) => {\n      if (active) setSystemReducedMotion(enabled);\n    });\n    const subscription = AccessibilityInfo.addEventListener(\n      'reduceMotionChanged',\n      setSystemReducedMotion,\n    );\n\n    return () => {\n      active = false;\n      subscription.remove();\n    };\n  }, [motion]);\n\n  return motion === 'reduced' || (motion === 'system' && systemReducedMotion);\n}\n"]}

package/dist/features/data-table/adapters/inbound/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-table/adapters/inbound/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAKV,cAAc,EAGf,MAAM,8BAA8B,CAAC;AAUtC;;GAEG;AACH,eAAO,MAAM,SAAS,GA2VE,IAAI,SAAS,MAAM,2DA3VgB,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-table/adapters/inbound/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAKV,cAAc,EAGf,MAAM,8BAA8B,CAAC;AAUtC;;GAEG;AACH,eAAO,MAAM,SAAS,GA2VE,IAAI,SAAS,MAAM,2DA3VgB,CAAC"}

package/dist/features/data-table/adapters/inbound/DataTable.js

@@ -1,12 +1,12 @@
+import { Show } from '@ankhorage/surface';
 import React from 'react';
 import { ScrollView } from 'react-native';
-import { Show } from '../../../../foundation';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Button } from '../../../button/public';
 import { IconButton } from '../../../button/public';
 import { Card } from '../../../card/public';
 import { EmptyState } from '../../../empty-state/public';
-import { Box, Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { PopoverMenu } from '../../../popover-menu/public';
 import { SkeletonList } from '../../../skeleton/public';
 import { Text } from '../../../typography/public';
@@ -118,13 +118,13 @@ function renderRowActions({ row, rowIndex, rowActions, testID, interactionPolicy
 function DataTableHeader({ columns, sort, onSortChange, density, interactionPolicy, }) {
     const padding = resolveRowPadding(density ?? 'comfortable');
     const passive = interactionPolicy === 'passive';
-    return (<Box bg="subtle" borderColor="border" borderWidth={1} radius="m">
-      <Stack direction="row" align="center">
+    return (<View bg="subtle" borderColor="border" borderWidth={1} radius="m">
+      <View direction="row" align="center">
         {columns.map((column) => {
             const currentDirection = sort?.columnId === column.id ? sort.direction : undefined;
             const sortable = Boolean(column.sortable && onSortChange);
             const directionLabel = currentDirection === undefined ? '' : currentDirection === 'asc' ? ' ↑' : ' ↓';
-            return (<Box key={column.id} px={padding.px} py={padding.py} style={resolveCellStyle(column)}>
+            return (<View key={column.id} px={padding.px} py={padding.py} style={resolveCellStyle(column)}>
               {sortable ? (<Button color="primary" interactionPolicy={interactionPolicy} onPress={() => {
                         if (passive)
                             return;
@@ -138,60 +138,60 @@ function DataTableHeader({ columns, sort, onSortChange, density, interactionPoli
                 </Button>) : (<Text align={resolveTextAlign(column.align)} emphasis="muted" variant="caption" weight="semiBold">
                   {column.header}
                 </Text>)}
-            </Box>);
+            </View>);
         })}
-        <Box px={padding.px} py={padding.py} style={{ minWidth: 56, width: 56 }}>
+        <View px={padding.px} py={padding.py} style={{ minWidth: 56, width: 56 }}>
           <Text align="right" emphasis="muted" variant="caption" weight="semiBold">
             Actions
           </Text>
-        </Box>
-      </Stack>
-    </Box>);
+        </View>
+      </View>
+    </View>);
 }
 function DataTableDesktop({ columns, rows, rowActions, rowId, rowKey, sort, onSortChange, density, testID, interactionPolicy, }) {
     const padding = resolveRowPadding(density ?? 'comfortable');
     return (<ScrollView horizontal showsHorizontalScrollIndicator={false}>
-      <Box minWidth={720} style={{ width: '100%' }}>
-        <Stack gap="xs">
+      <View minWidth={720} style={{ width: '100%' }}>
+        <View gap="xs">
           <DataTableHeader columns={columns} density={density} interactionPolicy={interactionPolicy} onSortChange={onSortChange} sort={sort}/>
-          <Stack gap="xs">
-            {rows.map((row, rowIndex) => (<Box bg="surface" borderColor="border" borderWidth={1} key={resolveDataTableRowKey(row, rowIndex, rowKey, rowId)} radius="m" testID={testID ? `${testID}-row-${rowIndex}` : undefined}>
-                <Stack direction="row" align="center">
-                  {columns.map((column) => (<Box key={column.id} px={padding.px} py={padding.py} style={resolveCellStyle(column)}>
+          <View gap="xs">
+            {rows.map((row, rowIndex) => (<View bg="surface" borderColor="border" borderWidth={1} key={resolveDataTableRowKey(row, rowIndex, rowKey, rowId)} radius="m" testID={testID ? `${testID}-row-${rowIndex}` : undefined}>
+                <View direction="row" align="center">
+                  {columns.map((column) => (<View key={column.id} px={padding.px} py={padding.py} style={resolveCellStyle(column)}>
                       {renderTableCell(column, row, rowIndex)}
-                    </Box>))}
-                  <Box px={padding.px} py={padding.py} style={{ alignItems: 'flex-end', minWidth: 56, width: 56 }}>
+                    </View>))}
+                  <View px={padding.px} py={padding.py} style={{ alignItems: 'flex-end', minWidth: 56, width: 56 }}>
                     {renderRowActions({ row, rowActions, rowIndex, testID, interactionPolicy })}
-                  </Box>
-                </Stack>
-              </Box>))}
-          </Stack>
-        </Stack>
-      </Box>
+                  </View>
+                </View>
+              </View>))}
+          </View>
+        </View>
+      </View>
     </ScrollView>);
 }
 function DataTableMobile({ columns, rows, rowActions, rowId, rowKey, testID, interactionPolicy, }) {
     const [primaryColumn, ...detailColumns] = columns;
-    return (<Stack gap="s">
+    return (<View gap="s">
       {rows.map((row, rowIndex) => {
             const title = primaryColumn
                 ? renderCell(primaryColumn, row, rowIndex)
                 : `Row ${rowIndex + 1}`;
             const actions = renderRowActions({ row, rowActions, rowIndex, testID, interactionPolicy });
             return (<Card actions={actions} compact interactionPolicy={interactionPolicy} key={resolveDataTableRowKey(row, rowIndex, rowKey, rowId)} testID={testID ? `${testID}-card-${rowIndex}` : undefined} title={title}>
-            <Stack gap="s">
-              {detailColumns.map((column) => (<Stack gap="xxs" key={column.id}>
+            <View gap="s">
+              {detailColumns.map((column) => (<View gap="xxs" key={column.id}>
                   <Text emphasis="muted" variant="caption" weight="semiBold">
                     {column.header}
                   </Text>
                   {column.renderCell ? (renderCell(column, row, rowIndex)) : (<Text variant="bodySmall">
                       {renderDefaultCell(resolveAccessorValue(row, column))}
                     </Text>)}
-                </Stack>))}
-            </Stack>
+                </View>))}
+            </View>
           </Card>);
         })}
-    </Stack>);
+    </View>);
 }
 function DataTableInner({ themeId: _themeId, mode: _mode, rows, loading = false, loadingRows = 5, emptyTitle = 'No data', emptyDescription = 'There are no rows to display.', testID, density = 'comfortable', interactionPolicy, ...props }) {
     if (loading) {
@@ -211,10 +211,10 @@ function DataTableInner({ themeId: _themeId, mode: _mode, rows, loading = false,
         rows,
         testID,
     };
-    return (<Box testID={testID}>
+    return (<View testID={testID}>
       <Show when={{ base: false, md: true }} fallback={<DataTableMobile {...tableProps}/>}>
         <DataTableDesktop {...tableProps}/>
       </Show>
-    </Box>);
+    </View>);
 }
 //# sourceMappingURL=DataTable.js.map