@ankhorage/zora 15.0.0 → 17.0.0

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAA0B,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAC;AAEtF,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,kBAAkB,GAAG,UAAU,EAC/B,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,KAAK,GAAG,SAAS,EACjB,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,GAAG,EACV,MAAM,EACN,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,SAAS,EACtB,KAAK,GACa;IAClB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,2BAA2B,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5E,MAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACzD,MAAM,oBAAoB,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,QAAQ,GAAG,oBAAoB,CAAC;IAC3D,MAAM,SAAS,GAAG,sBAAsB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC;IAC7E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,CAAC,IAAI,CACH,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,aAAa,CAC/B,kBAAkB,CAAC,CAAC;YAClB,GAAG,EAAE,oBAAoB;YACzB,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,kBAAkB;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC,CACF,UAAU,CACV,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAC/D,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CACH,yBAAyB,CAAC,qBAAqB,CAC/C,aAAa,CAAC,MAAM,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAErB;QAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,KAAK;YACZ;gBACE,WAAW,EAAE,SAAS,CAAC,MAAM;gBAC7B,YAAY,EAAE,QAAQ,CAAC,QAAQ,GAAG,CAAC;gBACnC,WAAW,EAAE,QAAQ,CAAC,WAAW;aAClC;SACF,CAAC,EAGJ;;QAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,YAAY;gBACnB,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE;aAC3E,CAAC,CAEF;YAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,eAAe,EAAE,YAAY,CAAC,IAAI;gBAClC,YAAY,EAAE,QAAQ,CAAC,WAAW,GAAG,CAAC;gBACtC,MAAM,EAAE,QAAQ,CAAC,WAAW;gBAC5B,IAAI,EAAE,CAAC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC;gBACrD,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,QAAQ,CAAC,YAAY;aAC7B,CAAC,EAEN;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CACxD,CAAC,IAAI,CACH,yBAAyB,CAAC,qBAAqB,CAC/C,aAAa,CAAC,MAAM,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAErB;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CACpC;YAAA,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAC/C;gBAAA,CAAC,WAAW,CACd;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACR;YAAA,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CACvE;gBAAA,CAAC,WAAW,CACd;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;UAAA,EAAE,KAAK,CACT;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;QACT,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC","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

@@ -0,0 +1,4 @@
+import type { RatingProps } from '../../../../types/rating';
+/*** Displays a read-only star rating with optional half steps. */
+export declare const Rating: (props: RatingProps) => React.ReactElement | null;
+//# sourceMappingURL=Rating.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,49 @@
+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);
+/*** Resolves rating visuals from the active ZORA theme. */
+function RatingInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, testID, value, max = 5, color = 'warning', size = 'm', }) {
+    const { theme } = useZoraTheme();
+    const role = resolveRatingRole(theme, color);
+    const segments = resolveRatingSegments({ value, max });
+    const iconSize = resolveIconSize(size);
+    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}/>);
+        })}
+    </View>);
+}
+/*** Resolves the semantic theme role for a ZORA rating color. */
+function resolveRatingRole(theme, color) {
+    switch (color) {
+        case 'secondary':
+            return theme.semantics.secondary;
+        case 'tertiary':
+            return theme.semantics.accent;
+        case 'quaternary':
+            return theme.semantics.highlight;
+        case 'error':
+            return theme.semantics.error;
+        case 'info':
+            return theme.semantics.info;
+        case 'primary':
+            return theme.semantics.action.primary;
+        case 'danger':
+            return theme.semantics.action.danger;
+        case 'success':
+            return theme.semantics.success;
+        case 'warning':
+            return theme.semantics.warning;
+        case 'neutral':
+        default:
+            return theme.semantics.action.neutral;
+    }
+}
+//# sourceMappingURL=Rating.js.map

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

@@ -0,0 +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 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/rating/public.d.ts

@@ -0,0 +1,3 @@
+export type { RatingProps } from '../../types/rating';
+export { Rating } from './adapters/inbound/Rating';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/rating/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/features/rating/public.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/rating/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export type { RatingProps } from '../../types/rating';\nexport { Rating } from './adapters/inbound/Rating';\n"]}

package/dist/features/rating/ratingMeta.d.ts

@@ -0,0 +1,57 @@
+export declare const ratingMeta: {
+    readonly name: "Rating";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly description: "Displays a read-only star-based rating value.";
+    readonly blueprint: {
+        readonly label: "Rating";
+        readonly defaultProps: {
+            readonly color: "warning";
+            readonly max: 5;
+            readonly size: "m";
+            readonly value: 4.5;
+        };
+    };
+    readonly bindings: {
+        readonly props: {
+            readonly value: {
+                readonly label: "Value";
+                readonly description: "Current rating value.";
+                readonly value: {
+                    readonly type: "number";
+                };
+                readonly acceptsFallback: true;
+                readonly acceptsTransforms: true;
+            };
+        };
+    };
+    readonly props: {
+        readonly value: {
+            readonly type: "number";
+            readonly category: "Data";
+            readonly label: "Value";
+        };
+        readonly max: {
+            readonly type: "number";
+            readonly category: "Data";
+            readonly label: "Maximum";
+            readonly default: 5;
+        };
+        readonly color: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Color";
+            readonly enum: readonly ["neutral", "primary", "secondary", "tertiary", "quaternary", "success", "warning", "danger", "error", "info"];
+            readonly default: "warning";
+        };
+        readonly size: {
+            readonly type: "enum";
+            readonly category: "Style";
+            readonly label: "Size";
+            readonly enum: readonly ["s", "m", "l"];
+            readonly default: "m";
+        };
+    };
+};
+//# sourceMappingURL=ratingMeta.d.ts.map

package/dist/features/rating/ratingMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ratingMeta.d.ts","sourceRoot":"","sources":["../../../src/features/rating/ratingMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCe,CAAC"}

package/dist/features/rating/ratingMeta.js

@@ -0,0 +1,43 @@
+export const ratingMeta = {
+    name: 'Rating',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    description: 'Displays a read-only star-based rating value.',
+    blueprint: { label: 'Rating', defaultProps: { color: 'warning', max: 5, size: 'm', value: 4.5 } },
+    bindings: {
+        props: {
+            value: {
+                label: 'Value',
+                description: 'Current rating value.',
+                value: { type: 'number' },
+                acceptsFallback: true,
+                acceptsTransforms: true,
+            },
+        },
+    },
+    props: {
+        value: { type: 'number', category: 'Data', label: 'Value' },
+        max: { type: 'number', category: 'Data', label: 'Maximum', default: 5 },
+        color: {
+            type: 'enum',
+            category: 'Style',
+            label: 'Color',
+            enum: [
+                'neutral',
+                'primary',
+                'secondary',
+                'tertiary',
+                'quaternary',
+                'success',
+                'warning',
+                'danger',
+                'error',
+                'info',
+            ],
+            default: 'warning',
+        },
+        size: { type: 'enum', category: 'Style', label: 'Size', enum: ['s', 'm', 'l'], default: 'm' },
+    },
+};
+//# sourceMappingURL=ratingMeta.js.map

package/dist/features/rating/ratingMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ratingMeta.js","sourceRoot":"","sources":["../../../src/features/rating/ratingMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,WAAW,EAAE,+CAA+C;IAC5D,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IACjG,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,uBAAuB;gBACpC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBACzB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;aACxB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE;QAC3D,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE;QACvE,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE;gBACJ,SAAS;gBACT,SAAS;gBACT,WAAW;gBACX,UAAU;gBACV,YAAY;gBACZ,SAAS;gBACT,SAAS;gBACT,QAAQ;gBACR,OAAO;gBACP,MAAM;aACP;YACD,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE;KAC9F;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata/types';\n\nexport const ratingMeta = {\n  name: 'Rating',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  description: 'Displays a read-only star-based rating value.',\n  blueprint: { label: 'Rating', defaultProps: { color: 'warning', max: 5, size: 'm', value: 4.5 } },\n  bindings: {\n    props: {\n      value: {\n        label: 'Value',\n        description: 'Current rating value.',\n        value: { type: 'number' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n  },\n  props: {\n    value: { type: 'number', category: 'Data', label: 'Value' },\n    max: { type: 'number', category: 'Data', label: 'Maximum', default: 5 },\n    color: {\n      type: 'enum',\n      category: 'Style',\n      label: 'Color',\n      enum: [\n        'neutral',\n        'primary',\n        'secondary',\n        'tertiary',\n        'quaternary',\n        'success',\n        'warning',\n        'danger',\n        'error',\n        'info',\n      ],\n      default: 'warning',\n    },\n    size: { type: 'enum', category: 'Style', label: 'Size', enum: ['s', 'm', 'l'], default: 'm' },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/rating/utils/resolveRatingSegments.d.ts

@@ -0,0 +1,9 @@
+export type RatingSegment = 'empty' | 'full' | 'half';
+/*** Resolves a numeric rating into full, half, and empty visual segments. */
+export declare function resolveRatingSegments({ value, max }: ResolveRatingSegmentsInput): RatingSegment[];
+interface ResolveRatingSegmentsInput {
+    value: number;
+    max: number;
+}
+export {};
+//# sourceMappingURL=resolveRatingSegments.d.ts.map

package/dist/features/rating/utils/resolveRatingSegments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveRatingSegments.d.ts","sourceRoot":"","sources":["../../../../src/features/rating/utils/resolveRatingSegments.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,6EAA6E;AAC7E,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,0BAA0B,GAAG,aAAa,EAAE,CAUjG;AAED,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb"}

package/dist/features/rating/utils/resolveRatingSegments.js

@@ -0,0 +1,14 @@
+/*** Resolves a numeric rating into full, half, and empty visual segments. */
+export function resolveRatingSegments({ value, max }) {
+    const normalizedMax = Math.max(0, Math.trunc(Number.isFinite(max) ? max : 0));
+    const normalizedValue = Math.min(Math.max(Number.isFinite(value) ? value : 0, 0), normalizedMax);
+    return Array.from({ length: normalizedMax }, (_, index) => {
+        const remaining = normalizedValue - index;
+        if (remaining >= 1)
+            return 'full';
+        if (remaining >= 0.5)
+            return 'half';
+        return 'empty';
+    });
+}
+//# sourceMappingURL=resolveRatingSegments.js.map

package/dist/features/rating/utils/resolveRatingSegments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveRatingSegments.js","sourceRoot":"","sources":["../../../../src/features/rating/utils/resolveRatingSegments.ts"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,MAAM,UAAU,qBAAqB,CAAC,EAAE,KAAK,EAAE,GAAG,EAA8B;IAC9E,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9E,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAEjG,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACxD,MAAM,SAAS,GAAG,eAAe,GAAG,KAAK,CAAC;QAC1C,IAAI,SAAS,IAAI,CAAC;YAAE,OAAO,MAAM,CAAC;QAClC,IAAI,SAAS,IAAI,GAAG;YAAE,OAAO,MAAM,CAAC;QACpC,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["export type RatingSegment = 'empty' | 'full' | 'half';\n\n/*** Resolves a numeric rating into full, half, and empty visual segments. */\nexport function resolveRatingSegments({ value, max }: ResolveRatingSegmentsInput): RatingSegment[] {\n  const normalizedMax = Math.max(0, Math.trunc(Number.isFinite(max) ? max : 0));\n  const normalizedValue = Math.min(Math.max(Number.isFinite(value) ? value : 0, 0), normalizedMax);\n\n  return Array.from({ length: normalizedMax }, (_, index) => {\n    const remaining = normalizedValue - index;\n    if (remaining >= 1) return 'full';\n    if (remaining >= 0.5) return 'half';\n    return 'empty';\n  });\n}\n\ninterface ResolveRatingSegmentsInput {\n  value: number;\n  max: number;\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/SkeletonText.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import { Stack } from '../../../layout/public';
+import { View } from '../../../layout/public';
 import { Skeleton } from './Skeleton';
 function clampLines(lines) {
     if (!Number.isFinite(lines)) {
@@ -10,12 +10,12 @@ function clampLines(lines) {
 }
 function SkeletonTextInner({ themeId: _themeId, mode: _mode, testID, lines = 3, lineHeight = 12, gap = 'xs', width = '100%', lastLineWidth = '70%', }) {
     const lineCount = clampLines(lines);
-    return (<Stack gap={gap} testID={testID}>
+    return (<View gap={gap} testID={testID}>
       {Array.from({ length: lineCount }).map((_, index) => {
             const isLastLine = index === lineCount - 1;
             return (<Skeleton height={lineHeight} key={`${index}`} radius="full" width={isLastLine && lineCount > 1 ? lastLineWidth : width}/>);
         })}
-    </Stack>);
+    </View>);
 }
 /***
  * Multi-line skeleton placeholder for text content.

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,SAAS,UAAU,CAAC,KAAa;IAC/B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,CAAC,EACT,UAAU,GAAG,EAAE,EACf,GAAG,GAAG,IAAI,EACV,KAAK,GAAG,MAAM,EACd,aAAa,GAAG,KAAK,GACH;IAClB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC9B;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAClD,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,GAAG,CAAC,CAAC;YAC3C,OAAO,CACL,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAChB,MAAM,CAAC,MAAM,CACb,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAC3D,CACH,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,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 { SkeletonTextProps } from '../../../../types/skeleton';\nimport { Stack } from '../../../layout/public';\nimport { Skeleton } from './Skeleton';\n\nfunction clampLines(lines: number): number {\n  if (!Number.isFinite(lines)) {\n    return 1;\n  }\n\n  return Math.max(1, Math.floor(lines));\n}\n\nfunction SkeletonTextInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  lines = 3,\n  lineHeight = 12,\n  gap = 'xs',\n  width = '100%',\n  lastLineWidth = '70%',\n}: SkeletonTextProps) {\n  const lineCount = clampLines(lines);\n\n  return (\n    <Stack gap={gap} testID={testID}>\n      {Array.from({ length: lineCount }).map((_, index) => {\n        const isLastLine = index === lineCount - 1;\n        return (\n          <Skeleton\n            height={lineHeight}\n            key={`${index}`}\n            radius=\"full\"\n            width={isLastLine && lineCount > 1 ? lastLineWidth : width}\n          />\n        );\n      })}\n    </Stack>\n  );\n}\n\n/***\n * Multi-line skeleton placeholder for text content.\n *\n \n */\nexport const SkeletonText = withZoraThemeScope(SkeletonTextInner);\n"]}
+{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../../../../../src/features/skeleton/adapters/inbound/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,SAAS,UAAU,CAAC,KAAa;IAC/B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,GAAG,CAAC,EACT,UAAU,GAAG,EAAE,EACf,GAAG,GAAG,IAAI,EACV,KAAK,GAAG,MAAM,EACd,aAAa,GAAG,KAAK,GACH;IAClB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC7B;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAClD,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,GAAG,CAAC,CAAC;YAC3C,OAAO,CACL,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,GAAG,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAChB,MAAM,CAAC,MAAM,CACb,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAC3D,CACH,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,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 { SkeletonTextProps } from '../../../../types/skeleton';\nimport { View } from '../../../layout/public';\nimport { Skeleton } from './Skeleton';\n\nfunction clampLines(lines: number): number {\n  if (!Number.isFinite(lines)) {\n    return 1;\n  }\n\n  return Math.max(1, Math.floor(lines));\n}\n\nfunction SkeletonTextInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  lines = 3,\n  lineHeight = 12,\n  gap = 'xs',\n  width = '100%',\n  lastLineWidth = '70%',\n}: SkeletonTextProps) {\n  const lineCount = clampLines(lines);\n\n  return (\n    <View gap={gap} testID={testID}>\n      {Array.from({ length: lineCount }).map((_, index) => {\n        const isLastLine = index === lineCount - 1;\n        return (\n          <Skeleton\n            height={lineHeight}\n            key={`${index}`}\n            radius=\"full\"\n            width={isLastLine && lineCount > 1 ? lastLineWidth : width}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\n/***\n * Multi-line skeleton placeholder for text content.\n *\n \n */\nexport const SkeletonText = withZoraThemeScope(SkeletonTextInner);\n"]}

package/dist/features/surface/surfaceMeta.d.ts

@@ -2,7 +2,7 @@ export declare const surfaceMeta: {
     readonly name: "Surface";
     readonly category: "foundation";
     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 props: {
         readonly variant: {
             readonly type: "enum";

package/dist/features/tabs/adapters/inbound/Tab.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TabProps } from '../../../../types/tabs';
+/*** Renders one labeled selectable tab backed by Surface accessibility semantics. */
+export declare const Tab: (props: TabProps) => React.ReactElement | null;
+//# sourceMappingURL=Tab.d.ts.map

package/dist/features/tabs/adapters/inbound/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../../src/features/tabs/adapters/inbound/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD,qFAAqF;AACrF,eAAO,MAAM,GAAG,gDAA+B,CAAC"}

package/dist/features/tabs/adapters/inbound/Tab.js

@@ -0,0 +1,14 @@
+import { Tab as SurfaceTab } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { TabsInteractionPolicyContext } from '../../composition/TabsInteractionPolicyContext';
+/*** Renders one labeled selectable tab backed by Surface accessibility semantics. */
+export const Tab = withZoraThemeScope(TabInner);
+/*** Resolves inherited interaction policy before delegating tab behavior to Surface. */
+function TabInner({ themeId: _themeId, mode: _mode, interactionPolicy, label, ...props }) {
+    const inheritedInteractionPolicy = React.use(TabsInteractionPolicyContext);
+    return (<SurfaceTab {...props} interactionPolicy={interactionPolicy ?? inheritedInteractionPolicy}>
+      {label}
+    </SurfaceTab>);
+}
+//# sourceMappingURL=Tab.js.map

package/dist/features/tabs/adapters/inbound/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../src/features/tabs/adapters/inbound/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AAE9F,qFAAqF;AACrF,MAAM,CAAC,MAAM,GAAG,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAEhD,wFAAwF;AACxF,SAAS,QAAQ,CAAC,EAChB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EACjB,KAAK,EACL,GAAG,KAAK,EACC;IACT,MAAM,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAE3E,OAAO,CACL,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,IAAI,0BAA0B,CAAC,CACxF;MAAA,CAAC,KAAK,CACR;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { Tab as SurfaceTab } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TabProps } from '../../../../types/tabs';\nimport { TabsInteractionPolicyContext } from '../../composition/TabsInteractionPolicyContext';\n\n/*** Renders one labeled selectable tab backed by Surface accessibility semantics. */\nexport const Tab = withZoraThemeScope(TabInner);\n\n/*** Resolves inherited interaction policy before delegating tab behavior to Surface. */\nfunction TabInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  label,\n  ...props\n}: TabProps) {\n  const inheritedInteractionPolicy = React.use(TabsInteractionPolicyContext);\n\n  return (\n    <SurfaceTab {...props} interactionPolicy={interactionPolicy ?? inheritedInteractionPolicy}>\n      {label}\n    </SurfaceTab>\n  );\n}\n"]}

package/dist/features/tabs/adapters/inbound/TabList.d.ts

@@ -0,0 +1,4 @@
+import type { TabListProps } from '../../../../types/tabs';
+/*** Renders the accessible list of tabs for a Tabs composition. */
+export declare const TabList: (props: TabListProps) => React.ReactElement | null;
+//# sourceMappingURL=TabList.d.ts.map

package/dist/features/tabs/adapters/inbound/TabList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../../src/features/tabs/adapters/inbound/TabList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,mEAAmE;AACnE,eAAO,MAAM,OAAO,oDAAmC,CAAC"}

package/dist/features/tabs/adapters/inbound/TabList.js

@@ -0,0 +1,9 @@
+import { TabList as SurfaceTabList } from '@ankhorage/surface';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/*** Renders the accessible list of tabs for a Tabs composition. */
+export const TabList = withZoraThemeScope(TabListInner);
+/*** Delegates tablist semantics and keyboard navigation to Surface. */
+function TabListInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, children, testID, }) {
+    return <SurfaceTabList testID={testID}>{children}</SurfaceTabList>;
+}
+//# sourceMappingURL=TabList.js.map

package/dist/features/tabs/adapters/inbound/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../../../src/features/tabs/adapters/inbound/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,mEAAmE;AACnE,MAAM,CAAC,MAAM,OAAO,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAExD,uEAAuE;AACvE,SAAS,YAAY,CAAC,EACpB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,MAAM,GACO;IACb,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAC;AACrE,CAAC","sourcesContent":["import { TabList as SurfaceTabList } from '@ankhorage/surface';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TabListProps } from '../../../../types/tabs';\n\n/*** Renders the accessible list of tabs for a Tabs composition. */\nexport const TabList = withZoraThemeScope(TabListInner);\n\n/*** Delegates tablist semantics and keyboard navigation to Surface. */\nfunction TabListInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  children,\n  testID,\n}: TabListProps) {\n  return <SurfaceTabList testID={testID}>{children}</SurfaceTabList>;\n}\n"]}

package/dist/features/tabs/adapters/inbound/TabPanel.d.ts

@@ -0,0 +1,4 @@
+import type { TabPanelProps } from '../../../../types/tabs';
+/*** Renders content associated with one selected Tab. */
+export declare const TabPanel: (props: TabPanelProps) => React.ReactElement | null;
+//# sourceMappingURL=TabPanel.d.ts.map

package/dist/features/tabs/adapters/inbound/TabPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../../../src/features/tabs/adapters/inbound/TabPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,yDAAyD;AACzD,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

package/dist/features/tabs/adapters/inbound/TabPanel.js

@@ -0,0 +1,11 @@
+import { TabPanel as SurfaceTabPanel } from '@ankhorage/surface';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+/*** Renders content associated with one selected Tab. */
+export const TabPanel = withZoraThemeScope(TabPanelInner);
+/*** Delegates tabpanel visibility and accessibility linkage to Surface. */
+function TabPanelInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, children, value, testID, }) {
+    return (<SurfaceTabPanel testID={testID} value={value}>
+      {children}
+    </SurfaceTabPanel>);
+}
+//# sourceMappingURL=TabPanel.js.map

package/dist/features/tabs/adapters/inbound/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../../../src/features/tabs/adapters/inbound/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,yDAAyD;AACzD,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAE1D,2EAA2E;AAC3E,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,KAAK,EACL,MAAM,GACQ;IACd,OAAO,CACL,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAC5C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import { TabPanel as SurfaceTabPanel } from '@ankhorage/surface';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TabPanelProps } from '../../../../types/tabs';\n\n/*** Renders content associated with one selected Tab. */\nexport const TabPanel = withZoraThemeScope(TabPanelInner);\n\n/*** Delegates tabpanel visibility and accessibility linkage to Surface. */\nfunction TabPanelInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  children,\n  value,\n  testID,\n}: TabPanelProps) {\n  return (\n    <SurfaceTabPanel testID={testID} value={value}>\n      {children}\n    </SurfaceTabPanel>\n  );\n}\n"]}

package/dist/features/tabs/adapters/inbound/Tabs.d.ts

@@ -0,0 +1,4 @@
+import type { TabsProps } from '../../../../types/tabs';
+/*** Provides accessible tab state and interaction policy through the Surface Tabs primitive. */
+export declare const Tabs: (props: TabsProps) => React.ReactElement | null;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/features/tabs/adapters/inbound/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/features/tabs/adapters/inbound/Tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,gGAAgG;AAChG,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/features/tabs/adapters/inbound/Tabs.js

@@ -0,0 +1,12 @@
+import { Tabs as SurfaceTabs } from '@ankhorage/surface';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { TabsInteractionPolicyContext } from '../../composition/TabsInteractionPolicyContext';
+/*** Provides accessible tab state and interaction policy through the Surface Tabs primitive. */
+export const Tabs = withZoraThemeScope(TabsInner);
+/*** Connects ZORA tab composition to the Surface tab state owner. */
+function TabsInner({ themeId: _themeId, mode: _mode, interactionPolicy = 'enabled', children, ...props }) {
+    return (<TabsInteractionPolicyContext value={interactionPolicy}>
+      <SurfaceTabs {...props}>{children}</SurfaceTabs>
+    </TabsInteractionPolicyContext>);
+}
+//# sourceMappingURL=Tabs.js.map

package/dist/features/tabs/adapters/inbound/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../../src/features/tabs/adapters/inbound/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gDAAgD,CAAC;AAE9F,gGAAgG;AAChG,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAElD,qEAAqE;AACrE,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,GAAG,SAAS,EAC7B,QAAQ,EACR,GAAG,KAAK,EACE;IACV,OAAO,CACL,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CACrD;MAAA,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAW,CACjD;IAAA,EAAE,4BAA4B,CAAC,CAChC,CAAC;AACJ,CAAC","sourcesContent":["import { Tabs as SurfaceTabs } from '@ankhorage/surface';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TabsProps } from '../../../../types/tabs';\nimport { TabsInteractionPolicyContext } from '../../composition/TabsInteractionPolicyContext';\n\n/*** Provides accessible tab state and interaction policy through the Surface Tabs primitive. */\nexport const Tabs = withZoraThemeScope(TabsInner);\n\n/*** Connects ZORA tab composition to the Surface tab state owner. */\nfunction TabsInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy = 'enabled',\n  children,\n  ...props\n}: TabsProps) {\n  return (\n    <TabsInteractionPolicyContext value={interactionPolicy}>\n      <SurfaceTabs {...props}>{children}</SurfaceTabs>\n    </TabsInteractionPolicyContext>\n  );\n}\n"]}

package/dist/features/tabs/composition/TabsInteractionPolicyContext.d.ts

@@ -0,0 +1,3 @@
+import type { InteractionPolicy } from '@ankhorage/surface';
+export declare const TabsInteractionPolicyContext: import("react").Context<InteractionPolicy>;
+//# sourceMappingURL=TabsInteractionPolicyContext.d.ts.map