@ankhorage/zora-tabletop 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ankhorage
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,98 @@
+<!-- markdownlint-disable MD013 MD033 -->
+<!-- This file is generated by Paradox. Do not edit manually. -->
+
+# @ankhorage/zora-tabletop
+
+![license: MIT](././paradox/badges/license.svg) ![npm: v0.0.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+
+Reusable tabletop, playing-card, seat, token, and card-game presentation components for React Native and React Native Web.
+
+## Generated documentation
+
+- [Interactive documentation app](././paradox/index.html)
+- [Public API reference](././paradox/exports.md)
+- [Component registry](././paradox/components.md)
+- [Architecture overview](././paradox/diagrams/architecture-overview.mmd)
+- [Module relationships](././paradox/diagrams/module-relationships.mmd)
+- [Export graph](././paradox/diagrams/export-graph.mmd)
+- [CardBack sequence](././paradox/diagrams/sequences/card-back.mmd)
+- [CardHand sequence](././paradox/diagrams/sequences/card-hand.mmd)
+- [PlayingCard sequence](././paradox/diagrams/sequences/playing-card.mmd)
+- [TabletopTable sequence](././paradox/diagrams/sequences/tabletop-table.mmd)
+
+## Architecture preview
+
+<details>
+<summary>Architecture overview</summary>
+
+```mermaid
+graph TD
+  package__ankhorage_zora_tabletop["@ankhorage/zora-tabletop"]
+  entrypoint_src_index_ts["src/index.ts"]
+  package__ankhorage_zora_tabletop --> entrypoint_src_index_ts
+  module_src_cardLabel_ts["src/cardLabel.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_cardLabel_ts
+  module_src_cardLabel_ts --> module_src_types_ts
+  module_src_cardSizing_ts["src/cardSizing.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_cardSizing_ts
+  module_src_cardSizing_ts --> module_src_types_ts
+  module_src_colors_ts["src/colors.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_colors_ts
+  module_src_components_card_back_CardBack_tsx["src/components/card-back/CardBack.tsx"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_card_back_CardBack_tsx
+  module_src_components_card_back_CardBack_tsx --> module_src_cardLabel_ts
+  module_src_components_card_back_CardBack_tsx --> module_src_cardSizing_ts
+  module_src_components_card_back_CardBack_tsx --> module_src_colors_ts
+  module_src_components_card_back_CardBack_tsx --> module_src_components_card_back_types_ts
+  module_src_components_card_back_index_ts["src/components/card-back/index.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_card_back_index_ts
+  module_src_components_card_back_types_ts["src/components/card-back/types.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_card_back_types_ts
+  module_src_components_card_back_types_ts --> module_src_colors_ts
+  module_src_components_card_back_types_ts --> module_src_types_ts
+  module_src_components_card_hand_CardHand_tsx["src/components/card-hand/CardHand.tsx"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_card_hand_CardHand_tsx
+  module_src_components_card_hand_CardHand_tsx --> module_src_components_card_back_index_ts
+  module_src_components_card_hand_CardHand_tsx --> module_src_components_card_hand_types_ts
+  module_src_components_card_hand_CardHand_tsx --> module_src_components_playing_card_index_ts
+  module_src_components_card_hand_index_ts["src/components/card-hand/index.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_card_hand_index_ts
+  module_src_components_card_hand_types_ts["src/components/card-hand/types.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_card_hand_types_ts
+  module_src_components_card_hand_types_ts --> module_src_colors_ts
+  module_src_components_card_hand_types_ts --> module_src_types_ts
+  module_src_components_playing_card_index_ts["src/components/playing-card/index.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_playing_card_index_ts
+  module_src_components_playing_card_PlayingCard_tsx["src/components/playing-card/PlayingCard.tsx"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_playing_card_PlayingCard_tsx
+  module_src_components_playing_card_PlayingCard_tsx --> module_src_cardLabel_ts
+  module_src_components_playing_card_PlayingCard_tsx --> module_src_cardSizing_ts
+  module_src_components_playing_card_PlayingCard_tsx --> module_src_colors_ts
+  module_src_components_playing_card_PlayingCard_tsx --> module_src_components_playing_card_types_ts
+  module_src_components_playing_card_PlayingCard_tsx --> module_src_types_ts
+  module_src_components_playing_card_types_ts["src/components/playing-card/types.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_playing_card_types_ts
+  module_src_components_playing_card_types_ts --> module_src_colors_ts
+  module_src_components_playing_card_types_ts --> module_src_types_ts
+  module_src_components_tabletop_table_index_ts["src/components/tabletop-table/index.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_tabletop_table_index_ts
+  module_src_components_tabletop_table_TabletopTable_tsx["src/components/tabletop-table/TabletopTable.tsx"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_tabletop_table_TabletopTable_tsx
+  module_src_components_tabletop_table_TabletopTable_tsx --> module_src_colors_ts
+  module_src_components_tabletop_table_TabletopTable_tsx --> module_src_components_card_hand_index_ts
+  module_src_components_tabletop_table_TabletopTable_tsx --> module_src_components_tabletop_table_types_ts
+  module_src_components_tabletop_table_TabletopTable_tsx --> module_src_tablePositions_ts
+  module_src_components_tabletop_table_TabletopTable_tsx --> module_src_types_ts
+  module_src_components_tabletop_table_types_ts["src/components/tabletop-table/types.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_components_tabletop_table_types_ts
+  module_src_components_tabletop_table_types_ts --> module_src_colors_ts
+  module_src_components_tabletop_table_types_ts --> module_src_types_ts
+  module_src_index_ts["src/index.ts"]
+  module_src_tablePositions_ts["src/tablePositions.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_tablePositions_ts
+  module_src_tablePositions_ts --> module_src_types_ts
+  module_src_types_ts["src/types.ts"]
+  package__ankhorage_zora_tabletop -.-> module_src_types_ts
+```
+
+</details>

package/dist/cardLabel.d.ts

@@ -0,0 +1,4 @@
+import type { PlayingCardValue } from './types';
+export declare function getPlayingCardLabel(card: PlayingCardValue): string;
+export declare function createHiddenCardLabel(index?: number): string;
+//# sourceMappingURL=cardLabel.d.ts.map

package/dist/cardLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardLabel.d.ts","sourceRoot":"","sources":["../src/cardLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAElE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAI5D"}

package/dist/cardLabel.js

@@ -0,0 +1,9 @@
+export function getPlayingCardLabel(card) {
+    return `${card.rank} ${card.suit}`;
+}
+export function createHiddenCardLabel(index) {
+    if (index === undefined)
+        return 'Hidden card';
+    return `Hidden card ${index + 1}`;
+}
+//# sourceMappingURL=cardLabel.js.map

package/dist/cardLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardLabel.js","sourceRoot":"","sources":["../src/cardLabel.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,IAAsB;IACxD,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAc;IAClD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,aAAa,CAAC;IAE9C,OAAO,eAAe,KAAK,GAAG,CAAC,EAAE,CAAC;AACpC,CAAC","sourcesContent":["import type { PlayingCardValue } from './types';\n\nexport function getPlayingCardLabel(card: PlayingCardValue): string {\n  return `${card.rank} ${card.suit}`;\n}\n\nexport function createHiddenCardLabel(index?: number): string {\n  if (index === undefined) return 'Hidden card';\n\n  return `Hidden card ${index + 1}`;\n}\n"]}

package/dist/cardSizing.d.ts

@@ -0,0 +1,10 @@
+import type { TabletopCardSize } from './types';
+export interface TabletopCardDimensions {
+    readonly width: number;
+    readonly height: number;
+    readonly radius: number;
+    readonly rankFontSize: number;
+    readonly suitFontSize: number;
+}
+export declare function getTabletopCardDimensions(size: TabletopCardSize): TabletopCardDimensions;
+//# sourceMappingURL=cardSizing.d.ts.map

package/dist/cardSizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardSizing.d.ts","sourceRoot":"","sources":["../src/cardSizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B;AA0BD,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,gBAAgB,GAAG,sBAAsB,CAExF"}

package/dist/cardSizing.js

@@ -0,0 +1,27 @@
+const cardDimensions = {
+    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) {
+    return cardDimensions[size];
+}
+//# sourceMappingURL=cardSizing.js.map

package/dist/cardSizing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardSizing.js","sourceRoot":"","sources":["../src/cardSizing.ts"],"names":[],"mappings":"AAUA,MAAM,cAAc,GAA+D;IACjF,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,CAAC;KAChB;CACF,CAAC;AAEF,MAAM,UAAU,yBAAyB,CAAC,IAAsB;IAC9D,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC","sourcesContent":["import type { TabletopCardSize } from './types';\n\nexport interface TabletopCardDimensions {\n  readonly width: number;\n  readonly height: number;\n  readonly radius: number;\n  readonly rankFontSize: number;\n  readonly suitFontSize: number;\n}\n\nconst cardDimensions: Readonly<Record<TabletopCardSize, TabletopCardDimensions>> = {\n  large: {\n    width: 56,\n    height: 80,\n    radius: 8,\n    rankFontSize: 20,\n    suitFontSize: 16,\n  },\n  medium: {\n    width: 40,\n    height: 56,\n    radius: 6,\n    rankFontSize: 15,\n    suitFontSize: 12,\n  },\n  small: {\n    width: 28,\n    height: 40,\n    radius: 5,\n    rankFontSize: 11,\n    suitFontSize: 9,\n  },\n};\n\nexport function getTabletopCardDimensions(size: TabletopCardSize): TabletopCardDimensions {\n  return cardDimensions[size];\n}\n"]}

package/dist/colors.d.ts

@@ -0,0 +1,44 @@
+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 declare function createTabletopColorScheme(theme: TabletopColorThemeShape, overrides?: TabletopColorOverrides): TabletopColorScheme;
+//# sourceMappingURL=colors.d.ts.map

package/dist/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;AAElE,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE;QACT,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM,CAAC;gBACb,MAAM,EAAE,MAAM,CAAC;aAChB,CAAC;SACH,CAAC;QACF,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,OAAO,EAAE;YACP,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,YAAY,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;CACH;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,uBAAuB,EAC9B,SAAS,GAAE,sBAA2B,GACrC,mBAAmB,CAkBrB"}

package/dist/colors.js

@@ -0,0 +1,20 @@
+export function createTabletopColorScheme(theme, overrides = {}) {
+    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,
+    };
+}
+//# sourceMappingURL=colors.js.map

package/dist/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AA6CA,MAAM,UAAU,yBAAyB,CACvC,KAA8B,EAC9B,YAAoC,EAAE;IAEtC,OAAO;QACL,QAAQ,EAAE,SAAS,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI;QAC5D,cAAc,EAAE,SAAS,CAAC,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM;QAC1E,UAAU,EAAE,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM;QAClE,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QACrE,QAAQ,EAAE,SAAS,CAAC,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QAC/D,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;QAC/D,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI;QAClE,UAAU,EAAE,SAAS,CAAC,UAAU,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QACnE,kBAAkB,EAAE,SAAS,CAAC,kBAAkB,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;QACvF,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QACrE,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI;QAClE,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;QACvE,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QAC/E,YAAY,EAAE,SAAS,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM;QACtE,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;KAClE,CAAC;AACJ,CAAC","sourcesContent":["export interface TabletopColorScheme {\n  readonly cardBack: string;\n  readonly cardBackBorder: string;\n  readonly cardBorder: string;\n  readonly cardSurface: string;\n  readonly cardText: string;\n  readonly mutedText: string;\n  readonly redSuitText: string;\n  readonly seatBorder: string;\n  readonly seatSelectedBorder: string;\n  readonly seatSurface: string;\n  readonly tableBorder: string;\n  readonly tableFelt: string;\n  readonly tableInnerBorder: string;\n  readonly tokenSurface: string;\n  readonly tokenText: string;\n}\n\nexport type TabletopColorOverrides = Partial<TabletopColorScheme>;\n\nexport interface TabletopColorThemeShape {\n  semantics: {\n    action: {\n      primary: {\n        base: string;\n        softBg: string;\n      };\n    };\n    content: {\n      default: string;\n      muted: string;\n    };\n    neutral: {\n      border: string;\n      divider: string;\n      surface: string;\n      surfaceHover: string;\n    };\n    warning: {\n      base: string;\n      softBg: string;\n    };\n  };\n}\n\nexport function createTabletopColorScheme(\n  theme: TabletopColorThemeShape,\n  overrides: TabletopColorOverrides = {},\n): TabletopColorScheme {\n  return {\n    cardBack: overrides.cardBack ?? theme.semantics.warning.base,\n    cardBackBorder: overrides.cardBackBorder ?? theme.semantics.neutral.border,\n    cardBorder: overrides.cardBorder ?? theme.semantics.neutral.border,\n    cardSurface: overrides.cardSurface ?? theme.semantics.neutral.surface,\n    cardText: overrides.cardText ?? theme.semantics.content.default,\n    mutedText: overrides.mutedText ?? theme.semantics.content.muted,\n    redSuitText: overrides.redSuitText ?? theme.semantics.warning.base,\n    seatBorder: overrides.seatBorder ?? theme.semantics.neutral.divider,\n    seatSelectedBorder: overrides.seatSelectedBorder ?? theme.semantics.action.primary.base,\n    seatSurface: overrides.seatSurface ?? theme.semantics.neutral.surface,\n    tableBorder: overrides.tableBorder ?? theme.semantics.warning.base,\n    tableFelt: overrides.tableFelt ?? theme.semantics.action.primary.softBg,\n    tableInnerBorder: overrides.tableInnerBorder ?? theme.semantics.neutral.divider,\n    tokenSurface: overrides.tokenSurface ?? theme.semantics.warning.softBg,\n    tokenText: overrides.tokenText ?? theme.semantics.content.default,\n  };\n}\n"]}

package/dist/components/card-back/CardBack.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CardBackProps } from './types';
+export declare function CardBack({ size, muted, accessibilityLabel, colorScheme, testID, }: CardBackProps): React.JSX.Element;
+//# sourceMappingURL=CardBack.d.ts.map

package/dist/components/card-back/CardBack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBack.d.ts","sourceRoot":"","sources":["../../../src/components/card-back/CardBack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,EACvB,IAAe,EACf,KAAa,EACb,kBAAkB,EAClB,WAAW,EACX,MAAM,GACP,EAAE,aAAa,qBAoCf"}

package/dist/components/card-back/CardBack.js

@@ -0,0 +1,44 @@
+import { useZoraTheme } from '@ankhorage/zora';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { createHiddenCardLabel } from '../../cardLabel';
+import { getTabletopCardDimensions } from '../../cardSizing';
+import { createTabletopColorScheme } from '../../colors';
+export function CardBack({ size = 'medium', muted = false, accessibilityLabel, colorScheme, testID, }) {
+    const { theme } = useZoraTheme();
+    const colors = React.useMemo(() => createTabletopColorScheme(theme, colorScheme), [colorScheme, theme]);
+    const dimensions = getTabletopCardDimensions(size);
+    return (<View accessibilityLabel={accessibilityLabel ?? createHiddenCardLabel()} accessibilityRole="image" style={[
+            styles.card,
+            {
+                backgroundColor: colors.cardBack,
+                borderColor: colors.cardBackBorder,
+                borderRadius: dimensions.radius,
+                height: dimensions.height,
+                opacity: muted ? 0.48 : 1,
+                width: dimensions.width,
+            },
+        ]} testID={testID}>
+      <View style={[
+            styles.inner,
+            {
+                borderColor: colors.cardBackBorder,
+                borderRadius: Math.max(2, dimensions.radius - 3),
+            },
+        ]}/>
+    </View>);
+}
+const styles = StyleSheet.create({
+    card: {
+        alignItems: 'center',
+        borderWidth: 1,
+        justifyContent: 'center',
+    },
+    inner: {
+        borderWidth: 1,
+        height: '68%',
+        opacity: 0.48,
+        width: '68%',
+    },
+});
+//# sourceMappingURL=CardBack.js.map

package/dist/components/card-back/CardBack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBack.js","sourceRoot":"","sources":["../../../src/components/card-back/CardBack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,KAAK,EACb,kBAAkB,EAClB,WAAW,EACX,MAAM,GACQ;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,EAAE,WAAW,CAAC,EACnD,CAAC,WAAW,EAAE,KAAK,CAAC,CACrB,CAAC;IACF,MAAM,UAAU,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAO,CACL,CAAC,IAAI,CACH,kBAAkB,CAAC,CAAC,kBAAkB,IAAI,qBAAqB,EAAE,CAAC,CAClE,iBAAiB,CAAC,OAAO,CACzB,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,IAAI;YACX;gBACE,eAAe,EAAE,MAAM,CAAC,QAAQ;gBAChC,WAAW,EAAE,MAAM,CAAC,cAAc;gBAClC,YAAY,EAAE,UAAU,CAAC,MAAM;gBAC/B,MAAM,EAAE,UAAU,CAAC,MAAM;gBACzB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACzB,KAAK,EAAE,UAAU,CAAC,KAAK;aACxB;SACF,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,KAAK;YACZ;gBACE,WAAW,EAAE,MAAM,CAAC,cAAc;gBAClC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;aACjD;SACF,CAAC,EAEN;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,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC","sourcesContent":["import { useZoraTheme } from '@ankhorage/zora';\nimport React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { createHiddenCardLabel } from '../../cardLabel';\nimport { getTabletopCardDimensions } from '../../cardSizing';\nimport { createTabletopColorScheme } from '../../colors';\nimport type { CardBackProps } from './types';\n\nexport function CardBack({\n  size = 'medium',\n  muted = false,\n  accessibilityLabel,\n  colorScheme,\n  testID,\n}: CardBackProps) {\n  const { theme } = useZoraTheme();\n  const colors = React.useMemo(\n    () => createTabletopColorScheme(theme, colorScheme),\n    [colorScheme, theme],\n  );\n  const dimensions = getTabletopCardDimensions(size);\n\n  return (\n    <View\n      accessibilityLabel={accessibilityLabel ?? createHiddenCardLabel()}\n      accessibilityRole=\"image\"\n      style={[\n        styles.card,\n        {\n          backgroundColor: colors.cardBack,\n          borderColor: colors.cardBackBorder,\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      <View\n        style={[\n          styles.inner,\n          {\n            borderColor: colors.cardBackBorder,\n            borderRadius: Math.max(2, dimensions.radius - 3),\n          },\n        ]}\n      />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  card: {\n    alignItems: 'center',\n    borderWidth: 1,\n    justifyContent: 'center',\n  },\n  inner: {\n    borderWidth: 1,\n    height: '68%',\n    opacity: 0.48,\n    width: '68%',\n  },\n});\n"]}

package/dist/components/card-back/index.d.ts

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

package/dist/components/card-back/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card-back/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/card-back/index.js

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

package/dist/components/card-back/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card-back/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { CardBack } from './CardBack';\nexport type { CardBackProps } from './types';\n"]}

package/dist/components/card-back/types.d.ts

@@ -0,0 +1,10 @@
+import type { TabletopColorOverrides } from '../../colors';
+import type { TabletopCardSize } from '../../types';
+export interface CardBackProps {
+    readonly size?: TabletopCardSize;
+    readonly muted?: boolean;
+    readonly accessibilityLabel?: string;
+    readonly colorScheme?: TabletopColorOverrides;
+    readonly testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/card-back/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card-back/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IAC9C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/components/card-back/types.js

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

package/dist/components/card-back/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/card-back/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TabletopColorOverrides } from '../../colors';\nimport type { TabletopCardSize } from '../../types';\n\nexport interface CardBackProps {\n  readonly size?: TabletopCardSize;\n  readonly muted?: boolean;\n  readonly accessibilityLabel?: string;\n  readonly colorScheme?: TabletopColorOverrides;\n  readonly testID?: string;\n}\n"]}

package/dist/components/card-hand/CardHand.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CardHandProps } from './types';
+export declare function CardHand({ cards, faceDownCards, size, muted, colorScheme, accessibilityLabel, testID, }: CardHandProps): React.JSX.Element;
+//# sourceMappingURL=CardHand.d.ts.map

package/dist/components/card-hand/CardHand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHand.d.ts","sourceRoot":"","sources":["../../../src/components/card-hand/CardHand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAM7C,wBAAgB,QAAQ,CAAC,EACvB,KAAU,EACV,aAAiB,EACjB,IAAe,EACf,KAAa,EACb,WAAW,EACX,kBAAkB,EAClB,MAAM,GACP,EAAE,aAAa,qBA0Bf"}

package/dist/components/card-hand/CardHand.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { CardBack } from '../card-back';
+import { PlayingCard } from '../playing-card';
+function createFaceDownCards(count) {
+    return Array.from({ length: Math.max(0, count) }, (_, index) => index);
+}
+export function CardHand({ 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/components/card-hand/CardHand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHand.js","sourceRoot":"","sources":["../../../src/components/card-hand/CardHand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,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,MAAM,UAAU,QAAQ,CAAC,EACvB,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 { CardBack } from '../card-back';\nimport { PlayingCard } from '../playing-card';\nimport type { CardHandProps } from './types';\n\nfunction createFaceDownCards(count: number): readonly number[] {\n  return Array.from({ length: Math.max(0, count) }, (_, index) => index);\n}\n\nexport function CardHand({\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/components/card-hand/index.d.ts

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

package/dist/components/card-hand/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card-hand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/card-hand/index.js

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

package/dist/components/card-hand/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card-hand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { CardHand } from './CardHand';\nexport type { CardHandProps } from './types';\n"]}

package/dist/components/card-hand/types.d.ts

@@ -0,0 +1,12 @@
+import type { TabletopColorOverrides } from '../../colors';
+import type { PlayingCardValue, TabletopCardSize } from '../../types';
+export interface CardHandProps {
+    readonly cards?: readonly PlayingCardValue[];
+    readonly faceDownCards?: number;
+    readonly size?: TabletopCardSize;
+    readonly muted?: boolean;
+    readonly colorScheme?: TabletopColorOverrides;
+    readonly accessibilityLabel?: string;
+    readonly testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/card-hand/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card-hand/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,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/card-hand/types.js

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

package/dist/components/card-hand/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/card-hand/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TabletopColorOverrides } from '../../colors';\nimport type { PlayingCardValue, TabletopCardSize } from '../../types';\n\nexport interface CardHandProps {\n  readonly cards?: readonly PlayingCardValue[];\n  readonly faceDownCards?: number;\n  readonly size?: TabletopCardSize;\n  readonly muted?: boolean;\n  readonly colorScheme?: TabletopColorOverrides;\n  readonly accessibilityLabel?: string;\n  readonly testID?: string;\n}\n"]}

package/dist/components/playing-card/PlayingCard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PlayingCardProps } from './types';
+export declare function PlayingCard({ card, size, selected, muted, accessibilityLabel, colorScheme, testID, }: PlayingCardProps): React.JSX.Element;
+//# sourceMappingURL=PlayingCard.d.ts.map

package/dist/components/playing-card/PlayingCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayingCard.d.ts","sourceRoot":"","sources":["../../../src/components/playing-card/PlayingCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAahD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,IAAe,EACf,QAAgB,EAChB,KAAa,EACb,kBAAkB,EAClB,WAAW,EACX,MAAM,GACP,EAAE,gBAAgB,qBAsDlB"}

package/dist/components/playing-card/PlayingCard.js

@@ -0,0 +1,68 @@
+import { useZoraTheme } from '@ankhorage/zora';
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { getPlayingCardLabel } from '../../cardLabel';
+import { getTabletopCardDimensions } from '../../cardSizing';
+import { createTabletopColorScheme } from '../../colors';
+const suitMarks = {
+    clubs: 'C',
+    diamonds: 'D',
+    hearts: 'H',
+    spades: 'S',
+};
+function isRedSuit(suit) {
+    return suit === 'diamonds' || suit === 'hearts';
+}
+export function PlayingCard({ 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 = isRedSuit(card.suit) ? 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/components/playing-card/PlayingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayingCard.js","sourceRoot":"","sources":["../../../src/components/playing-card/PlayingCard.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 { getPlayingCardLabel } from '../../cardLabel';\nimport { getTabletopCardDimensions } from '../../cardSizing';\nimport { createTabletopColorScheme } from '../../colors';\nimport type { PlayingCardSuit } from '../../types';\nimport type { PlayingCardProps } from './types';\n\nconst suitMarks: Readonly<Record<PlayingCardSuit, string>> = {\n  clubs: 'C',\n  diamonds: 'D',\n  hearts: 'H',\n  spades: 'S',\n};\n\nfunction isRedSuit(suit: PlayingCardSuit): boolean {\n  return suit === 'diamonds' || suit === 'hearts';\n}\n\nexport function PlayingCard({\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 = isRedSuit(card.suit) ? 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/components/playing-card/index.d.ts

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

package/dist/components/playing-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/playing-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/playing-card/index.js

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

package/dist/components/playing-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/playing-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { PlayingCard } from './PlayingCard';\nexport type { PlayingCardProps } from './types';\n"]}

package/dist/components/playing-card/types.d.ts

@@ -0,0 +1,12 @@
+import type { TabletopColorOverrides } from '../../colors';
+import type { PlayingCardValue, TabletopCardSize } from '../../types';
+export interface PlayingCardProps {
+    readonly card: PlayingCardValue;
+    readonly size?: TabletopCardSize;
+    readonly selected?: boolean;
+    readonly muted?: boolean;
+    readonly accessibilityLabel?: string;
+    readonly colorScheme?: TabletopColorOverrides;
+    readonly testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/playing-card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/playing-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IAC9C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/components/playing-card/types.js

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

package/dist/components/playing-card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/playing-card/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TabletopColorOverrides } from '../../colors';\nimport type { PlayingCardValue, TabletopCardSize } from '../../types';\n\nexport interface PlayingCardProps {\n  readonly card: PlayingCardValue;\n  readonly size?: TabletopCardSize;\n  readonly selected?: boolean;\n  readonly muted?: boolean;\n  readonly accessibilityLabel?: string;\n  readonly colorScheme?: TabletopColorOverrides;\n  readonly testID?: string;\n}\n"]}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TabletopTableProps } from './types';
+export declare function TabletopTable({ seats, centerCards, centerLabel, centerSublabel, shape, seatCount, cardSize, disabled, colorScheme, accessibilityLabel, testID, }: TabletopTableProps): React.JSX.Element;
+//# sourceMappingURL=TabletopTable.d.ts.map