@ankhorage/zora-tabletop 0.0.0

package/dist/components/tabletop-table/TabletopTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabletopTable.d.ts","sourceRoot":"","sources":["../../../src/components/tabletop-table/TabletopTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAelD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAgB,EAChB,WAAW,EACX,cAAc,EACd,KAAc,EACd,SAAS,EACT,QAAkB,EAClB,QAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,MAAM,GACP,EAAE,kBAAkB,qBAmGpB"}

package/dist/components/tabletop-table/TabletopTable.js

@@ -0,0 +1,165 @@
+import { useZoraTheme } from '@ankhorage/zora';
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { createTabletopColorScheme } from '../../colors';
+import { getTabletopSeatPosition } from '../../tablePositions';
+import { CardHand } from '../card-hand';
+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(', ');
+}
+export function TabletopTable({ 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, { 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.cardText }]}>
+                {centerLabel}
+              </Text>
+            </View>) : null}
+          {centerSublabel !== undefined ? (<Text style={[styles.centerSublabel, { color: colors.mutedText }]}>
+              {centerSublabel}
+            </Text>) : null}
+        </View>
+      </View>
+
+      {seats.map((seat, index) => {
+            const position = getTabletopSeatPosition(index, resolvedSeatCount);
+            return (<View accessibilityLabel={createSeatAccessibilityLabel(seat)} accessibilityRole="summary" key={seat.id} style={[
+                    styles.seat,
+                    {
+                        borderColor: seat.selected ? colors.seatSelectedBorder : colors.seatBorder,
+                        backgroundColor: colors.seatSurface,
+                        left: position.left,
+                        opacity: seat.muted ? 0.48 : 1,
+                        top: position.top,
+                    },
+                ]} testID={testID ? `${testID}-seat-${seat.id}` : undefined}>
+            {seat.cards !== undefined || seat.faceDownCards !== undefined ? (<CardHand cards={seat.cards} colorScheme={colorScheme} faceDownCards={seat.faceDownCards} muted={seat.muted ?? seat.disabled} size={cardSize}/>) : null}
+            <Text style={[styles.seatLabel, { color: colors.cardText }]}>{seat.label}</Text>
+            {seat.sublabel !== undefined ? (<Text style={[styles.seatSublabel, { color: colors.mutedText }]}>
+                {seat.sublabel}
+              </Text>) : null}
+            {seat.tokenLabel !== undefined ? (<View style={[styles.token, { backgroundColor: colors.tokenSurface }]}>
+                <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: '600',
+    },
+    circleSurface: {
+        borderRadius: 999,
+    },
+    innerSurface: {
+        borderWidth: 1,
+        bottom: 10,
+        left: 10,
+        opacity: 0.44,
+        position: 'absolute',
+        right: 10,
+        top: 10,
+    },
+    ovalSurface: {
+        borderRadius: 999,
+    },
+    root: {
+        aspectRatio: 1.6,
+        maxWidth: 760,
+        position: 'relative',
+        width: '100%',
+    },
+    roundedSurface: {
+        borderRadius: 28,
+    },
+    seat: {
+        alignItems: 'center',
+        borderRadius: 10,
+        borderWidth: 1,
+        gap: 3,
+        minWidth: 64,
+        paddingHorizontal: 6,
+        paddingVertical: 5,
+        position: 'absolute',
+        transform: [{ translateX: -32 }, { translateY: -28 }],
+    },
+    seatLabel: {
+        fontSize: 11,
+        fontWeight: '800',
+    },
+    seatSublabel: {
+        fontSize: 10,
+        fontWeight: '600',
+    },
+    surface: {
+        borderWidth: 8,
+        bottom: 28,
+        left: 24,
+        position: 'absolute',
+        right: 24,
+        top: 24,
+    },
+    token: {
+        borderRadius: 999,
+        paddingHorizontal: 6,
+        paddingVertical: 2,
+    },
+    tokenText: {
+        fontSize: 10,
+        fontWeight: '800',
+    },
+});
+//# sourceMappingURL=TabletopTable.js.map

package/dist/components/tabletop-table/TabletopTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabletopTable.js","sourceRoot":"","sources":["../../../src/components/tabletop-table/TabletopTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useZoraTheme } from '@ankhorage/zora';\nimport React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { createTabletopColorScheme } from '../../colors';\nimport { getTabletopSeatPosition } from '../../tablePositions';\nimport type { TabletopSeatState } from '../../types';\nimport { CardHand } from '../card-hand';\nimport type { TabletopTableProps } from './types';\n\nfunction createSeatAccessibilityLabel(seat: TabletopSeatState): string | undefined {\n  if (seat.accessibilityLabel !== undefined) return seat.accessibilityLabel;\n  if (typeof seat.label !== 'string') return undefined;\n\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\n  return parts.join(', ');\n}\n\nexport function TabletopTable({\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={[styles.root, { opacity: disabled ? 0.56 : 1 }]}\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.cardText }]}>\n                {centerLabel}\n              </Text>\n            </View>\n          ) : null}\n          {centerSublabel !== undefined ? (\n            <Text style={[styles.centerSublabel, { color: colors.mutedText }]}>\n              {centerSublabel}\n            </Text>\n          ) : null}\n        </View>\n      </View>\n\n      {seats.map((seat, index) => {\n        const position = getTabletopSeatPosition(index, resolvedSeatCount);\n        return (\n          <View\n            accessibilityLabel={createSeatAccessibilityLabel(seat)}\n            accessibilityRole=\"summary\"\n            key={seat.id}\n            style={[\n              styles.seat,\n              {\n                borderColor: seat.selected ? colors.seatSelectedBorder : colors.seatBorder,\n                backgroundColor: colors.seatSurface,\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            {seat.cards !== undefined || seat.faceDownCards !== undefined ? (\n              <CardHand\n                cards={seat.cards}\n                colorScheme={colorScheme}\n                faceDownCards={seat.faceDownCards}\n                muted={seat.muted ?? seat.disabled}\n                size={cardSize}\n              />\n            ) : null}\n            <Text style={[styles.seatLabel, { color: colors.cardText }]}>{seat.label}</Text>\n            {seat.sublabel !== undefined ? (\n              <Text style={[styles.seatSublabel, { color: colors.mutedText }]}>\n                {seat.sublabel}\n              </Text>\n            ) : null}\n            {seat.tokenLabel !== undefined ? (\n              <View style={[styles.token, { backgroundColor: colors.tokenSurface }]}>\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: '600',\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    aspectRatio: 1.6,\n    maxWidth: 760,\n    position: 'relative',\n    width: '100%',\n  },\n  roundedSurface: {\n    borderRadius: 28,\n  },\n  seat: {\n    alignItems: 'center',\n    borderRadius: 10,\n    borderWidth: 1,\n    gap: 3,\n    minWidth: 64,\n    paddingHorizontal: 6,\n    paddingVertical: 5,\n    position: 'absolute',\n    transform: [{ translateX: -32 }, { translateY: -28 }],\n  },\n  seatLabel: {\n    fontSize: 11,\n    fontWeight: '800',\n  },\n  seatSublabel: {\n    fontSize: 10,\n    fontWeight: '600',\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    paddingHorizontal: 6,\n    paddingVertical: 2,\n  },\n  tokenText: {\n    fontSize: 10,\n    fontWeight: '800',\n  },\n});\n"]}

package/dist/components/tabletop-table/index.d.ts

@@ -0,0 +1,3 @@
+export { TabletopTable } from './TabletopTable';
+export type { TabletopTableProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tabletop-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabletop-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/tabletop-table/index.js

@@ -0,0 +1,2 @@
+export { TabletopTable } from './TabletopTable';
+//# sourceMappingURL=index.js.map

package/dist/components/tabletop-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabletop-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { TabletopTable } from './TabletopTable';\nexport type { TabletopTableProps } from './types';\n"]}

package/dist/components/tabletop-table/types.d.ts

@@ -0,0 +1,17 @@
+import type React from 'react';
+import type { TabletopColorOverrides } from '../../colors';
+import type { PlayingCardValue, TabletopCardSize, TabletopSeatCount, TabletopSeatState, TabletopShape } from '../../types';
+export interface TabletopTableProps {
+    readonly seats: readonly TabletopSeatState[];
+    readonly centerCards?: readonly PlayingCardValue[];
+    readonly centerLabel?: React.ReactNode;
+    readonly centerSublabel?: React.ReactNode;
+    readonly shape?: TabletopShape;
+    readonly seatCount?: TabletopSeatCount;
+    readonly cardSize?: TabletopCardSize;
+    readonly disabled?: boolean;
+    readonly colorScheme?: TabletopColorOverrides;
+    readonly accessibilityLabel?: string;
+    readonly testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/tabletop-table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tabletop-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACd,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnD,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IAC9C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/components/tabletop-table/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/tabletop-table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tabletop-table/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { TabletopColorOverrides } from '../../colors';\nimport type {\n  PlayingCardValue,\n  TabletopCardSize,\n  TabletopSeatCount,\n  TabletopSeatState,\n  TabletopShape,\n} from '../../types';\n\nexport interface TabletopTableProps {\n  readonly seats: readonly TabletopSeatState[];\n  readonly centerCards?: readonly PlayingCardValue[];\n  readonly centerLabel?: React.ReactNode;\n  readonly centerSublabel?: React.ReactNode;\n  readonly shape?: TabletopShape;\n  readonly seatCount?: TabletopSeatCount;\n  readonly cardSize?: TabletopCardSize;\n  readonly disabled?: boolean;\n  readonly colorScheme?: TabletopColorOverrides;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export type { TabletopColorOverrides, TabletopColorScheme } from './colors';
+export { createTabletopColorScheme } from './colors';
+export type { CardBackProps } from './components/card-back';
+export { CardBack } from './components/card-back';
+export type { CardHandProps } from './components/card-hand';
+export { CardHand } from './components/card-hand';
+export type { PlayingCardProps } from './components/playing-card';
+export { PlayingCard } from './components/playing-card';
+export type { TabletopTableProps } from './components/tabletop-table';
+export { TabletopTable } from './components/tabletop-table';
+export type { PlayingCardSuit, PlayingCardValue, TabletopCardSize, TabletopSeatCount, TabletopSeatState, TabletopShape, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,GACd,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export { createTabletopColorScheme } from './colors';
+export { CardBack } from './components/card-back';
+export { CardHand } from './components/card-hand';
+export { PlayingCard } from './components/playing-card';
+export { TabletopTable } from './components/tabletop-table';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export type { TabletopColorOverrides, TabletopColorScheme } from './colors';\nexport { createTabletopColorScheme } from './colors';\nexport type { CardBackProps } from './components/card-back';\nexport { CardBack } from './components/card-back';\nexport type { CardHandProps } from './components/card-hand';\nexport { CardHand } from './components/card-hand';\nexport type { PlayingCardProps } from './components/playing-card';\nexport { PlayingCard } from './components/playing-card';\nexport type { TabletopTableProps } from './components/tabletop-table';\nexport { TabletopTable } from './components/tabletop-table';\nexport type {\n  PlayingCardSuit,\n  PlayingCardValue,\n  TabletopCardSize,\n  TabletopSeatCount,\n  TabletopSeatState,\n  TabletopShape,\n} from './types';\n"]}

package/dist/tablePositions.d.ts

@@ -0,0 +1,11 @@
+import type { TabletopSeatCount } from './types';
+type TabletopSeatPositionValue = `${number}%`;
+export interface TabletopSeatPosition {
+    readonly top: TabletopSeatPositionValue;
+    readonly left: TabletopSeatPositionValue;
+}
+export declare function normalizeTabletopSeatCount(count: number): TabletopSeatCount;
+export declare function getTabletopSeatPositions(count: number): readonly TabletopSeatPosition[];
+export declare function getTabletopSeatPosition(index: number, count: number): TabletopSeatPosition;
+export {};
+//# sourceMappingURL=tablePositions.d.ts.map

package/dist/tablePositions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablePositions.d.ts","sourceRoot":"","sources":["../src/tablePositions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,yBAAyB,GAAG,GAAG,MAAM,GAAG,CAAC;AAE9C,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,GAAG,EAAE,yBAAyB,CAAC;IACxC,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC;CAC1C;AAwED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAM3E;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,oBAAoB,EAAE,CAEvF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,oBAAoB,CAK1F"}

package/dist/tablePositions.js

@@ -0,0 +1,85 @@
+const fallbackSeatPosition = { top: '82%', left: '50%' };
+const seatPositions = {
+    2: [fallbackSeatPosition, { top: '18%', left: '50%' }],
+    3: [fallbackSeatPosition, { top: '28%', left: '18%' }, { top: '28%', left: '82%' }],
+    4: [
+        fallbackSeatPosition,
+        { top: '50%', left: '12%' },
+        { top: '18%', left: '50%' },
+        { top: '50%', left: '88%' },
+    ],
+    5: [
+        { top: '84%', left: '50%' },
+        { top: '62%', left: '12%' },
+        { top: '18%', left: '24%' },
+        { top: '18%', left: '76%' },
+        { top: '62%', left: '88%' },
+    ],
+    6: [
+        { top: '84%', left: '50%' },
+        { top: '68%', left: '16%' },
+        { top: '26%', left: '16%' },
+        { top: '16%', left: '50%' },
+        { top: '26%', left: '84%' },
+        { top: '68%', left: '84%' },
+    ],
+    7: [
+        { top: '86%', left: '50%' },
+        { top: '70%', left: '14%' },
+        { top: '34%', left: '10%' },
+        { top: '14%', left: '34%' },
+        { top: '14%', left: '66%' },
+        { top: '34%', left: '90%' },
+        { top: '70%', left: '86%' },
+    ],
+    8: [
+        { top: '86%', left: '50%' },
+        { top: '72%', left: '16%' },
+        { top: '50%', left: '8%' },
+        { top: '20%', left: '20%' },
+        { top: '14%', left: '50%' },
+        { top: '20%', left: '80%' },
+        { top: '50%', left: '92%' },
+        { top: '72%', left: '84%' },
+    ],
+    9: [
+        { top: '88%', left: '50%' },
+        { top: '78%', left: '12%' },
+        { top: '50%', left: '4%' },
+        { top: '18%', left: '10%' },
+        { top: '8%', left: '28%' },
+        { top: '8%', left: '50%' },
+        { top: '8%', left: '72%' },
+        { top: '18%', left: '90%' },
+        { top: '50%', left: '96%' },
+    ],
+    10: [
+        { top: '88%', left: '50%' },
+        { top: '80%', left: '20%' },
+        { top: '58%', left: '6%' },
+        { top: '30%', left: '8%' },
+        { top: '10%', left: '30%' },
+        { top: '8%', left: '50%' },
+        { top: '10%', left: '70%' },
+        { top: '30%', left: '92%' },
+        { top: '58%', left: '94%' },
+        { top: '80%', left: '80%' },
+    ],
+};
+export function normalizeTabletopSeatCount(count) {
+    const rounded = Math.round(count);
+    if (rounded <= 2)
+        return 2;
+    if (rounded >= 10)
+        return 10;
+    return rounded;
+}
+export function getTabletopSeatPositions(count) {
+    return seatPositions[normalizeTabletopSeatCount(count)];
+}
+export function getTabletopSeatPosition(index, count) {
+    const positions = getTabletopSeatPositions(count);
+    const position = positions[index % positions.length];
+    return position ?? fallbackSeatPosition;
+}
+//# sourceMappingURL=tablePositions.js.map

package/dist/tablePositions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablePositions.js","sourceRoot":"","sources":["../src/tablePositions.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TabletopSeatCount } from './types';\n\ntype TabletopSeatPositionValue = `${number}%`;\n\nexport interface TabletopSeatPosition {\n  readonly top: TabletopSeatPositionValue;\n  readonly left: TabletopSeatPositionValue;\n}\n\nconst fallbackSeatPosition: TabletopSeatPosition = { top: '82%', left: '50%' };\n\nconst seatPositions: Readonly<Record<TabletopSeatCount, readonly TabletopSeatPosition[]>> = {\n  2: [fallbackSeatPosition, { top: '18%', left: '50%' }],\n  3: [fallbackSeatPosition, { top: '28%', left: '18%' }, { top: '28%', left: '82%' }],\n  4: [\n    fallbackSeatPosition,\n    { top: '50%', left: '12%' },\n    { top: '18%', left: '50%' },\n    { top: '50%', left: '88%' },\n  ],\n  5: [\n    { top: '84%', left: '50%' },\n    { top: '62%', left: '12%' },\n    { top: '18%', left: '24%' },\n    { top: '18%', left: '76%' },\n    { top: '62%', left: '88%' },\n  ],\n  6: [\n    { top: '84%', left: '50%' },\n    { top: '68%', left: '16%' },\n    { top: '26%', left: '16%' },\n    { top: '16%', left: '50%' },\n    { top: '26%', left: '84%' },\n    { top: '68%', left: '84%' },\n  ],\n  7: [\n    { top: '86%', left: '50%' },\n    { top: '70%', left: '14%' },\n    { top: '34%', left: '10%' },\n    { top: '14%', left: '34%' },\n    { top: '14%', left: '66%' },\n    { top: '34%', left: '90%' },\n    { top: '70%', left: '86%' },\n  ],\n  8: [\n    { top: '86%', left: '50%' },\n    { top: '72%', left: '16%' },\n    { top: '50%', left: '8%' },\n    { top: '20%', left: '20%' },\n    { top: '14%', left: '50%' },\n    { top: '20%', left: '80%' },\n    { top: '50%', left: '92%' },\n    { top: '72%', left: '84%' },\n  ],\n  9: [\n    { top: '88%', left: '50%' },\n    { top: '78%', left: '12%' },\n    { top: '50%', left: '4%' },\n    { top: '18%', left: '10%' },\n    { top: '8%', left: '28%' },\n    { top: '8%', left: '50%' },\n    { top: '8%', left: '72%' },\n    { top: '18%', left: '90%' },\n    { top: '50%', left: '96%' },\n  ],\n  10: [\n    { top: '88%', left: '50%' },\n    { top: '80%', left: '20%' },\n    { top: '58%', left: '6%' },\n    { top: '30%', left: '8%' },\n    { top: '10%', left: '30%' },\n    { top: '8%', left: '50%' },\n    { top: '10%', left: '70%' },\n    { top: '30%', left: '92%' },\n    { top: '58%', left: '94%' },\n    { top: '80%', left: '80%' },\n  ],\n};\n\nexport function normalizeTabletopSeatCount(count: number): TabletopSeatCount {\n  const rounded = Math.round(count);\n  if (rounded <= 2) return 2;\n  if (rounded >= 10) return 10;\n\n  return rounded as TabletopSeatCount;\n}\n\nexport function getTabletopSeatPositions(count: number): readonly TabletopSeatPosition[] {\n  return seatPositions[normalizeTabletopSeatCount(count)];\n}\n\nexport function getTabletopSeatPosition(index: number, count: number): TabletopSeatPosition {\n  const positions = getTabletopSeatPositions(count);\n  const position = positions[index % positions.length];\n\n  return position ?? fallbackSeatPosition;\n}\n"]}

package/dist/types.d.ts

@@ -0,0 +1,22 @@
+import type React from 'react';
+export type PlayingCardSuit = 'clubs' | 'diamonds' | 'hearts' | 'spades';
+export type TabletopCardSize = 'large' | 'medium' | 'small';
+export type TabletopShape = 'circle' | 'oval' | 'rounded';
+export type TabletopSeatCount = 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+export interface PlayingCardValue {
+    readonly rank: string;
+    readonly suit: PlayingCardSuit;
+}
+export interface TabletopSeatState {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly sublabel?: React.ReactNode;
+    readonly cards?: readonly PlayingCardValue[];
+    readonly faceDownCards?: number;
+    readonly selected?: boolean;
+    readonly muted?: boolean;
+    readonly disabled?: boolean;
+    readonly tokenLabel?: React.ReactNode;
+    readonly accessibilityLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAEnE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CACtC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nexport type PlayingCardSuit = 'clubs' | 'diamonds' | 'hearts' | 'spades';\nexport type TabletopCardSize = 'large' | 'medium' | 'small';\nexport type TabletopShape = 'circle' | 'oval' | 'rounded';\nexport type TabletopSeatCount = 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;\n\nexport interface PlayingCardValue {\n  readonly rank: string;\n  readonly suit: PlayingCardSuit;\n}\n\nexport interface TabletopSeatState {\n  readonly id: string;\n  readonly label: React.ReactNode;\n  readonly sublabel?: React.ReactNode;\n  readonly cards?: readonly PlayingCardValue[];\n  readonly faceDownCards?: number;\n  readonly selected?: boolean;\n  readonly muted?: boolean;\n  readonly disabled?: boolean;\n  readonly tokenLabel?: React.ReactNode;\n  readonly accessibilityLabel?: string;\n}\n"]}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@ankhorage/zora-tabletop",
+  "type": "module",
+  "version": "0.0.0",
+  "description": "Tabletop and card-game UI primitives for React Native and React Native Web, built on ZORA.",
+  "homepage": "https://github.com/ankhorage/zora-tabletop#readme",
+  "bugs": {
+    "url": "https://github.com/ankhorage/zora-tabletop/issues"
+  },
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "sideEffects": false,
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ankhorage/zora-tabletop.git"
+  },
+  "keywords": [
+    "react-native",
+    "react-native-web",
+    "tabletop",
+    "cards",
+    "card-game",
+    "expo",
+    "zora",
+    "ui-kit"
+  ],
+  "files": [
+    "dist",
+    "src",
+    "package.json",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "react-native": "./src/index.ts",
+      "browser": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist tsconfig.tsbuildinfo && bun x tsc -p tsconfig.json",
+    "changeset": "changeset",
+    "changeset:status": "changeset status --since=origin/main",
+    "docs": "paradox",
+    "knip": "ankhorage-knip",
+    "lint": "ankhorage-eslint . --max-warnings=0",
+    "lint:fix": "ankhorage-eslint . --fix --max-warnings=0",
+    "format": "ankhorage-prettier --write .",
+    "format:check": "ankhorage-prettier --check .",
+    "prepack": "bun run build",
+    "test": "bun test src",
+    "typecheck": "bun x tsc --noEmit -p tsconfig.json",
+    "version-packages": "changeset version"
+  },
+  "peerDependencies": {
+    "@ankhorage/zora": ">=0.1.0",
+    "react": ">=18.2.0",
+    "react-native": ">=0.72.0"
+  },
+  "devDependencies": {
+    "@ankhorage/devtools": "^1.0.6",
+    "@ankhorage/paradox": "^0.1.7",
+    "@ankhorage/zora": "^2.5.1",
+    "@changesets/cli": "^2.31.0",
+    "@types/bun": "^1.3.13",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.1.8",
+    "react": "^19.1.0",
+    "react-native": "^0.81.5",
+    "typescript": "^5.9.3"
+  },
+  "packageManager": "bun@1.3.13"
+}

package/src/cardLabel.ts

@@ -0,0 +1,11 @@
+import type { PlayingCardValue } from './types';
+
+export function getPlayingCardLabel(card: PlayingCardValue): string {
+  return `${card.rank} ${card.suit}`;
+}
+
+export function createHiddenCardLabel(index?: number): string {
+  if (index === undefined) return 'Hidden card';
+
+  return `Hidden card ${index + 1}`;
+}

package/src/cardSizing.ts

@@ -0,0 +1,37 @@
+import type { TabletopCardSize } from './types';
+
+export interface TabletopCardDimensions {
+  readonly width: number;
+  readonly height: number;
+  readonly radius: number;
+  readonly rankFontSize: number;
+  readonly suitFontSize: number;
+}
+
+const cardDimensions: Readonly<Record<TabletopCardSize, TabletopCardDimensions>> = {
+  large: {
+    width: 56,
+    height: 80,
+    radius: 8,
+    rankFontSize: 20,
+    suitFontSize: 16,
+  },
+  medium: {
+    width: 40,
+    height: 56,
+    radius: 6,
+    rankFontSize: 15,
+    suitFontSize: 12,
+  },
+  small: {
+    width: 28,
+    height: 40,
+    radius: 5,
+    rankFontSize: 11,
+    suitFontSize: 9,
+  },
+};
+
+export function getTabletopCardDimensions(size: TabletopCardSize): TabletopCardDimensions {
+  return cardDimensions[size];
+}

package/src/colors.ts

@@ -0,0 +1,67 @@
+export interface TabletopColorScheme {
+  readonly cardBack: string;
+  readonly cardBackBorder: string;
+  readonly cardBorder: string;
+  readonly cardSurface: string;
+  readonly cardText: string;
+  readonly mutedText: string;
+  readonly redSuitText: string;
+  readonly seatBorder: string;
+  readonly seatSelectedBorder: string;
+  readonly seatSurface: string;
+  readonly tableBorder: string;
+  readonly tableFelt: string;
+  readonly tableInnerBorder: string;
+  readonly tokenSurface: string;
+  readonly tokenText: string;
+}
+
+export type TabletopColorOverrides = Partial<TabletopColorScheme>;
+
+export interface TabletopColorThemeShape {
+  semantics: {
+    action: {
+      primary: {
+        base: string;
+        softBg: string;
+      };
+    };
+    content: {
+      default: string;
+      muted: string;
+    };
+    neutral: {
+      border: string;
+      divider: string;
+      surface: string;
+      surfaceHover: string;
+    };
+    warning: {
+      base: string;
+      softBg: string;
+    };
+  };
+}
+
+export function createTabletopColorScheme(
+  theme: TabletopColorThemeShape,
+  overrides: TabletopColorOverrides = {},
+): TabletopColorScheme {
+  return {
+    cardBack: overrides.cardBack ?? theme.semantics.warning.base,
+    cardBackBorder: overrides.cardBackBorder ?? theme.semantics.neutral.border,
+    cardBorder: overrides.cardBorder ?? theme.semantics.neutral.border,
+    cardSurface: overrides.cardSurface ?? theme.semantics.neutral.surface,
+    cardText: overrides.cardText ?? theme.semantics.content.default,
+    mutedText: overrides.mutedText ?? theme.semantics.content.muted,
+    redSuitText: overrides.redSuitText ?? theme.semantics.warning.base,
+    seatBorder: overrides.seatBorder ?? theme.semantics.neutral.divider,
+    seatSelectedBorder: overrides.seatSelectedBorder ?? theme.semantics.action.primary.base,
+    seatSurface: overrides.seatSurface ?? theme.semantics.neutral.surface,
+    tableBorder: overrides.tableBorder ?? theme.semantics.warning.base,
+    tableFelt: overrides.tableFelt ?? theme.semantics.action.primary.softBg,
+    tableInnerBorder: overrides.tableInnerBorder ?? theme.semantics.neutral.divider,
+    tokenSurface: overrides.tokenSurface ?? theme.semantics.warning.softBg,
+    tokenText: overrides.tokenText ?? theme.semantics.content.default,
+  };
+}