@ankhorage/zora 16.0.0 → 18.0.0

package/dist/features/missing-element/adapters/inbound/MissingElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingElement.js","sourceRoot":"","sources":["../../../../../src/features/missing-element/adapters/inbound/MissingElement.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;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD;;GAEG;AACH,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,mBAAmB,EACnB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,aAAa,EACb,MAAM,GACc;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,kBAAkB,GAAG,oBAAoB,mBAAmB,KAAK,MAAM,EAAE,CAAC;IAEhF,OAAO,CACL,CAAC,GAAG,CACF,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,MAAM,CACxB,UAAU,CACV,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CACnC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAC1C,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,CAAC,CAAC,GAAG,CACL,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,KAAK,CAC7C;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACrC;UAAA,CAAC,mBAAmB,CACtB;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CACvC;sBAAU,CAAC,UAAU,CACvB;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { MissingElementProps } from '../../../../types/missing-element';\nimport { Badge } from '../../../badge/public';\nimport { Box, Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\n/***\n * Renders the visible, non-interactive body of a draft missing-element marker.\n */\nfunction MissingElementInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  requestedCapability,\n  reason,\n  evidenceId,\n  minimumWidth,\n  minimumHeight,\n  testID,\n}: MissingElementProps) {\n  const { theme } = useZoraTheme();\n  const accessibilityLabel = `Missing element: ${requestedCapability}. ${reason}`;\n\n  return (\n    <Box\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"text\"\n      accessible\n      bg={theme.semantics.warning.softBg}\n      borderColor={theme.semantics.warning.base}\n      borderWidth={1}\n      minHeight={minimumHeight}\n      minWidth={minimumWidth}\n      p=\"m\"\n      radius=\"m\"\n      style={styles.root}\n      testID={testID}\n    >\n      <Stack gap=\"xs\">\n        <Badge color=\"warning\">Missing element</Badge>\n        <Text variant=\"label\" weight=\"semiBold\">\n          {requestedCapability}\n        </Text>\n        <Text emphasis=\"muted\" variant=\"bodySmall\">\n          {reason}\n        </Text>\n        {evidenceId ? (\n          <Text emphasis=\"subtle\" variant=\"caption\">\n            Evidence: {evidenceId}\n          </Text>\n        ) : null}\n      </Stack>\n    </Box>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    borderStyle: 'dashed',\n  },\n});\n\n/***\n * Draft-only marker that preserves an unsupported manifest region without faking its capability.\n *\n * `MissingElement` is intentionally non-interactive and release-blocking in component metadata.\n * Replace it with a released semantic ZORA element before publishing a production template.\n */\nexport const MissingElement = withZoraThemeScope(MissingElementInner);\n"]}
+{"version":3,"file":"MissingElement.js","sourceRoot":"","sources":["../../../../../src/features/missing-element/adapters/inbound/MissingElement.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;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD;;GAEG;AACH,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,mBAAmB,EACnB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,aAAa,EACb,MAAM,GACc;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,kBAAkB,GAAG,oBAAoB,mBAAmB,KAAK,MAAM,EAAE,CAAC;IAEhF,OAAO,CACL,CAAC,IAAI,CACH,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,MAAM,CACxB,UAAU,CACV,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CACnC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAC1C,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,CAAC,CAAC,GAAG,CACL,MAAM,CAAC,GAAG,CACV,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CACZ;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,KAAK,CAC7C;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACrC;UAAA,CAAC,mBAAmB,CACtB;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CACvC;sBAAU,CAAC,UAAU,CACvB;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { MissingElementProps } from '../../../../types/missing-element';\nimport { Badge } from '../../../badge/public';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\n/***\n * Renders the visible, non-interactive body of a draft missing-element marker.\n */\nfunction MissingElementInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  requestedCapability,\n  reason,\n  evidenceId,\n  minimumWidth,\n  minimumHeight,\n  testID,\n}: MissingElementProps) {\n  const { theme } = useZoraTheme();\n  const accessibilityLabel = `Missing element: ${requestedCapability}. ${reason}`;\n\n  return (\n    <View\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"text\"\n      accessible\n      bg={theme.semantics.warning.softBg}\n      borderColor={theme.semantics.warning.base}\n      borderWidth={1}\n      minHeight={minimumHeight}\n      minWidth={minimumWidth}\n      p=\"m\"\n      radius=\"m\"\n      style={styles.root}\n      testID={testID}\n    >\n      <View gap=\"xs\">\n        <Badge color=\"warning\">Missing element</Badge>\n        <Text variant=\"label\" weight=\"semiBold\">\n          {requestedCapability}\n        </Text>\n        <Text emphasis=\"muted\" variant=\"bodySmall\">\n          {reason}\n        </Text>\n        {evidenceId ? (\n          <Text emphasis=\"subtle\" variant=\"caption\">\n            Evidence: {evidenceId}\n          </Text>\n        ) : null}\n      </View>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    borderStyle: 'dashed',\n  },\n});\n\n/***\n * Draft-only marker that preserves an unsupported manifest region without faking its capability.\n *\n * `MissingElement` is intentionally non-interactive and release-blocking in component metadata.\n * Replace it with a released semantic ZORA element before publishing a production template.\n */\nexport const MissingElement = withZoraThemeScope(MissingElementInner);\n"]}

package/dist/features/pagination/adapters/inbound/Pagination.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { Button } from '../../../button/public';
-import { Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { Text } from '../../../typography/public';
 import { resolvePaginationPage } from '../../utils/resolvePaginationPage';
 import { resolvePaginationState } from '../../utils/resolvePaginationState';
@@ -20,7 +20,7 @@ function PaginationInner({ themeId: _themeId, mode: _mode, page, pageCount, onPa
             return;
         onPageChange?.(clampedPage);
     }, [disabled, onPageChange, passive, state.currentPage, state.pageCount]);
-    return (<Stack align="center" direction="row" gap="xs" testID={testID}>
+    return (<View align="center" direction="row" gap="xs" testID={testID}>
       {showFirstLast ? (<Button disabled={navigationDisabled || state.currentPage === 1} interactionPolicy={interactionPolicy} onPress={() => changePage(1)} size="s" testID={testID ? `${testID}-first` : undefined} variant="ghost">
           {firstLabel}
         </Button>) : null}
@@ -38,6 +38,6 @@ function PaginationInner({ themeId: _themeId, mode: _mode, page, pageCount, onPa
       {showFirstLast ? (<Button disabled={navigationDisabled || state.currentPage === state.pageCount} interactionPolicy={interactionPolicy} onPress={() => changePage(state.pageCount)} size="s" testID={testID ? `${testID}-last` : undefined} variant="ghost">
           {lastLabel}
         </Button>) : null}
-    </Stack>);
+    </View>);
 }
 //# sourceMappingURL=Pagination.js.map

package/dist/features/pagination/adapters/inbound/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/features/pagination/adapters/inbound/Pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { PaginationProps } from '../../../../types/pagination';\nimport { Button } from '../../../button/public';\nimport { Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { resolvePaginationPage } from '../../utils/resolvePaginationPage';\nimport { resolvePaginationState } from '../../utils/resolvePaginationState';\n\n/*** Renders controls for navigating between pages of a finite result set. */\nexport const Pagination = withZoraThemeScope(PaginationInner);\n\n/*** Connects normalized pagination state to visible page navigation controls. */\nfunction PaginationInner({\n  themeId: _themeId,\n  mode: _mode,\n  page,\n  pageCount,\n  onPageChange,\n  disabled = false,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showFirstLast = false,\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n  firstLabel = 'First',\n  lastLabel = 'Last',\n  compact = false,\n  testID,\n  interactionPolicy,\n}: PaginationProps) {\n  const passive = interactionPolicy === 'passive';\n  const state = resolvePaginationState({ boundaryCount, compact, page, pageCount, siblingCount });\n  const canGoPrevious = state.currentPage > 1;\n  const canGoNext = state.currentPage < state.pageCount;\n  const navigationDisabled = disabled || state.pageCount <= 1;\n\n  const changePage = React.useCallback(\n    (nextPage: number) => {\n      const clampedPage = resolvePaginationPage(nextPage, state.pageCount);\n      if (passive || disabled || clampedPage === state.currentPage) return;\n      onPageChange?.(clampedPage);\n    },\n    [disabled, onPageChange, passive, state.currentPage, state.pageCount],\n  );\n\n  return (\n    <Stack align=\"center\" direction=\"row\" gap=\"xs\" testID={testID}>\n      {showFirstLast ? (\n        <Button\n          disabled={navigationDisabled || state.currentPage === 1}\n          interactionPolicy={interactionPolicy}\n          onPress={() => changePage(1)}\n          size=\"s\"\n          testID={testID ? `${testID}-first` : undefined}\n          variant=\"ghost\"\n        >\n          {firstLabel}\n        </Button>\n      ) : null}\n      <Button\n        disabled={navigationDisabled || !canGoPrevious}\n        interactionPolicy={interactionPolicy}\n        onPress={() => changePage(state.currentPage - 1)}\n        size=\"s\"\n        testID={testID ? `${testID}-previous` : undefined}\n        variant=\"ghost\"\n      >\n        {previousLabel}\n      </Button>\n      {state.items.map((item, index) =>\n        item === 'ellipsis' ? (\n          <Text key={`ellipsis-${index}`} emphasis=\"muted\" variant=\"bodySmall\">\n            …\n          </Text>\n        ) : (\n          <Button\n            color={item === state.currentPage ? 'primary' : 'neutral'}\n            disabled={disabled}\n            interactionPolicy={interactionPolicy}\n            key={item}\n            onPress={() => changePage(item)}\n            size=\"s\"\n            testID={testID ? `${testID}-page-${item}` : undefined}\n            variant={item === state.currentPage ? 'solid' : 'ghost'}\n          >\n            {item}\n          </Button>\n        ),\n      )}\n      <Button\n        disabled={navigationDisabled || !canGoNext}\n        interactionPolicy={interactionPolicy}\n        onPress={() => changePage(state.currentPage + 1)}\n        size=\"s\"\n        testID={testID ? `${testID}-next` : undefined}\n        variant=\"ghost\"\n      >\n        {nextLabel}\n      </Button>\n      {showFirstLast ? (\n        <Button\n          disabled={navigationDisabled || state.currentPage === state.pageCount}\n          interactionPolicy={interactionPolicy}\n          onPress={() => changePage(state.pageCount)}\n          size=\"s\"\n          testID={testID ? `${testID}-last` : undefined}\n          variant=\"ghost\"\n        >\n          {lastLabel}\n        </Button>\n      ) : null}\n    </Stack>\n  );\n}\n"]}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/features/pagination/adapters/inbound/Pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { PaginationProps } from '../../../../types/pagination';\nimport { Button } from '../../../button/public';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { resolvePaginationPage } from '../../utils/resolvePaginationPage';\nimport { resolvePaginationState } from '../../utils/resolvePaginationState';\n\n/*** Renders controls for navigating between pages of a finite result set. */\nexport const Pagination = withZoraThemeScope(PaginationInner);\n\n/*** Connects normalized pagination state to visible page navigation controls. */\nfunction PaginationInner({\n  themeId: _themeId,\n  mode: _mode,\n  page,\n  pageCount,\n  onPageChange,\n  disabled = false,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showFirstLast = false,\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n  firstLabel = 'First',\n  lastLabel = 'Last',\n  compact = false,\n  testID,\n  interactionPolicy,\n}: PaginationProps) {\n  const passive = interactionPolicy === 'passive';\n  const state = resolvePaginationState({ boundaryCount, compact, page, pageCount, siblingCount });\n  const canGoPrevious = state.currentPage > 1;\n  const canGoNext = state.currentPage < state.pageCount;\n  const navigationDisabled = disabled || state.pageCount <= 1;\n\n  const changePage = React.useCallback(\n    (nextPage: number) => {\n      const clampedPage = resolvePaginationPage(nextPage, state.pageCount);\n      if (passive || disabled || clampedPage === state.currentPage) return;\n      onPageChange?.(clampedPage);\n    },\n    [disabled, onPageChange, passive, state.currentPage, state.pageCount],\n  );\n\n  return (\n    <View align=\"center\" direction=\"row\" gap=\"xs\" testID={testID}>\n      {showFirstLast ? (\n        <Button\n          disabled={navigationDisabled || state.currentPage === 1}\n          interactionPolicy={interactionPolicy}\n          onPress={() => changePage(1)}\n          size=\"s\"\n          testID={testID ? `${testID}-first` : undefined}\n          variant=\"ghost\"\n        >\n          {firstLabel}\n        </Button>\n      ) : null}\n      <Button\n        disabled={navigationDisabled || !canGoPrevious}\n        interactionPolicy={interactionPolicy}\n        onPress={() => changePage(state.currentPage - 1)}\n        size=\"s\"\n        testID={testID ? `${testID}-previous` : undefined}\n        variant=\"ghost\"\n      >\n        {previousLabel}\n      </Button>\n      {state.items.map((item, index) =>\n        item === 'ellipsis' ? (\n          <Text key={`ellipsis-${index}`} emphasis=\"muted\" variant=\"bodySmall\">\n            …\n          </Text>\n        ) : (\n          <Button\n            color={item === state.currentPage ? 'primary' : 'neutral'}\n            disabled={disabled}\n            interactionPolicy={interactionPolicy}\n            key={item}\n            onPress={() => changePage(item)}\n            size=\"s\"\n            testID={testID ? `${testID}-page-${item}` : undefined}\n            variant={item === state.currentPage ? 'solid' : 'ghost'}\n          >\n            {item}\n          </Button>\n        ),\n      )}\n      <Button\n        disabled={navigationDisabled || !canGoNext}\n        interactionPolicy={interactionPolicy}\n        onPress={() => changePage(state.currentPage + 1)}\n        size=\"s\"\n        testID={testID ? `${testID}-next` : undefined}\n        variant=\"ghost\"\n      >\n        {nextLabel}\n      </Button>\n      {showFirstLast ? (\n        <Button\n          disabled={navigationDisabled || state.currentPage === state.pageCount}\n          interactionPolicy={interactionPolicy}\n          onPress={() => changePage(state.pageCount)}\n          size=\"s\"\n          testID={testID ? `${testID}-last` : undefined}\n          variant=\"ghost\"\n        >\n          {lastLabel}\n        </Button>\n      ) : null}\n    </View>\n  );\n}\n"]}

package/dist/{patterns/tile-grid → features/palette-item/adapters/inbound}/PaletteItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PaletteItemProps } from './types';
+import type { PaletteItemProps } from '../../../../types/palette-item';
 /***
  * Tile item pattern for palettes and option grids.
  *

package/dist/features/palette-item/adapters/inbound/PaletteItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/palette-item/adapters/inbound/PaletteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAoDvE;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/{patterns/tile-grid → features/palette-item/adapters/inbound}/PaletteItem.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Card } from '../../features/card/public';
-import { Box } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Card } from '../../../card/public';
+import { View } from '../../../layout/public';
+import { Heading } from '../../../typography/public';
+import { Text } from '../../../typography/public';
 function PaletteItemInner({ themeId: _themeId, mode: _mode, title, description, icon, badge, selected, disabled, onPress, testID, }) {
     const { theme } = useZoraTheme();
     return (<Card compact disabled={disabled} onPress={onPress} testID={testID} tone={selected ? 'default' : 'subtle'} style={selected
@@ -13,16 +13,16 @@ function PaletteItemInner({ themeId: _themeId, mode: _mode, title, description,
                 borderWidth: 2,
             }
             : undefined}>
-      <Box p="xs" style={{ alignItems: 'center' }}>
-        {icon ? <Box pb="s">{/* Icon spec here */}</Box> : null}
+      <View p="xs" style={{ alignItems: 'center' }}>
+        {icon ? <View pb="s">{/* Icon spec here */}</View> : null}
         <Heading level={5} align="center">
           {title}
         </Heading>
         {description ? (<Text align="center" emphasis="muted" variant="caption">
             {description}
           </Text>) : null}
-        {badge ? <Box pt="xs">{badge}</Box> : null}
-      </Box>
+        {badge ? <View pt="xs">{badge}</View> : null}
+      </View>
     </Card>);
 }
 /***

package/dist/features/palette-item/adapters/inbound/PaletteItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteItem.js","sourceRoot":"","sources":["../../../../../src/features/palette-item/adapters/inbound/PaletteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACW;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CACP,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACtC,KAAK,CAAC,CACJ,QAAQ;YACN,CAAC,CAAC;gBACE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACjC,WAAW,EAAE,CAAC;aACf;YACH,CAAC,CAAC,SACN,CAAC,CAED;MAAA,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAC3C;QAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACzD;QAAA,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAC/B;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,OAAO,CACT;QAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CACrD;YAAA,CAAC,WAAW,CACd;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { PaletteItemProps } from '../../../../types/palette-item';\nimport { Card } from '../../../card/public';\nimport { View } from '../../../layout/public';\nimport { Heading } from '../../../typography/public';\nimport { Text } from '../../../typography/public';\n\nfunction PaletteItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  description,\n  icon,\n  badge,\n  selected,\n  disabled,\n  onPress,\n  testID,\n}: PaletteItemProps) {\n  const { theme } = useZoraTheme();\n\n  return (\n    <Card\n      compact\n      disabled={disabled}\n      onPress={onPress}\n      testID={testID}\n      tone={selected ? 'default' : 'subtle'}\n      style={\n        selected\n          ? {\n              borderColor: theme.colors.primary,\n              borderWidth: 2,\n            }\n          : undefined\n      }\n    >\n      <View p=\"xs\" style={{ alignItems: 'center' }}>\n        {icon ? <View pb=\"s\">{/* Icon spec here */}</View> : null}\n        <Heading level={5} align=\"center\">\n          {title}\n        </Heading>\n        {description ? (\n          <Text align=\"center\" emphasis=\"muted\" variant=\"caption\">\n            {description}\n          </Text>\n        ) : null}\n        {badge ? <View pt=\"xs\">{badge}</View> : null}\n      </View>\n    </Card>\n  );\n}\n\n/***\n * Tile item pattern for palettes and option grids.\n *\n \n */\nexport const PaletteItem = withZoraThemeScope(PaletteItemInner);\n"]}

package/dist/features/palette-item/paletteItemMeta.d.ts

@@ -0,0 +1,9 @@
+export declare const paletteItemMeta: {
+    readonly name: "PaletteItem";
+    readonly category: "pattern";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Palette option pattern; not represented as a manifest node in v1.";
+    readonly props: {};
+};
+//# sourceMappingURL=paletteItemMeta.d.ts.map

package/dist/features/palette-item/paletteItemMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteItemMeta.d.ts","sourceRoot":"","sources":["../../../src/features/palette-item/paletteItemMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;CAOU,CAAC"}

package/dist/features/palette-item/paletteItemMeta.js

@@ -0,0 +1,9 @@
+export const paletteItemMeta = {
+    name: 'PaletteItem',
+    category: 'pattern',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Palette option pattern; not represented as a manifest node in v1.',
+    props: {},
+};
+//# sourceMappingURL=paletteItemMeta.js.map

package/dist/features/palette-item/paletteItemMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteItemMeta.js","sourceRoot":"","sources":["../../../src/features/palette-item/paletteItemMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,mEAAmE;IACzE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const paletteItemMeta = {\n  name: 'PaletteItem',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Palette option pattern; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/palette-item/public.d.ts

@@ -0,0 +1,3 @@
+export type { PaletteItemProps } from '../../types/palette-item';
+export { PaletteItem } from './adapters/inbound/PaletteItem';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/palette-item/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/palette-item/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/features/palette-item/public.js

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

package/dist/features/palette-item/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/palette-item/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC","sourcesContent":["export type { PaletteItemProps } from '../../types/palette-item';\nexport { PaletteItem } from './adapters/inbound/PaletteItem';\n"]}

package/dist/features/popover-menu/adapters/inbound/PopoverMenu.js

@@ -4,7 +4,7 @@ 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';
 /*** Presents a ZORA-styled action list through the Surface PopoverMenu capability. */
 export const PopoverMenu = withZoraThemeScope(PopoverMenuInner);
 /*** Maps ZORA action presentation into the Surface action-menu boundary. */
@@ -38,6 +38,6 @@ function renderActionLeading(action, iconColor) {
 }
 /*** Wraps optional trailing action content in the ZORA layout boundary. */
 function renderActionTrailing(action) {
-    return action.trailing === undefined ? undefined : <Box>{action.trailing}</Box>;
+    return action.trailing === undefined ? undefined : <View>{action.trailing}</View>;
 }
 //# sourceMappingURL=PopoverMenu.js.map

package/dist/features/popover-menu/adapters/inbound/PopoverMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverMenu.js","sourceRoot":"","sources":["../../../../../src/features/popover-menu/adapters/inbound/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,kBAAkB,GAElC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAE7C,sFAAsF;AACtF,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEhE,4EAA4E;AAC5E,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAChD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACjE,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAC;IAEF,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EAAG,CAAC;AACxF,CAAC;AAED,wEAAwE;AACxE,SAAS,eAAe,CAAC,MAAyB,EAAE,SAAiB;IACnE,OAAO;QACL,QAAQ,EAAE,MAAM,CAAC,OAAO;QACxB,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,SAAS,CAAC;QAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC;KACvC,CAAC;AACJ,CAAC;AAED,wEAAwE;AACxE,SAAS,mBAAmB,CAAC,MAAyB,EAAE,SAAiB;IACvE,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IACxD,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAG,CAAC;AACjF,CAAC;AAED,2EAA2E;AAC3E,SAAS,oBAAoB,CAAC,MAAyB;IACrD,OAAO,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC;AAClF,CAAC","sourcesContent":["import {\n  PopoverMenu as SurfacePopoverMenu,\n  type PopoverMenuAction as SurfacePopoverMenuAction,\n} 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 { PopoverMenuAction, PopoverMenuProps } from '../../../../types/popover-menu';\nimport { Icon } from '../../../icon/public';\nimport { Box } from '../../../layout/public';\n\n/*** Presents a ZORA-styled action list through the Surface PopoverMenu capability. */\nexport const PopoverMenu = withZoraThemeScope(PopoverMenuInner);\n\n/*** Maps ZORA action presentation into the Surface action-menu boundary. */\nfunction PopoverMenuInner({\n  themeId: _themeId,\n  mode: _mode,\n  actions,\n  onDismiss,\n  ...props\n}: PopoverMenuProps) {\n  const { theme } = useZoraTheme();\n  const iconColor = theme.semantics.content.muted;\n  const surfaceActions = React.useMemo(\n    () => actions.map((action) => toSurfaceAction(action, iconColor)),\n    [actions, iconColor],\n  );\n\n  return <SurfacePopoverMenu {...props} actions={surfaceActions} dismiss={onDismiss} />;\n}\n\n/*** Maps one ZORA PopoverMenu action to the Surface action contract. */\nfunction toSurfaceAction(action: PopoverMenuAction, iconColor: string): SurfacePopoverMenuAction {\n  return {\n    activate: action.onPress,\n    description: action.description,\n    disabled: action.disabled,\n    id: action.id,\n    intent: action.intent,\n    leading: renderActionLeading(action, iconColor),\n    selected: action.selected,\n    title: action.title,\n    trailing: renderActionTrailing(action),\n  };\n}\n\n/*** Resolves explicit leading content or the configured action icon. */\nfunction renderActionLeading(action: PopoverMenuAction, iconColor: string): React.ReactNode {\n  if (action.leading !== undefined) return action.leading;\n  if (action.icon === undefined) return undefined;\n  return <Icon {...action.icon} color={iconColor} size={resolveIconSize('s')} />;\n}\n\n/*** Wraps optional trailing action content in the ZORA layout boundary. */\nfunction renderActionTrailing(action: PopoverMenuAction): React.ReactNode {\n  return action.trailing === undefined ? undefined : <Box>{action.trailing}</Box>;\n}\n"]}
+{"version":3,"file":"PopoverMenu.js","sourceRoot":"","sources":["../../../../../src/features/popover-menu/adapters/inbound/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,kBAAkB,GAElC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,sFAAsF;AACtF,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEhE,4EAA4E;AAC5E,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAChD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACjE,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAC;IAEF,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EAAG,CAAC;AACxF,CAAC;AAED,wEAAwE;AACxE,SAAS,eAAe,CAAC,MAAyB,EAAE,SAAiB;IACnE,OAAO;QACL,QAAQ,EAAE,MAAM,CAAC,OAAO;QACxB,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,SAAS,CAAC;QAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC;KACvC,CAAC;AACJ,CAAC;AAED,wEAAwE;AACxE,SAAS,mBAAmB,CAAC,MAAyB,EAAE,SAAiB;IACvE,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,OAAO,CAAC;IACxD,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAG,CAAC;AACjF,CAAC;AAED,2EAA2E;AAC3E,SAAS,oBAAoB,CAAC,MAAyB;IACrD,OAAO,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC;AACpF,CAAC","sourcesContent":["import {\n  PopoverMenu as SurfacePopoverMenu,\n  type PopoverMenuAction as SurfacePopoverMenuAction,\n} 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 { PopoverMenuAction, PopoverMenuProps } from '../../../../types/popover-menu';\nimport { Icon } from '../../../icon/public';\nimport { View } from '../../../layout/public';\n\n/*** Presents a ZORA-styled action list through the Surface PopoverMenu capability. */\nexport const PopoverMenu = withZoraThemeScope(PopoverMenuInner);\n\n/*** Maps ZORA action presentation into the Surface action-menu boundary. */\nfunction PopoverMenuInner({\n  themeId: _themeId,\n  mode: _mode,\n  actions,\n  onDismiss,\n  ...props\n}: PopoverMenuProps) {\n  const { theme } = useZoraTheme();\n  const iconColor = theme.semantics.content.muted;\n  const surfaceActions = React.useMemo(\n    () => actions.map((action) => toSurfaceAction(action, iconColor)),\n    [actions, iconColor],\n  );\n\n  return <SurfacePopoverMenu {...props} actions={surfaceActions} dismiss={onDismiss} />;\n}\n\n/*** Maps one ZORA PopoverMenu action to the Surface action contract. */\nfunction toSurfaceAction(action: PopoverMenuAction, iconColor: string): SurfacePopoverMenuAction {\n  return {\n    activate: action.onPress,\n    description: action.description,\n    disabled: action.disabled,\n    id: action.id,\n    intent: action.intent,\n    leading: renderActionLeading(action, iconColor),\n    selected: action.selected,\n    title: action.title,\n    trailing: renderActionTrailing(action),\n  };\n}\n\n/*** Resolves explicit leading content or the configured action icon. */\nfunction renderActionLeading(action: PopoverMenuAction, iconColor: string): React.ReactNode {\n  if (action.leading !== undefined) return action.leading;\n  if (action.icon === undefined) return undefined;\n  return <Icon {...action.icon} color={iconColor} size={resolveIconSize('s')} />;\n}\n\n/*** Wraps optional trailing action content in the ZORA layout boundary. */\nfunction renderActionTrailing(action: PopoverMenuAction): React.ReactNode {\n  return action.trailing === undefined ? undefined : <View>{action.trailing}</View>;\n}\n"]}

package/dist/features/progress/adapters/inbound/Progress.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { resolveProgressRole } from '../../../../types/progress';
-import { Box } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { resolveProgressFraction } from '../../utils/resolveProgressFraction';
 function resolveProgressHeight(size) {
     switch (size) {
@@ -20,9 +20,9 @@ function ProgressInner({ themeId: _themeId, mode: _mode, interactionPolicy: _int
     const fraction = resolveProgressFraction({ value, max });
     const height = resolveProgressHeight(size);
     const role = resolveProgressRole(theme, color);
-    return (<Box accessibilityRole="progressbar" bg={theme.semantics.neutral.surface} borderColor={theme.semantics.neutral.divider} borderWidth={1} radius="full" testID={testID} style={{ height, overflow: 'hidden' }}>
-      <Box bg={role.base} style={{ height: '100%', width: `${fraction * 100}%` }}/>
-    </Box>);
+    return (<View accessibilityRole="progressbar" bg={theme.semantics.neutral.surface} borderColor={theme.semantics.neutral.divider} borderWidth={1} radius="full" testID={testID} style={{ height, overflow: 'hidden' }}>
+      <View bg={role.base} style={{ height: '100%', width: `${fraction * 100}%` }}/>
+    </View>);
 }
 /***
  * Progress indicator for determinate and indeterminate loading states.

package/dist/features/progress/adapters/inbound/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../../src/features/progress/adapters/inbound/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAsB,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,SAAS,qBAAqB,CAAC,IAAwC;IACrE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG,CAAC;QACT;YACE,OAAO,CAAC,CAAC;IACb,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,MAAM,EACN,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,GACI;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,CACL,CAAC,GAAG,CACF,iBAAiB,CAAC,aAAa,CAC/B,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CACpC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAC7C,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,MAAM,CAAC,MAAM,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAEtC;MAAA,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAC,EAC7E;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport { type ProgressProps, resolveProgressRole } from '../../../../types/progress';\nimport { Box } from '../../../layout/public';\nimport { resolveProgressFraction } from '../../utils/resolveProgressFraction';\n\nfunction resolveProgressHeight(size: NonNullable<ProgressProps['size']>): number {\n  switch (size) {\n    case 's':\n      return 4;\n    case 'm':\n      return 6;\n    case 'l':\n    default:\n      return 8;\n  }\n}\n\nfunction ProgressInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  testID,\n  value,\n  max = 100,\n  color = 'primary',\n  size = 'm',\n}: ProgressProps) {\n  const { theme } = useZoraTheme();\n  const fraction = resolveProgressFraction({ value, max });\n  const height = resolveProgressHeight(size);\n  const role = resolveProgressRole(theme, color);\n\n  return (\n    <Box\n      accessibilityRole=\"progressbar\"\n      bg={theme.semantics.neutral.surface}\n      borderColor={theme.semantics.neutral.divider}\n      borderWidth={1}\n      radius=\"full\"\n      testID={testID}\n      style={{ height, overflow: 'hidden' }}\n    >\n      <Box bg={role.base} style={{ height: '100%', width: `${fraction * 100}%` }} />\n    </Box>\n  );\n}\n\n/***\n * Progress indicator for determinate and indeterminate loading states.\n */\nexport const Progress = withZoraThemeScope(ProgressInner);\n"]}
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../../src/features/progress/adapters/inbound/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAsB,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,SAAS,qBAAqB,CAAC,IAAwC;IACrE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG,CAAC;QACT;YACE,OAAO,CAAC,CAAC;IACb,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,MAAM,EACN,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,GACI;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,CACL,CAAC,IAAI,CACH,iBAAiB,CAAC,aAAa,CAC/B,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CACpC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAC7C,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,MAAM,CAAC,MAAM,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAEtC;MAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAC,EAC9E;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport { type ProgressProps, resolveProgressRole } from '../../../../types/progress';\nimport { View } from '../../../layout/public';\nimport { resolveProgressFraction } from '../../utils/resolveProgressFraction';\n\nfunction resolveProgressHeight(size: NonNullable<ProgressProps['size']>): number {\n  switch (size) {\n    case 's':\n      return 4;\n    case 'm':\n      return 6;\n    case 'l':\n    default:\n      return 8;\n  }\n}\n\nfunction ProgressInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  testID,\n  value,\n  max = 100,\n  color = 'primary',\n  size = 'm',\n}: ProgressProps) {\n  const { theme } = useZoraTheme();\n  const fraction = resolveProgressFraction({ value, max });\n  const height = resolveProgressHeight(size);\n  const role = resolveProgressRole(theme, color);\n\n  return (\n    <View\n      accessibilityRole=\"progressbar\"\n      bg={theme.semantics.neutral.surface}\n      borderColor={theme.semantics.neutral.divider}\n      borderWidth={1}\n      radius=\"full\"\n      testID={testID}\n      style={{ height, overflow: 'hidden' }}\n    >\n      <View bg={role.base} style={{ height: '100%', width: `${fraction * 100}%` }} />\n    </View>\n  );\n}\n\n/***\n * Progress indicator for determinate and indeterminate loading states.\n */\nexport const Progress = withZoraThemeScope(ProgressInner);\n"]}

package/dist/features/progress/adapters/inbound/ProgressRing.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { StyleSheet, View as ReactNativeView } from 'react-native';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { resolveProgressRole } from '../../../../types/progress';
-import { Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { Text } from '../../../typography/public';
 import { resolveProgressFraction } from '../../utils/resolveProgressFraction';
 import { resolveProgressRingGeometry } from '../../utils/resolveProgressRingGeometry';
@@ -17,13 +17,13 @@ function ProgressRingInner({ themeId: _themeId, mode: _mode, interactionPolicy:
     const accessibilityValue = fraction * accessibilityMaximum;
     const valueText = accessibilityValueText ?? `${Math.round(fraction * 100)}%`;
     const segments = Array.from({ length: geometry.filledSegmentCount });
-    return (<View accessibilityLabel={accessibilityLabel} accessibilityRole="progressbar" accessibilityValue={{
+    return (<ReactNativeView accessibilityLabel={accessibilityLabel} accessibilityRole="progressbar" accessibilityValue={{
             max: accessibilityMaximum,
             min: 0,
             now: accessibilityValue,
             text: valueText,
         }} accessible style={{ height: geometry.diameter, width: geometry.diameter }} testID={testID}>
-      <View importantForAccessibility="no-hide-descendants" pointerEvents="none" style={styles.visual}>
+      <ReactNativeView importantForAccessibility="no-hide-descendants" pointerEvents="none" style={styles.visual}>
         <View style={[
             styles.track,
             {
@@ -47,19 +47,19 @@ function ProgressRingInner({ themeId: _themeId, mode: _mode, interactionPolicy:
                 width: geometry.segmentWidth,
             }}/>
           </View>))}
-      </View>
+      </ReactNativeView>
 
-      {centerValue !== undefined || centerLabel !== undefined ? (<View importantForAccessibility="no-hide-descendants" pointerEvents="none" style={styles.center}>
-          <Stack align="center" gap="xxs" px="s">
+      {centerValue !== undefined || centerLabel !== undefined ? (<ReactNativeView importantForAccessibility="no-hide-descendants" pointerEvents="none" style={styles.center}>
+          <View align="center" gap="xxs" px="s">
             {centerValue !== undefined ? (<Text align="center" variant="lead" weight="bold">
                 {centerValue}
               </Text>) : null}
             {centerLabel !== undefined ? (<Text align="center" emphasis="muted" numberOfLines={2} variant="caption">
                 {centerLabel}
               </Text>) : null}
-          </Stack>
-        </View>) : null}
-    </View>);
+          </View>
+        </ReactNativeView>) : null}
+    </ReactNativeView>);
 }
 const styles = StyleSheet.create({
     center: {

package/dist/features/progress/adapters/inbound/ProgressRing.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.js","sourceRoot":"","sources":["../../../../../src/features/progress/adapters/inbound/ProgressRing.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport { type ProgressRingProps, resolveProgressRole } from '../../../../types/progress';\nimport { Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { resolveProgressFraction } from '../../utils/resolveProgressFraction';\nimport { resolveProgressRingGeometry } from '../../utils/resolveProgressRingGeometry';\n\nfunction ProgressRingInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  accessibilityLabel = 'Progress',\n  accessibilityValueText,\n  centerLabel,\n  centerValue,\n  color = 'primary',\n  max = 100,\n  size = 120,\n  testID,\n  thickness = 10,\n  trackColor = 'neutral',\n  value,\n}: ProgressRingProps) {\n  const { theme } = useZoraTheme();\n  const fraction = resolveProgressFraction({ max, value });\n  const geometry = resolveProgressRingGeometry({ fraction, size, thickness });\n  const progressRole = resolveProgressRole(theme, color);\n  const trackRole = resolveProgressRole(theme, trackColor);\n  const accessibilityMaximum = Number.isFinite(max) && max > 0 ? max : 1;\n  const accessibilityValue = fraction * accessibilityMaximum;\n  const valueText = accessibilityValueText ?? `${Math.round(fraction * 100)}%`;\n  const segments = Array.from({ length: geometry.filledSegmentCount });\n\n  return (\n    <View\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"progressbar\"\n      accessibilityValue={{\n        max: accessibilityMaximum,\n        min: 0,\n        now: accessibilityValue,\n        text: valueText,\n      }}\n      accessible\n      style={{ height: geometry.diameter, width: geometry.diameter }}\n      testID={testID}\n    >\n      <View\n        importantForAccessibility=\"no-hide-descendants\"\n        pointerEvents=\"none\"\n        style={styles.visual}\n      >\n        <View\n          style={[\n            styles.track,\n            {\n              borderColor: trackRole.softBg,\n              borderRadius: geometry.diameter / 2,\n              borderWidth: geometry.strokeWidth,\n            },\n          ]}\n        />\n\n        {segments.map((_, index) => (\n          <View\n            key={index}\n            style={[\n              styles.segmentLayer,\n              { transform: [{ rotate: `${index * (360 / geometry.segmentCount)}deg` }] },\n            ]}\n          >\n            <View\n              style={{\n                backgroundColor: progressRole.base,\n                borderRadius: geometry.strokeWidth / 2,\n                height: geometry.strokeWidth,\n                left: (geometry.diameter - geometry.segmentWidth) / 2,\n                position: 'absolute',\n                top: 0,\n                width: geometry.segmentWidth,\n              }}\n            />\n          </View>\n        ))}\n      </View>\n\n      {centerValue !== undefined || centerLabel !== undefined ? (\n        <View\n          importantForAccessibility=\"no-hide-descendants\"\n          pointerEvents=\"none\"\n          style={styles.center}\n        >\n          <Stack align=\"center\" gap=\"xxs\" px=\"s\">\n            {centerValue !== undefined ? (\n              <Text align=\"center\" variant=\"lead\" weight=\"bold\">\n                {centerValue}\n              </Text>\n            ) : null}\n            {centerLabel !== undefined ? (\n              <Text align=\"center\" emphasis=\"muted\" numberOfLines={2} variant=\"caption\">\n                {centerLabel}\n              </Text>\n            ) : null}\n          </Stack>\n        </View>\n      ) : null}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  center: {\n    alignItems: 'center',\n    bottom: 0,\n    justifyContent: 'center',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  segmentLayer: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  track: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  visual: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\n/***\n * Circular determinate progress with optional serializable center value and label content.\n */\nexport const ProgressRing = withZoraThemeScope(ProgressRingInner);\n"]}
+{"version":3,"file":"ProgressRing.js","sourceRoot":"","sources":["../../../../../src/features/progress/adapters/inbound/ProgressRing.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View as ReactNativeView } from 'react-native';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport { type ProgressRingProps, resolveProgressRole } from '../../../../types/progress';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { resolveProgressFraction } from '../../utils/resolveProgressFraction';\nimport { resolveProgressRingGeometry } from '../../utils/resolveProgressRingGeometry';\n\nfunction ProgressRingInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  accessibilityLabel = 'Progress',\n  accessibilityValueText,\n  centerLabel,\n  centerValue,\n  color = 'primary',\n  max = 100,\n  size = 120,\n  testID,\n  thickness = 10,\n  trackColor = 'neutral',\n  value,\n}: ProgressRingProps) {\n  const { theme } = useZoraTheme();\n  const fraction = resolveProgressFraction({ max, value });\n  const geometry = resolveProgressRingGeometry({ fraction, size, thickness });\n  const progressRole = resolveProgressRole(theme, color);\n  const trackRole = resolveProgressRole(theme, trackColor);\n  const accessibilityMaximum = Number.isFinite(max) && max > 0 ? max : 1;\n  const accessibilityValue = fraction * accessibilityMaximum;\n  const valueText = accessibilityValueText ?? `${Math.round(fraction * 100)}%`;\n  const segments = Array.from({ length: geometry.filledSegmentCount });\n\n  return (\n    <ReactNativeView\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"progressbar\"\n      accessibilityValue={{\n        max: accessibilityMaximum,\n        min: 0,\n        now: accessibilityValue,\n        text: valueText,\n      }}\n      accessible\n      style={{ height: geometry.diameter, width: geometry.diameter }}\n      testID={testID}\n    >\n      <ReactNativeView\n        importantForAccessibility=\"no-hide-descendants\"\n        pointerEvents=\"none\"\n        style={styles.visual}\n      >\n        <View\n          style={[\n            styles.track,\n            {\n              borderColor: trackRole.softBg,\n              borderRadius: geometry.diameter / 2,\n              borderWidth: geometry.strokeWidth,\n            },\n          ]}\n        />\n\n        {segments.map((_, index) => (\n          <View\n            key={index}\n            style={[\n              styles.segmentLayer,\n              { transform: [{ rotate: `${index * (360 / geometry.segmentCount)}deg` }] },\n            ]}\n          >\n            <View\n              style={{\n                backgroundColor: progressRole.base,\n                borderRadius: geometry.strokeWidth / 2,\n                height: geometry.strokeWidth,\n                left: (geometry.diameter - geometry.segmentWidth) / 2,\n                position: 'absolute',\n                top: 0,\n                width: geometry.segmentWidth,\n              }}\n            />\n          </View>\n        ))}\n      </ReactNativeView>\n\n      {centerValue !== undefined || centerLabel !== undefined ? (\n        <ReactNativeView\n          importantForAccessibility=\"no-hide-descendants\"\n          pointerEvents=\"none\"\n          style={styles.center}\n        >\n          <View align=\"center\" gap=\"xxs\" px=\"s\">\n            {centerValue !== undefined ? (\n              <Text align=\"center\" variant=\"lead\" weight=\"bold\">\n                {centerValue}\n              </Text>\n            ) : null}\n            {centerLabel !== undefined ? (\n              <Text align=\"center\" emphasis=\"muted\" numberOfLines={2} variant=\"caption\">\n                {centerLabel}\n              </Text>\n            ) : null}\n          </View>\n        </ReactNativeView>\n      ) : null}\n    </ReactNativeView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  center: {\n    alignItems: 'center',\n    bottom: 0,\n    justifyContent: 'center',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  segmentLayer: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  track: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  visual: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\n/***\n * Circular determinate progress with optional serializable center value and label content.\n */\nexport const ProgressRing = withZoraThemeScope(ProgressRingInner);\n"]}

package/dist/features/rating/adapters/inbound/Rating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../../src/features/rating/adapters/inbound/Rating.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAI5D,kEAAkE;AAClE,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../../src/features/rating/adapters/inbound/Rating.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAK5D,kEAAkE;AAClE,eAAO,MAAM,MAAM,mDAAkC,CAAC"}

package/dist/features/rating/adapters/inbound/Rating.js

@@ -1,8 +1,8 @@
-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 { View } from '../../../layout/public';
 import { resolveRatingSegments } from '../../utils/resolveRatingSegments';
 /*** Displays a read-only star rating with optional half steps. */
 export const Rating = withZoraThemeScope(RatingInner);
@@ -12,13 +12,13 @@ function RatingInner({ themeId: _themeId, mode: _mode, interactionPolicy: _inter
     const role = resolveRatingRole(theme, color);
     const segments = resolveRatingSegments({ value, max });
     const iconSize = resolveIconSize(size);
-    return (<Inline align="center" gap="xxs" testID={testID} wrap="nowrap">
+    return (<View direction="row" align="center" gap="xxs" testID={testID} wrap="nowrap">
       {segments.map((segment, index) => {
             const name = segment === 'full' ? 'star' : segment === 'half' ? 'star-half' : 'star-outline';
             const segmentColor = segment === 'empty' ? theme.semantics.content.muted : role.base;
             return (<Icon key={`${index}-${segment}`} color={segmentColor} name={name} size={iconSize}/>);
         })}
-    </Inline>);
+    </View>);
 }
 /*** Resolves the semantic theme role for a ZORA rating color. */
 function resolveRatingRole(theme, color) {

package/dist/features/rating/adapters/inbound/Rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../../src/features/rating/adapters/inbound/Rating.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\n\nimport { Inline } from '../../../../foundation';\nimport type { ZoraColor } from '../../../../internal/recipes';\nimport { resolveIconSize } from '../../../../internal/recipes';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { RatingProps } from '../../../../types/rating';\nimport { Icon } from '../../../icon/public';\nimport { resolveRatingSegments } from '../../utils/resolveRatingSegments';\n\n/*** Displays a read-only star rating with optional half steps. */\nexport const Rating = withZoraThemeScope(RatingInner);\n\n/*** Resolves rating visuals from the active ZORA theme. */\nfunction RatingInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  testID,\n  value,\n  max = 5,\n  color = 'warning',\n  size = 'm',\n}: RatingProps) {\n  const { theme } = useZoraTheme();\n  const role = resolveRatingRole(theme, color);\n  const segments = resolveRatingSegments({ value, max });\n  const iconSize = resolveIconSize(size);\n\n  return (\n    <Inline align=\"center\" gap=\"xxs\" testID={testID} wrap=\"nowrap\">\n      {segments.map((segment, index) => {\n        const name =\n          segment === 'full' ? 'star' : segment === 'half' ? 'star-half' : 'star-outline';\n        const segmentColor = segment === 'empty' ? theme.semantics.content.muted : role.base;\n        return (\n          <Icon key={`${index}-${segment}`} color={segmentColor} name={name} size={iconSize} />\n        );\n      })}\n    </Inline>\n  );\n}\n\n/*** Resolves the semantic theme role for a ZORA rating color. */\nfunction resolveRatingRole(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {\n  switch (color) {\n    case 'secondary':\n      return theme.semantics.secondary;\n    case 'tertiary':\n      return theme.semantics.accent;\n    case 'quaternary':\n      return theme.semantics.highlight;\n    case 'error':\n      return theme.semantics.error;\n    case 'info':\n      return theme.semantics.info;\n    case 'primary':\n      return theme.semantics.action.primary;\n    case 'danger':\n      return theme.semantics.action.danger;\n    case 'success':\n      return theme.semantics.success;\n    case 'warning':\n      return theme.semantics.warning;\n    case 'neutral':\n    default:\n      return theme.semantics.action.neutral;\n  }\n}\n"]}
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../../src/features/rating/adapters/inbound/Rating.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\n\nimport type { ZoraColor } from '../../../../internal/recipes';\nimport { resolveIconSize } from '../../../../internal/recipes';\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { RatingProps } from '../../../../types/rating';\nimport { Icon } from '../../../icon/public';\nimport { View } from '../../../layout/public';\nimport { resolveRatingSegments } from '../../utils/resolveRatingSegments';\n\n/*** Displays a read-only star rating with optional half steps. */\nexport const Rating = withZoraThemeScope(RatingInner);\n\n/*** Resolves rating visuals from the active ZORA theme. */\nfunction RatingInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  testID,\n  value,\n  max = 5,\n  color = 'warning',\n  size = 'm',\n}: RatingProps) {\n  const { theme } = useZoraTheme();\n  const role = resolveRatingRole(theme, color);\n  const segments = resolveRatingSegments({ value, max });\n  const iconSize = resolveIconSize(size);\n\n  return (\n    <View direction=\"row\" align=\"center\" gap=\"xxs\" testID={testID} wrap=\"nowrap\">\n      {segments.map((segment, index) => {\n        const name =\n          segment === 'full' ? 'star' : segment === 'half' ? 'star-half' : 'star-outline';\n        const segmentColor = segment === 'empty' ? theme.semantics.content.muted : role.base;\n        return (\n          <Icon key={`${index}-${segment}`} color={segmentColor} name={name} size={iconSize} />\n        );\n      })}\n    </View>\n  );\n}\n\n/*** Resolves the semantic theme role for a ZORA rating color. */\nfunction resolveRatingRole(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {\n  switch (color) {\n    case 'secondary':\n      return theme.semantics.secondary;\n    case 'tertiary':\n      return theme.semantics.accent;\n    case 'quaternary':\n      return theme.semantics.highlight;\n    case 'error':\n      return theme.semantics.error;\n    case 'info':\n      return theme.semantics.info;\n    case 'primary':\n      return theme.semantics.action.primary;\n    case 'danger':\n      return theme.semantics.action.danger;\n    case 'success':\n      return theme.semantics.success;\n    case 'warning':\n      return theme.semantics.warning;\n    case 'neutral':\n    default:\n      return theme.semantics.action.neutral;\n  }\n}\n"]}

package/dist/features/skeleton/adapters/inbound/Skeleton.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { useZoraTheme } from '../../../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import { Box } from '../../../layout/public';
+import { View } from '../../../layout/public';
 function SkeletonInner({ themeId: _themeId, mode: _mode, testID, width = '100%', height = 16, radius = 'm', }) {
     const { theme } = useZoraTheme();
-    return (<Box accessibilityLabel="Loading" accessibilityRole="text" bg={theme.semantics.neutral.surfaceHover} height={height} radius={radius} testID={testID} width={width} style={{ opacity: 0.72 }}/>);
+    return (<View accessibilityLabel="Loading" accessibilityRole="text" bg={theme.semantics.neutral.surfaceHover} height={height} radius={radius} testID={testID} width={width} style={{ opacity: 0.72 }}/>);
 }
 /***
  * Generic skeleton placeholder for loading states.

package/dist/features/skeleton/adapters/inbound/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAE7C,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,GAAG,GACE;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,GAAG,CACF,kBAAkB,CAAC,SAAS,CAC5B,iBAAiB,CAAC,MAAM,CACxB,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,CACzC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACzB,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { SkeletonProps } from '../../../../types/skeleton';\nimport { Box } from '../../../layout/public';\n\nfunction SkeletonInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  width = '100%',\n  height = 16,\n  radius = 'm',\n}: SkeletonProps) {\n  const { theme } = useZoraTheme();\n\n  return (\n    <Box\n      accessibilityLabel=\"Loading\"\n      accessibilityRole=\"text\"\n      bg={theme.semantics.neutral.surfaceHover}\n      height={height}\n      radius={radius}\n      testID={testID}\n      width={width}\n      style={{ opacity: 0.72 }}\n    />\n  );\n}\n\n/***\n * Generic skeleton placeholder for loading states.\n */\nexport const Skeleton = withZoraThemeScope(SkeletonInner);\n"]}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,GAAG,GACE;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CACH,kBAAkB,CAAC,SAAS,CAC5B,iBAAiB,CAAC,MAAM,CACxB,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,CACzC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EACzB,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { SkeletonProps } from '../../../../types/skeleton';\nimport { View } from '../../../layout/public';\n\nfunction SkeletonInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  width = '100%',\n  height = 16,\n  radius = 'm',\n}: SkeletonProps) {\n  const { theme } = useZoraTheme();\n\n  return (\n    <View\n      accessibilityLabel=\"Loading\"\n      accessibilityRole=\"text\"\n      bg={theme.semantics.neutral.surfaceHover}\n      height={height}\n      radius={radius}\n      testID={testID}\n      width={width}\n      style={{ opacity: 0.72 }}\n    />\n  );\n}\n\n/***\n * Generic skeleton placeholder for loading states.\n */\nexport const Skeleton = withZoraThemeScope(SkeletonInner);\n"]}

package/dist/features/skeleton/adapters/inbound/SkeletonCard.js

@@ -2,22 +2,22 @@ import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
 import { ButtonGroup } from '../../../button/public';
 import { Card } from '../../../card/public';
-import { Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { Skeleton } from './Skeleton';
 import { SkeletonText } from './SkeletonText';
 function SkeletonCardInner({ themeId: _themeId, mode: _mode, testID, media = false, actions = false, lines = 3, compact = false, }) {
     return (<Card compact={compact} testID={testID} tone="default">
-      <Stack gap={compact ? 's' : 'm'}>
+      <View gap={compact ? 's' : 'm'}>
         {media ? <Skeleton height={compact ? 120 : 180} radius="m"/> : null}
-        <Stack gap="s">
+        <View gap="s">
           <Skeleton height={18} radius="full" width="54%"/>
           <SkeletonText lines={lines}/>
-        </Stack>
+        </View>
         {actions ? (<ButtonGroup align="end">
             <Skeleton height={36} radius="m" width={88}/>
             <Skeleton height={36} radius="m" width={120}/>
           </ButtonGroup>) : null}
-      </Stack>
+      </View>
     </Card>);
 }
 /***

package/dist/features/skeleton/adapters/inbound/SkeletonCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCard.js","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/SkeletonCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,KAAK,GACG;IAClB,OAAO,CACL,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,CACpD;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAC9B;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,IAAI,CACpE;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;UAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAC/C;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAC7B;QAAA,EAAE,KAAK,CACP;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CACtB;YAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAC3C;YAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAC9C;UAAA,EAAE,WAAW,CAAC,CACf,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { SkeletonCardProps } from '../../../../types/skeleton';\nimport { ButtonGroup } from '../../../button/public';\nimport { Card } from '../../../card/public';\nimport { Stack } from '../../../layout/public';\nimport { Skeleton } from './Skeleton';\nimport { SkeletonText } from './SkeletonText';\n\nfunction SkeletonCardInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  media = false,\n  actions = false,\n  lines = 3,\n  compact = false,\n}: SkeletonCardProps) {\n  return (\n    <Card compact={compact} testID={testID} tone=\"default\">\n      <Stack gap={compact ? 's' : 'm'}>\n        {media ? <Skeleton height={compact ? 120 : 180} radius=\"m\" /> : null}\n        <Stack gap=\"s\">\n          <Skeleton height={18} radius=\"full\" width=\"54%\" />\n          <SkeletonText lines={lines} />\n        </Stack>\n        {actions ? (\n          <ButtonGroup align=\"end\">\n            <Skeleton height={36} radius=\"m\" width={88} />\n            <Skeleton height={36} radius=\"m\" width={120} />\n          </ButtonGroup>\n        ) : null}\n      </Stack>\n    </Card>\n  );\n}\n\n/***\n * Skeleton placeholder that matches the structure of a `Card`.\n */\nexport const SkeletonCard = withZoraThemeScope(SkeletonCardInner);\n"]}
+{"version":3,"file":"SkeletonCard.js","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/SkeletonCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,KAAK,GACG;IAClB,OAAO,CACL,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,CACpD;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAC7B;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,IAAI,CACpE;QAAA,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CACX;UAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAC/C;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAC7B;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CACtB;YAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAC3C;YAAA,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAC9C;UAAA,EAAE,WAAW,CAAC,CACf,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { SkeletonCardProps } from '../../../../types/skeleton';\nimport { ButtonGroup } from '../../../button/public';\nimport { Card } from '../../../card/public';\nimport { View } from '../../../layout/public';\nimport { Skeleton } from './Skeleton';\nimport { SkeletonText } from './SkeletonText';\n\nfunction SkeletonCardInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  media = false,\n  actions = false,\n  lines = 3,\n  compact = false,\n}: SkeletonCardProps) {\n  return (\n    <Card compact={compact} testID={testID} tone=\"default\">\n      <View gap={compact ? 's' : 'm'}>\n        {media ? <Skeleton height={compact ? 120 : 180} radius=\"m\" /> : null}\n        <View gap=\"s\">\n          <Skeleton height={18} radius=\"full\" width=\"54%\" />\n          <SkeletonText lines={lines} />\n        </View>\n        {actions ? (\n          <ButtonGroup align=\"end\">\n            <Skeleton height={36} radius=\"m\" width={88} />\n            <Skeleton height={36} radius=\"m\" width={120} />\n          </ButtonGroup>\n        ) : null}\n      </View>\n    </Card>\n  );\n}\n\n/***\n * Skeleton placeholder that matches the structure of a `Card`.\n */\nexport const SkeletonCard = withZoraThemeScope(SkeletonCardInner);\n"]}

package/dist/features/skeleton/adapters/inbound/SkeletonList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonList.d.ts","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/SkeletonList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AA+CpE;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAAwC,CAAC"}
+{"version":3,"file":"SkeletonList.d.ts","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/SkeletonList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAgDpE;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAAwC,CAAC"}

package/dist/features/skeleton/adapters/inbound/SkeletonList.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { List } from '../../../../patterns/list';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { List } from '../../../list/public';
 import { Skeleton } from './Skeleton';
 import { SkeletonText } from './SkeletonText';
 function clampRows(rows) {
@@ -27,7 +27,7 @@ function SkeletonListInner({ themeId: _themeId, mode: _mode, testID, rows = 5, a
         title: <Skeleton height={16} radius="full" width="48%"/>,
         variant,
     }));
-    return <List compact={compact} items={items} rowVariant={variant} testID={testID}/>;
+    return <List compact={compact} items={items} itemVariant={variant} testID={testID}/>;
 }
 /***
  * Skeleton placeholder list for loading states in list views.

package/dist/features/skeleton/adapters/inbound/SkeletonList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonList.js","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/SkeletonList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAqB,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,SAAS,CAAC,IAAY;IAC7B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AACvC,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAA+C;IACnF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC;IACxD,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC;IAC3D,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,IAAI,GAAG,CAAC,EACR,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,GACG;IAClB,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,KAAK,GAAmB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QACxE,OAAO;QACP,WAAW,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG;QAC3C,OAAO,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QACzC,KAAK,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAG;QACzD,OAAO;KACR,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC;AACvF,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { List, type ListRowProps } from '../../../../patterns/list';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { SkeletonListProps } from '../../../../types/skeleton';\nimport { Skeleton } from './Skeleton';\nimport { SkeletonText } from './SkeletonText';\n\nfunction clampRows(rows: number): number {\n  if (!Number.isFinite(rows)) {\n    return 1;\n  }\n\n  return Math.max(1, Math.floor(rows));\n}\n\nfunction renderLeading({ avatar, media }: Pick<SkeletonListProps, 'avatar' | 'media'>) {\n  if (media) {\n    return <Skeleton height={64} radius=\"m\" width={64} />;\n  }\n\n  if (avatar) {\n    return <Skeleton height={40} radius=\"full\" width={40} />;\n  }\n\n  return undefined;\n}\n\nfunction SkeletonListInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  rows = 5,\n  avatar = false,\n  media = false,\n  lines = 2,\n  variant = 'divider',\n  compact = false,\n}: SkeletonListProps) {\n  const rowCount = clampRows(rows);\n  const items: ListRowProps[] = Array.from({ length: rowCount }).map(() => ({\n    compact,\n    description: <SkeletonText lines={lines} />,\n    leading: renderLeading({ avatar, media }),\n    title: <Skeleton height={16} radius=\"full\" width=\"48%\" />,\n    variant,\n  }));\n\n  return <List compact={compact} items={items} rowVariant={variant} testID={testID} />;\n}\n\n/***\n * Skeleton placeholder list for loading states in list views.\n *\n \n */\nexport const SkeletonList = withZoraThemeScope(SkeletonListInner);\n"]}
+{"version":3,"file":"SkeletonList.js","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/SkeletonList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAsB,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,SAAS,SAAS,CAAC,IAAY;IAC7B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AACvC,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAA+C;IACnF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC;IACxD,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAG,CAAC;IAC3D,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,IAAI,GAAG,CAAC,EACR,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,CAAC,EACT,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,GACG;IAClB,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,KAAK,GAAoB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QACzE,OAAO;QACP,WAAW,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG;QAC3C,OAAO,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QACzC,KAAK,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAG;QACzD,OAAO;KACR,CAAC,CAAC,CAAC;IAEJ,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC;AACxF,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { SkeletonListProps } from '../../../../types/skeleton';\nimport { List, type ListItemProps } from '../../../list/public';\nimport { Skeleton } from './Skeleton';\nimport { SkeletonText } from './SkeletonText';\n\nfunction clampRows(rows: number): number {\n  if (!Number.isFinite(rows)) {\n    return 1;\n  }\n\n  return Math.max(1, Math.floor(rows));\n}\n\nfunction renderLeading({ avatar, media }: Pick<SkeletonListProps, 'avatar' | 'media'>) {\n  if (media) {\n    return <Skeleton height={64} radius=\"m\" width={64} />;\n  }\n\n  if (avatar) {\n    return <Skeleton height={40} radius=\"full\" width={40} />;\n  }\n\n  return undefined;\n}\n\nfunction SkeletonListInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  rows = 5,\n  avatar = false,\n  media = false,\n  lines = 2,\n  variant = 'divider',\n  compact = false,\n}: SkeletonListProps) {\n  const rowCount = clampRows(rows);\n  const items: ListItemProps[] = Array.from({ length: rowCount }).map(() => ({\n    compact,\n    description: <SkeletonText lines={lines} />,\n    leading: renderLeading({ avatar, media }),\n    title: <Skeleton height={16} radius=\"full\" width=\"48%\" />,\n    variant,\n  }));\n\n  return <List compact={compact} items={items} itemVariant={variant} testID={testID} />;\n}\n\n/***\n * Skeleton placeholder list for loading states in list views.\n *\n \n */\nexport const SkeletonList = withZoraThemeScope(SkeletonListInner);\n"]}