@ankhorage/zora 21.0.23 → 21.1.1

package/dist/features/tabletop/adapters/inbound/CardHand.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
+import { CardBack } from './CardBack';
+import { PlayingCard } from './PlayingCard';
+/*** Renders a compact row of face-up and face-down cards. */
+export const CardHand = withZoraThemeScope(CardHandInner);
+/*** Creates stable indices for non-revealing card backs. */
+function createFaceDownCards(count) {
+    return Array.from({ length: Math.max(0, count) }, (_, index) => index);
+}
+/*** Renders the card row from caller-owned values. */
+function CardHandInner({ cards = [], faceDownCards = 0, size = 'medium', muted = false, colorScheme, accessibilityLabel, testID, }) {
+    const hiddenCards = createFaceDownCards(faceDownCards);
+    return (<View accessibilityLabel={accessibilityLabel} style={styles.hand} testID={testID}>
+      {cards.map((card, index) => (<PlayingCard card={card} colorScheme={colorScheme} key={`${card.rank}-${card.suit}-${index}`} muted={muted} size={size} testID={testID ? `${testID}-card-${index}` : undefined}/>))}
+      {hiddenCards.map((index) => (<CardBack colorScheme={colorScheme} key={`hidden-${index}`} muted={muted} size={size} testID={testID ? `${testID}-hidden-${index}` : undefined}/>))}
+    </View>);
+}
+const styles = StyleSheet.create({
+    hand: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        gap: 4,
+        justifyContent: 'center',
+    },
+});
+//# sourceMappingURL=CardHand.js.map

package/dist/features/tabletop/adapters/inbound/CardHand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHand.js","sourceRoot":"","sources":["../../../../../src/features/tabletop/adapters/inbound/CardHand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,6DAA6D;AAC7D,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAE1D,4DAA4D;AAC5D,SAAS,mBAAmB,CAAC,KAAa;IACxC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;AACzE,CAAC;AAED,sDAAsD;AACtD,SAAS,aAAa,CAAC,EACrB,KAAK,GAAG,EAAE,EACV,aAAa,GAAG,CAAC,EACjB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,KAAK,EACb,WAAW,EACX,kBAAkB,EAClB,MAAM,GACQ;IACd,MAAM,WAAW,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAEvD,OAAO,CACL,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC/E;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,CAAC,WAAW,CACV,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE,CAAC,CAC1C,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EACvD,CACH,CAAC,CACF;MAAA,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,CAAC,QAAQ,CACP,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,GAAG,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CACvB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EACzD,CACH,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,CAAC;QACN,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport type { CardHandProps } from '../../../../types/tabletop';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { CardBack } from './CardBack';\nimport { PlayingCard } from './PlayingCard';\n\n/*** Renders a compact row of face-up and face-down cards. */\nexport const CardHand = withZoraThemeScope(CardHandInner);\n\n/*** Creates stable indices for non-revealing card backs. */\nfunction createFaceDownCards(count: number): readonly number[] {\n  return Array.from({ length: Math.max(0, count) }, (_, index) => index);\n}\n\n/*** Renders the card row from caller-owned values. */\nfunction CardHandInner({\n  cards = [],\n  faceDownCards = 0,\n  size = 'medium',\n  muted = false,\n  colorScheme,\n  accessibilityLabel,\n  testID,\n}: CardHandProps) {\n  const hiddenCards = createFaceDownCards(faceDownCards);\n\n  return (\n    <View accessibilityLabel={accessibilityLabel} style={styles.hand} testID={testID}>\n      {cards.map((card, index) => (\n        <PlayingCard\n          card={card}\n          colorScheme={colorScheme}\n          key={`${card.rank}-${card.suit}-${index}`}\n          muted={muted}\n          size={size}\n          testID={testID ? `${testID}-card-${index}` : undefined}\n        />\n      ))}\n      {hiddenCards.map((index) => (\n        <CardBack\n          colorScheme={colorScheme}\n          key={`hidden-${index}`}\n          muted={muted}\n          size={size}\n          testID={testID ? `${testID}-hidden-${index}` : undefined}\n        />\n      ))}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  hand: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    gap: 4,\n    justifyContent: 'center',\n  },\n});\n"]}

package/dist/features/tabletop/adapters/inbound/PlayingCard.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PlayingCardProps } from '../../../../types/tabletop';
+/*** Renders a face-up playing card with an accessible rank and suit. */
+export declare const PlayingCard: (props: PlayingCardProps) => React.ReactElement | null;
+//# sourceMappingURL=PlayingCard.d.ts.map

package/dist/features/tabletop/adapters/inbound/PlayingCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayingCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/tabletop/adapters/inbound/PlayingCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AASnE,wEAAwE;AACxE,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/features/tabletop/adapters/inbound/PlayingCard.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
+import { useZoraTheme } from '../../../theme/composition/useZoraTheme';
+import { createTabletopColorScheme } from '../../utils/createTabletopColorScheme';
+import { getPlayingCardLabel } from '../../utils/getPlayingCardLabel';
+import { getTabletopCardDimensions } from '../../utils/getTabletopCardDimensions';
+const suitMarks = { clubs: '♣', diamonds: '♦', hearts: '♥', spades: '♠' };
+/*** Renders a face-up playing card with an accessible rank and suit. */
+export const PlayingCard = withZoraThemeScope(PlayingCardInner);
+/*** Renders the card face using the active ZORA theme. */
+function PlayingCardInner({ card, size = 'medium', selected = false, muted = false, accessibilityLabel, colorScheme, testID, }) {
+    const { theme } = useZoraTheme();
+    const colors = React.useMemo(() => createTabletopColorScheme(theme, colorScheme), [colorScheme, theme]);
+    const dimensions = getTabletopCardDimensions(size);
+    const suitColor = card.suit === 'hearts' || card.suit === 'diamonds' ? colors.redSuitText : colors.cardText;
+    return (<View accessibilityLabel={accessibilityLabel ?? getPlayingCardLabel(card)} accessibilityRole="image" style={[
+            styles.card,
+            {
+                backgroundColor: colors.cardSurface,
+                borderColor: selected ? colors.seatSelectedBorder : colors.cardBorder,
+                borderRadius: dimensions.radius,
+                height: dimensions.height,
+                opacity: muted ? 0.48 : 1,
+                width: dimensions.width,
+            },
+        ]} testID={testID}>
+      <Text selectable={false} style={[
+            styles.rank,
+            {
+                color: suitColor,
+                fontSize: dimensions.rankFontSize,
+                lineHeight: dimensions.rankFontSize + 4,
+            },
+        ]}>
+        {card.rank}
+      </Text>
+      <Text selectable={false} style={[
+            styles.suit,
+            {
+                color: suitColor,
+                fontSize: dimensions.suitFontSize,
+                lineHeight: dimensions.suitFontSize + 3,
+            },
+        ]}>
+        {suitMarks[card.suit]}
+      </Text>
+    </View>);
+}
+const styles = StyleSheet.create({
+    card: {
+        alignItems: 'center',
+        borderWidth: 1,
+        justifyContent: 'center',
+    },
+    rank: {
+        fontWeight: '800',
+    },
+    suit: {
+        fontWeight: '700',
+        marginTop: -2,
+    },
+});
+//# sourceMappingURL=PlayingCard.js.map

package/dist/features/tabletop/adapters/inbound/PlayingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayingCard.js","sourceRoot":"","sources":["../../../../../src/features/tabletop/adapters/inbound/PlayingCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { PlayingCardProps } from '../../../../types/tabletop';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { useZoraTheme } from '../../../theme/composition/useZoraTheme';\nimport { createTabletopColorScheme } from '../../utils/createTabletopColorScheme';\nimport { getPlayingCardLabel } from '../../utils/getPlayingCardLabel';\nimport { getTabletopCardDimensions } from '../../utils/getTabletopCardDimensions';\n\nconst suitMarks = { clubs: '♣', diamonds: '♦', hearts: '♥', spades: '♠' } as const;\n\n/*** Renders a face-up playing card with an accessible rank and suit. */\nexport const PlayingCard = withZoraThemeScope(PlayingCardInner);\n\n/*** Renders the card face using the active ZORA theme. */\nfunction PlayingCardInner({\n  card,\n  size = 'medium',\n  selected = false,\n  muted = false,\n  accessibilityLabel,\n  colorScheme,\n  testID,\n}: PlayingCardProps) {\n  const { theme } = useZoraTheme();\n  const colors = React.useMemo(\n    () => createTabletopColorScheme(theme, colorScheme),\n    [colorScheme, theme],\n  );\n  const dimensions = getTabletopCardDimensions(size);\n  const suitColor =\n    card.suit === 'hearts' || card.suit === 'diamonds' ? colors.redSuitText : colors.cardText;\n\n  return (\n    <View\n      accessibilityLabel={accessibilityLabel ?? getPlayingCardLabel(card)}\n      accessibilityRole=\"image\"\n      style={[\n        styles.card,\n        {\n          backgroundColor: colors.cardSurface,\n          borderColor: selected ? colors.seatSelectedBorder : colors.cardBorder,\n          borderRadius: dimensions.radius,\n          height: dimensions.height,\n          opacity: muted ? 0.48 : 1,\n          width: dimensions.width,\n        },\n      ]}\n      testID={testID}\n    >\n      <Text\n        selectable={false}\n        style={[\n          styles.rank,\n          {\n            color: suitColor,\n            fontSize: dimensions.rankFontSize,\n            lineHeight: dimensions.rankFontSize + 4,\n          },\n        ]}\n      >\n        {card.rank}\n      </Text>\n      <Text\n        selectable={false}\n        style={[\n          styles.suit,\n          {\n            color: suitColor,\n            fontSize: dimensions.suitFontSize,\n            lineHeight: dimensions.suitFontSize + 3,\n          },\n        ]}\n      >\n        {suitMarks[card.suit]}\n      </Text>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  card: {\n    alignItems: 'center',\n    borderWidth: 1,\n    justifyContent: 'center',\n  },\n  rank: {\n    fontWeight: '800',\n  },\n  suit: {\n    fontWeight: '700',\n    marginTop: -2,\n  },\n});\n"]}

package/dist/features/tabletop/adapters/inbound/PokerTrainingTable.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PokerTrainingTableProps } from '../../../../types/tabletop';
+/*** Maps a serializable training task to presentation without running poker or training policy. */
+export declare const PokerTrainingTable: (props: PokerTrainingTableProps) => React.ReactElement | null;
+//# sourceMappingURL=PokerTrainingTable.d.ts.map

package/dist/features/tabletop/adapters/inbound/PokerTrainingTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PokerTrainingTable.d.ts","sourceRoot":"","sources":["../../../../../src/features/tabletop/adapters/inbound/PokerTrainingTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAK1E,mGAAmG;AACnG,eAAO,MAAM,kBAAkB,+DAA8C,CAAC"}

package/dist/features/tabletop/adapters/inbound/PokerTrainingTable.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
+import { createPokerTrainingTableState } from '../../utils/createPokerTrainingTableState';
+import { TabletopTable } from './TabletopTable';
+/*** Maps a serializable training task to presentation without running poker or training policy. */
+export const PokerTrainingTable = withZoraThemeScope(PokerTrainingTableInner);
+/*** Renders the reconstructed seat ring and shared table content. */
+function PokerTrainingTableInner({ task = {}, defaultStackBigBlinds = 100, accessibilityLabel, ...tableProps }) {
+    const state = React.useMemo(() => createPokerTrainingTableState(task, { defaultStackBigBlinds }), [defaultStackBigBlinds, task]);
+    return (<TabletopTable {...tableProps} accessibilityLabel={accessibilityLabel ?? state.accessibilityLabel} centerCards={state.centerCards} centerLabel={state.centerLabel} centerSublabel={state.centerSublabel} seatCount={state.seatCount} seats={state.seats}/>);
+}
+//# sourceMappingURL=PokerTrainingTable.js.map

package/dist/features/tabletop/adapters/inbound/PokerTrainingTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PokerTrainingTable.js","sourceRoot":"","sources":["../../../../../src/features/tabletop/adapters/inbound/PokerTrainingTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,mGAAmG;AACnG,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;AAE9E,qEAAqE;AACrE,SAAS,uBAAuB,CAAC,EAC/B,IAAI,GAAG,EAAE,EACT,qBAAqB,GAAG,GAAG,EAC3B,kBAAkB,EAClB,GAAG,UAAU,EACW;IACxB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,6BAA6B,CAAC,IAAI,EAAE,EAAE,qBAAqB,EAAE,CAAC,EACpE,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,CAAC,aAAa,CACZ,IAAI,UAAU,CAAC,CACf,kBAAkB,CAAC,CAAC,kBAAkB,IAAI,KAAK,CAAC,kBAAkB,CAAC,CACnE,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,cAAc,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CACrC,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAC3B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EACnB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport type { PokerTrainingTableProps } from '../../../../types/tabletop';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { createPokerTrainingTableState } from '../../utils/createPokerTrainingTableState';\nimport { TabletopTable } from './TabletopTable';\n\n/*** Maps a serializable training task to presentation without running poker or training policy. */\nexport const PokerTrainingTable = withZoraThemeScope(PokerTrainingTableInner);\n\n/*** Renders the reconstructed seat ring and shared table content. */\nfunction PokerTrainingTableInner({\n  task = {},\n  defaultStackBigBlinds = 100,\n  accessibilityLabel,\n  ...tableProps\n}: PokerTrainingTableProps) {\n  const state = React.useMemo(\n    () => createPokerTrainingTableState(task, { defaultStackBigBlinds }),\n    [defaultStackBigBlinds, task],\n  );\n\n  return (\n    <TabletopTable\n      {...tableProps}\n      accessibilityLabel={accessibilityLabel ?? state.accessibilityLabel}\n      centerCards={state.centerCards}\n      centerLabel={state.centerLabel}\n      centerSublabel={state.centerSublabel}\n      seatCount={state.seatCount}\n      seats={state.seats}\n    />\n  );\n}\n"]}

package/dist/features/tabletop/adapters/inbound/TabletopTable.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TabletopTableProps } from '../../../../types/tabletop';
+/*** Renders a responsive table surface and caller-owned seats. */
+export declare const TabletopTable: (props: TabletopTableProps) => React.ReactElement | null;
+//# sourceMappingURL=TabletopTable.d.ts.map

package/dist/features/tabletop/adapters/inbound/TabletopTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabletopTable.d.ts","sourceRoot":"","sources":["../../../../../src/features/tabletop/adapters/inbound/TabletopTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAOrE,kEAAkE;AAClE,eAAO,MAAM,aAAa,0DAAyC,CAAC"}

package/dist/features/tabletop/adapters/inbound/TabletopTable.js

@@ -0,0 +1,206 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
+import { useZoraTheme } from '../../../theme/composition/useZoraTheme';
+import { createTabletopColorScheme } from '../../utils/createTabletopColorScheme';
+import { getTabletopSeatPosition } from '../../utils/getTabletopSeatPosition';
+import { CardHand } from './CardHand';
+/*** Renders a responsive table surface and caller-owned seats. */
+export const TabletopTable = withZoraThemeScope(TabletopTableInner);
+/*** Summarizes the visible seat state for assistive technology. */
+function createSeatAccessibilityLabel(seat) {
+    if (seat.accessibilityLabel !== undefined)
+        return seat.accessibilityLabel;
+    if (typeof seat.label !== 'string')
+        return undefined;
+    const parts = [seat.label];
+    if (typeof seat.sublabel === 'string')
+        parts.push(seat.sublabel);
+    if (typeof seat.tokenLabel === 'string')
+        parts.push(seat.tokenLabel);
+    if (seat.selected)
+        parts.push('selected');
+    if (seat.muted)
+        parts.push('muted');
+    return parts.join(', ');
+}
+/*** Renders the table geometry using the active ZORA theme. */
+function TabletopTableInner({ seats, centerCards = [], centerLabel, centerSublabel, shape = 'oval', seatCount, cardSize = 'small', disabled = false, colorScheme, accessibilityLabel, testID, }) {
+    const { theme } = useZoraTheme();
+    const colors = React.useMemo(() => createTabletopColorScheme(theme, colorScheme), [colorScheme, theme]);
+    const resolvedSeatCount = seatCount ?? seats.length;
+    return (<View accessibilityLabel={accessibilityLabel} style={[
+            styles.root,
+            { aspectRatio: shape === 'circle' ? 1 : 1.6, opacity: disabled ? 0.56 : 1 },
+        ]} testID={testID}>
+      <View style={[
+            styles.surface,
+            shape === 'circle' ? styles.circleSurface : styles.ovalSurface,
+            shape === 'rounded' ? styles.roundedSurface : null,
+            {
+                backgroundColor: colors.tableFelt,
+                borderColor: colors.tableBorder,
+            },
+        ]}>
+        <View pointerEvents="none" style={[
+            styles.innerSurface,
+            shape === 'circle' ? styles.circleSurface : styles.ovalSurface,
+            shape === 'rounded' ? styles.roundedSurface : null,
+            { borderColor: colors.tableInnerBorder },
+        ]}/>
+        <View style={styles.centerContent}>
+          {centerCards.length > 0 ? (<CardHand cards={centerCards} colorScheme={colorScheme} size={cardSize}/>) : null}
+          {centerLabel !== undefined ? (<View style={[styles.centerLabel, { backgroundColor: colors.seatSurface }]}>
+              <Text style={[styles.centerLabelText, { color: colors.seatText }]}>
+                {centerLabel}
+              </Text>
+            </View>) : null}
+          {centerSublabel !== undefined ? (<Text style={[styles.centerSublabel, { color: colors.tableMutedText }]}>
+              {centerSublabel}
+            </Text>) : null}
+        </View>
+      </View>
+
+      {seats.map((seat, index) => {
+            const position = getTabletopSeatPosition(index, resolvedSeatCount);
+            const hasCards = seat.cards !== undefined || seat.faceDownCards !== undefined;
+            const seatCardSize = seat.selected && cardSize === 'small' ? 'medium' : cardSize;
+            return (<View accessibilityLabel={createSeatAccessibilityLabel(seat)} accessibilityRole="summary" key={seat.id} style={[
+                    styles.seatSlot,
+                    {
+                        left: position.left,
+                        opacity: seat.muted ? 0.48 : 1,
+                        top: position.top,
+                    },
+                ]} testID={testID ? `${testID}-seat-${seat.id}` : undefined}>
+            <View style={[
+                    styles.seatPanel,
+                    seat.selected ? styles.selectedSeatPanel : null,
+                    {
+                        borderColor: seat.selected ? colors.seatSelectedBorder : colors.seatBorder,
+                        backgroundColor: colors.seatSurface,
+                    },
+                ]}>
+              {hasCards ? (<CardHand cards={seat.cards} colorScheme={colorScheme} faceDownCards={seat.faceDownCards} muted={seat.muted ?? seat.disabled} size={seatCardSize}/>) : null}
+              <View style={styles.seatTextGroup}>
+                <Text style={[styles.seatLabel, { color: colors.seatText }]}>{seat.label}</Text>
+                {seat.sublabel !== undefined ? (<Text style={[styles.seatSublabel, { color: colors.seatMutedText }]}>
+                    {seat.sublabel}
+                  </Text>) : null}
+              </View>
+            </View>
+            {seat.tokenLabel !== undefined ? (<View style={[
+                        styles.token,
+                        {
+                            backgroundColor: colors.tokenSurface,
+                            borderColor: seat.selected
+                                ? colors.seatSelectedBorder
+                                : colors.tableInnerBorder,
+                        },
+                    ]}>
+                <Text style={[styles.tokenText, { color: colors.tokenText }]}>
+                  {seat.tokenLabel}
+                </Text>
+              </View>) : null}
+          </View>);
+        })}
+    </View>);
+}
+const styles = StyleSheet.create({
+    centerContent: {
+        alignItems: 'center',
+        gap: 6,
+        left: 0,
+        position: 'absolute',
+        right: 0,
+        top: '35%',
+    },
+    centerLabel: {
+        borderRadius: 999,
+        paddingHorizontal: 10,
+        paddingVertical: 4,
+    },
+    centerLabelText: {
+        fontSize: 12,
+        fontWeight: '800',
+    },
+    centerSublabel: {
+        fontSize: 11,
+        fontWeight: '700',
+    },
+    circleSurface: {
+        borderRadius: 999,
+    },
+    innerSurface: {
+        borderWidth: 1,
+        bottom: 10,
+        left: 10,
+        opacity: 0.44,
+        position: 'absolute',
+        right: 10,
+        top: 10,
+    },
+    ovalSurface: {
+        borderRadius: 999,
+    },
+    root: {
+        maxWidth: 760,
+        position: 'relative',
+        width: '100%',
+    },
+    roundedSurface: {
+        borderRadius: 28,
+    },
+    seatLabel: {
+        fontSize: 11,
+        fontWeight: '800',
+    },
+    seatPanel: {
+        alignItems: 'center',
+        borderRadius: 12,
+        borderWidth: 1,
+        gap: 4,
+        minWidth: 68,
+        paddingHorizontal: 7,
+        paddingVertical: 6,
+    },
+    seatSlot: {
+        alignItems: 'center',
+        gap: 4,
+        minWidth: 78,
+        position: 'absolute',
+        transform: [{ translateX: -39 }, { translateY: -34 }],
+    },
+    seatSublabel: {
+        fontSize: 10,
+        fontWeight: '700',
+    },
+    seatTextGroup: {
+        alignItems: 'center',
+        gap: 1,
+    },
+    selectedSeatPanel: {
+        borderWidth: 2,
+        paddingHorizontal: 9,
+        paddingVertical: 7,
+    },
+    surface: {
+        borderWidth: 8,
+        bottom: 28,
+        left: 24,
+        position: 'absolute',
+        right: 24,
+        top: 24,
+    },
+    token: {
+        borderRadius: 999,
+        borderWidth: 1,
+        paddingHorizontal: 7,
+        paddingVertical: 2,
+    },
+    tokenText: {
+        fontSize: 10,
+        fontWeight: '800',
+    },
+});
+//# sourceMappingURL=TabletopTable.js.map

package/dist/features/tabletop/adapters/inbound/TabletopTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabletopTable.js","sourceRoot":"","sources":["../../../../../src/features/tabletop/adapters/inbound/TabletopTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { TabletopSeatState } from '../../../../types/tabletop';\nimport type { TabletopTableProps } from '../../../../types/tabletop';\nimport { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';\nimport { useZoraTheme } from '../../../theme/composition/useZoraTheme';\nimport { createTabletopColorScheme } from '../../utils/createTabletopColorScheme';\nimport { getTabletopSeatPosition } from '../../utils/getTabletopSeatPosition';\nimport { CardHand } from './CardHand';\n\n/*** Renders a responsive table surface and caller-owned seats. */\nexport const TabletopTable = withZoraThemeScope(TabletopTableInner);\n\n/*** Summarizes the visible seat state for assistive technology. */\nfunction createSeatAccessibilityLabel(seat: TabletopSeatState): string | undefined {\n  if (seat.accessibilityLabel !== undefined) return seat.accessibilityLabel;\n  if (typeof seat.label !== 'string') return undefined;\n  const parts = [seat.label];\n  if (typeof seat.sublabel === 'string') parts.push(seat.sublabel);\n  if (typeof seat.tokenLabel === 'string') parts.push(seat.tokenLabel);\n  if (seat.selected) parts.push('selected');\n  if (seat.muted) parts.push('muted');\n  return parts.join(', ');\n}\n\n/*** Renders the table geometry using the active ZORA theme. */\nfunction TabletopTableInner({\n  seats,\n  centerCards = [],\n  centerLabel,\n  centerSublabel,\n  shape = 'oval',\n  seatCount,\n  cardSize = 'small',\n  disabled = false,\n  colorScheme,\n  accessibilityLabel,\n  testID,\n}: TabletopTableProps) {\n  const { theme } = useZoraTheme();\n  const colors = React.useMemo(\n    () => createTabletopColorScheme(theme, colorScheme),\n    [colorScheme, theme],\n  );\n  const resolvedSeatCount = seatCount ?? seats.length;\n\n  return (\n    <View\n      accessibilityLabel={accessibilityLabel}\n      style={[\n        styles.root,\n        { aspectRatio: shape === 'circle' ? 1 : 1.6, opacity: disabled ? 0.56 : 1 },\n      ]}\n      testID={testID}\n    >\n      <View\n        style={[\n          styles.surface,\n          shape === 'circle' ? styles.circleSurface : styles.ovalSurface,\n          shape === 'rounded' ? styles.roundedSurface : null,\n          {\n            backgroundColor: colors.tableFelt,\n            borderColor: colors.tableBorder,\n          },\n        ]}\n      >\n        <View\n          pointerEvents=\"none\"\n          style={[\n            styles.innerSurface,\n            shape === 'circle' ? styles.circleSurface : styles.ovalSurface,\n            shape === 'rounded' ? styles.roundedSurface : null,\n            { borderColor: colors.tableInnerBorder },\n          ]}\n        />\n        <View style={styles.centerContent}>\n          {centerCards.length > 0 ? (\n            <CardHand cards={centerCards} colorScheme={colorScheme} size={cardSize} />\n          ) : null}\n          {centerLabel !== undefined ? (\n            <View style={[styles.centerLabel, { backgroundColor: colors.seatSurface }]}>\n              <Text style={[styles.centerLabelText, { color: colors.seatText }]}>\n                {centerLabel}\n              </Text>\n            </View>\n          ) : null}\n          {centerSublabel !== undefined ? (\n            <Text style={[styles.centerSublabel, { color: colors.tableMutedText }]}>\n              {centerSublabel}\n            </Text>\n          ) : null}\n        </View>\n      </View>\n\n      {seats.map((seat, index) => {\n        const position = getTabletopSeatPosition(index, resolvedSeatCount);\n        const hasCards = seat.cards !== undefined || seat.faceDownCards !== undefined;\n        const seatCardSize = seat.selected && cardSize === 'small' ? 'medium' : cardSize;\n\n        return (\n          <View\n            accessibilityLabel={createSeatAccessibilityLabel(seat)}\n            accessibilityRole=\"summary\"\n            key={seat.id}\n            style={[\n              styles.seatSlot,\n              {\n                left: position.left,\n                opacity: seat.muted ? 0.48 : 1,\n                top: position.top,\n              },\n            ]}\n            testID={testID ? `${testID}-seat-${seat.id}` : undefined}\n          >\n            <View\n              style={[\n                styles.seatPanel,\n                seat.selected ? styles.selectedSeatPanel : null,\n                {\n                  borderColor: seat.selected ? colors.seatSelectedBorder : colors.seatBorder,\n                  backgroundColor: colors.seatSurface,\n                },\n              ]}\n            >\n              {hasCards ? (\n                <CardHand\n                  cards={seat.cards}\n                  colorScheme={colorScheme}\n                  faceDownCards={seat.faceDownCards}\n                  muted={seat.muted ?? seat.disabled}\n                  size={seatCardSize}\n                />\n              ) : null}\n              <View style={styles.seatTextGroup}>\n                <Text style={[styles.seatLabel, { color: colors.seatText }]}>{seat.label}</Text>\n                {seat.sublabel !== undefined ? (\n                  <Text style={[styles.seatSublabel, { color: colors.seatMutedText }]}>\n                    {seat.sublabel}\n                  </Text>\n                ) : null}\n              </View>\n            </View>\n            {seat.tokenLabel !== undefined ? (\n              <View\n                style={[\n                  styles.token,\n                  {\n                    backgroundColor: colors.tokenSurface,\n                    borderColor: seat.selected\n                      ? colors.seatSelectedBorder\n                      : colors.tableInnerBorder,\n                  },\n                ]}\n              >\n                <Text style={[styles.tokenText, { color: colors.tokenText }]}>\n                  {seat.tokenLabel}\n                </Text>\n              </View>\n            ) : null}\n          </View>\n        );\n      })}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  centerContent: {\n    alignItems: 'center',\n    gap: 6,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: '35%',\n  },\n  centerLabel: {\n    borderRadius: 999,\n    paddingHorizontal: 10,\n    paddingVertical: 4,\n  },\n  centerLabelText: {\n    fontSize: 12,\n    fontWeight: '800',\n  },\n  centerSublabel: {\n    fontSize: 11,\n    fontWeight: '700',\n  },\n  circleSurface: {\n    borderRadius: 999,\n  },\n  innerSurface: {\n    borderWidth: 1,\n    bottom: 10,\n    left: 10,\n    opacity: 0.44,\n    position: 'absolute',\n    right: 10,\n    top: 10,\n  },\n  ovalSurface: {\n    borderRadius: 999,\n  },\n  root: {\n    maxWidth: 760,\n    position: 'relative',\n    width: '100%',\n  },\n  roundedSurface: {\n    borderRadius: 28,\n  },\n  seatLabel: {\n    fontSize: 11,\n    fontWeight: '800',\n  },\n  seatPanel: {\n    alignItems: 'center',\n    borderRadius: 12,\n    borderWidth: 1,\n    gap: 4,\n    minWidth: 68,\n    paddingHorizontal: 7,\n    paddingVertical: 6,\n  },\n  seatSlot: {\n    alignItems: 'center',\n    gap: 4,\n    minWidth: 78,\n    position: 'absolute',\n    transform: [{ translateX: -39 }, { translateY: -34 }],\n  },\n  seatSublabel: {\n    fontSize: 10,\n    fontWeight: '700',\n  },\n  seatTextGroup: {\n    alignItems: 'center',\n    gap: 1,\n  },\n  selectedSeatPanel: {\n    borderWidth: 2,\n    paddingHorizontal: 9,\n    paddingVertical: 7,\n  },\n  surface: {\n    borderWidth: 8,\n    bottom: 28,\n    left: 24,\n    position: 'absolute',\n    right: 24,\n    top: 24,\n  },\n  token: {\n    borderRadius: 999,\n    borderWidth: 1,\n    paddingHorizontal: 7,\n    paddingVertical: 2,\n  },\n  tokenText: {\n    fontSize: 10,\n    fontWeight: '800',\n  },\n});\n"]}