@ankhorage/zora 21.0.22 → 21.1.0

package/src/index.ts

@@ -125,6 +125,34 @@ export type {
   MessageBubbleStatus,
 } from './features/chat/public';
 export { ChatListItem, MessageBubble } from './features/chat/public';
+export type {
+  ChessBoardColorOverrides,
+  ChessBoardColorScheme,
+  ChessBoardOrientation,
+  ChessBoardProps,
+  ChessMoveAttempt,
+  ChessPieceCode,
+  ChessPieceRenderContext,
+  ChessPieceRenderer,
+  ChessPieceState,
+  ChessPromotionPiece,
+  ChessSquareId,
+  OpeningBookColorOverrides,
+  OpeningBookColorScheme,
+  OpeningBookMove,
+  OpeningBookProps,
+} from './features/chess/public';
+export type { ChessColorThemeShape } from './features/chess/public';
+export { ChessBoard, OpeningBook } from './features/chess/public';
+export {
+  chessSquares,
+  createBoardSquares,
+  createChessBoardColorScheme,
+  createOpeningBookColorScheme,
+  getSquareFile,
+  getSquareRank,
+  isLightSquare,
+} from './features/chess/public';
 export type { ChipProps } from './features/chip/public';
 export type { ChipGroupItem, ChipGroupProps } from './features/chip/public';
 export { Chip } from './features/chip/public';
@@ -214,6 +242,27 @@ export {
   type TextInputProps,
   type TextInputTrailingAction,
 } from './features/form/text-input/public';
+export type {
+  GameEntityEasing,
+  GameEntityMotionProps,
+  GameEntityProps,
+  GameFieldProps,
+  GameInputZoneProps,
+  GameKeyboardBinding,
+  GameMeasurementProbeProps,
+  GameOverlayPlacement,
+  GameOverlayProps,
+  GamePointerEvents,
+  GameProps,
+} from './features/game/public';
+export {
+  Game,
+  GameEntity,
+  GameField,
+  GameInputZone,
+  GameMeasurementProbe,
+  GameOverlay,
+} from './features/game/public';
 export type {
   GradientColor,
   GradientColors,
@@ -342,6 +391,40 @@ export {
 } from './features/skeleton/public';
 export type { SurfaceProps, SurfaceVariant } from './features/surface/public';
 export { Surface } from './features/surface/public';
+export type {
+  CardBackProps,
+  CardHandProps,
+  CreatePokerTrainingTableStateOptions,
+  CreateTabletopGameSeatsInput,
+  PlayingCardProps,
+  PlayingCardSuit,
+  PlayingCardValue,
+  PokerTrainingPlayer,
+  PokerTrainingTableProps,
+  PokerTrainingTableSize,
+  PokerTrainingTableState,
+  PokerTrainingTaskTableData,
+  TabletopCardSize,
+  TabletopColorOverrides,
+  TabletopColorScheme,
+  TabletopGameParticipantState,
+  TabletopGameSeatDefinition,
+  TabletopGameSeatPresentation,
+  TabletopSeatCount,
+  TabletopSeatState,
+  TabletopShape,
+  TabletopTableProps,
+} from './features/tabletop/public';
+export {
+  CardBack,
+  CardHand,
+  createPokerTrainingTableState,
+  createTabletopColorScheme,
+  createTabletopGameSeats,
+  PlayingCard,
+  PokerTrainingTable,
+  TabletopTable,
+} from './features/tabletop/public';
 export {
   Tab,
   TabList,

package/src/types/chess.ts

@@ -0,0 +1,95 @@
+import type React from 'react';
+
+import type { ZoraBaseProps } from './base';
+
+export type ChessBoardOrientation = 'white' | 'black';
+export type ChessPieceCode = string;
+export type ChessSquareId =
+  `${'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h'}${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8}`;
+export type ChessPromotionPiece = 'q' | 'r' | 'b' | 'n';
+
+export interface ChessMoveAttempt {
+  readonly from: ChessSquareId;
+  readonly to: ChessSquareId;
+  readonly promotion?: ChessPromotionPiece;
+}
+
+export interface ChessPieceState {
+  readonly color: 'black' | 'white';
+  readonly piece: ChessPieceCode;
+  readonly square: ChessSquareId;
+}
+
+export interface ChessPieceRenderContext {
+  readonly color: string;
+  readonly piece: ChessPieceCode;
+  readonly square: ChessSquareId;
+}
+
+export type ChessPieceRenderer = (context: ChessPieceRenderContext) => React.ReactNode;
+
+export interface ChessBoardColorScheme {
+  readonly lightSquare: string;
+  readonly darkSquare: string;
+  readonly lightSquareText: string;
+  readonly darkSquareText: string;
+  readonly selectedSquare: string;
+  readonly legalTarget: string;
+  readonly lastMoveFrom: string;
+  readonly lastMoveTo: string;
+  readonly border: string;
+  readonly coordinateText: string;
+  readonly lightPiece: string;
+  readonly darkPiece: string;
+}
+
+export type ChessBoardColorOverrides = Partial<ChessBoardColorScheme>;
+
+export interface OpeningBookColorScheme {
+  readonly border: string;
+  readonly surface: string;
+  readonly surfaceHover: string;
+  readonly selectedSurface: string;
+  readonly titleText: string;
+  readonly primaryText: string;
+  readonly secondaryText: string;
+  readonly metricSurface: string;
+}
+export type OpeningBookColorOverrides = Partial<OpeningBookColorScheme>;
+
+export interface ChessBoardProps extends ZoraBaseProps {
+  readonly pieces?: readonly ChessPieceState[];
+  readonly orientation?: ChessBoardOrientation;
+  readonly selectedSquare?: ChessSquareId | null;
+  readonly legalTargets?: readonly ChessSquareId[];
+  readonly lastMove?: ChessMoveAttempt | null;
+  readonly disabled?: boolean;
+  readonly showCoordinates?: boolean;
+  readonly colorScheme?: ChessBoardColorOverrides;
+  readonly onSquarePress?: (square: ChessSquareId) => void;
+  readonly onMoveAttempt?: (move: ChessMoveAttempt) => void;
+  readonly renderPiece?: ChessPieceRenderer;
+}
+
+export interface OpeningBookMove {
+  readonly san: string;
+  readonly uci?: string;
+  readonly fen?: string;
+  readonly name?: string;
+  readonly eco?: string;
+  readonly games?: number;
+  readonly whiteWinRate?: number;
+  readonly drawRate?: number;
+  readonly blackWinRate?: number;
+}
+
+export interface OpeningBookProps extends ZoraBaseProps {
+  readonly moves?: readonly OpeningBookMove[];
+  readonly title?: string;
+  readonly loading?: boolean;
+  readonly errorText?: string;
+  readonly emptyText?: string;
+  readonly selectedMove?: string | null;
+  readonly colorScheme?: OpeningBookColorOverrides;
+  readonly onMovePress?: (move: OpeningBookMove) => void;
+}

package/src/types/gamePresentation.ts

@@ -0,0 +1,103 @@
+import type { GameDefinition, GameInput, GameOutput } from '@ankhorage/game';
+import type { InteractionPolicyProps } from '@ankhorage/surface';
+import type React from 'react';
+
+type GameOverlayCornerPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
+export type GamePointerEvents = 'auto' | 'box-none' | 'box-only' | 'none';
+export type GameEntityEasing = 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
+
+export interface GameEntityMotionProps {
+  readonly transitionDurationMs?: number;
+  readonly transitionEasing?: GameEntityEasing;
+  readonly motionOffsetX?: number;
+  readonly motionOffsetY?: number;
+  readonly motionOpacityDelta?: number;
+  readonly motionScaleDelta?: number;
+  readonly motionRotationDelta?: number;
+  readonly motionDurationMs?: number;
+  readonly motionDelayMs?: number;
+  readonly motionEasing?: GameEntityEasing;
+  readonly motionRepeat?: boolean;
+  readonly motionAlternate?: boolean;
+  readonly motionPaused?: boolean;
+  readonly motionEssential?: boolean;
+}
+export type GameOverlayPlacement =
+  'fill' | 'center' | 'top' | 'bottom' | GameOverlayCornerPlacement;
+
+export interface GameFieldProps extends InteractionPolicyProps {
+  readonly children?: React.ReactNode;
+  readonly aspectRatio?: number;
+  readonly minHeight?: number;
+  readonly fill?: boolean;
+  readonly clip?: boolean;
+  readonly accessibilityLabel?: string;
+  readonly testID?: string;
+}
+
+export interface GameEntityProps extends GameEntityMotionProps, InteractionPolicyProps {
+  readonly children?: React.ReactNode;
+  readonly x?: number;
+  readonly y?: number;
+  readonly width?: number;
+  readonly height?: number;
+  readonly opacity?: number;
+  readonly scale?: number;
+  readonly rotation?: number;
+  readonly zIndex?: number;
+  readonly hidden?: boolean;
+  readonly pointerEvents?: GamePointerEvents;
+  readonly measurementId?: string;
+  readonly accessibilityLabel?: string;
+  readonly testID?: string;
+}
+
+export interface GameKeyboardBinding {
+  readonly key: string;
+  readonly eventType?: string;
+  readonly entityId?: string;
+  readonly preventDefault?: boolean;
+}
+
+export interface GameInputZoneProps extends InteractionPolicyProps {
+  readonly eventType: string;
+  readonly entityId?: string;
+  readonly x?: number;
+  readonly y?: number;
+  readonly width?: number;
+  readonly height?: number;
+  readonly zIndex?: number;
+  readonly enabled?: boolean;
+  readonly continuous?: boolean;
+  readonly keyboardBindings?: readonly GameKeyboardBinding[];
+  readonly accessibilityLabel?: string;
+  readonly testID?: string;
+}
+
+export interface GameMeasurementProbeProps extends InteractionPolicyProps {
+  readonly sourceId: string;
+  readonly targetId: string;
+  readonly eventType?: string;
+  readonly entityId?: string;
+  readonly delayMs?: number;
+  readonly enabled?: boolean;
+}
+
+export interface GameOverlayProps extends InteractionPolicyProps {
+  readonly children?: React.ReactNode;
+  readonly placement?: GameOverlayPlacement;
+  readonly blocking?: boolean;
+  readonly padding?: number;
+  readonly accessibilityLabel?: string;
+  readonly testID?: string;
+}
+
+export interface GameProps extends GameFieldProps {
+  readonly definition: GameDefinition;
+  readonly input?: GameInput;
+  readonly seed?: number;
+  readonly resetKey?: string;
+  readonly autoAdvanceTime?: boolean;
+  readonly onOutput?: (output: GameOutput) => void;
+}

package/src/types/gameRuntime.ts

@@ -0,0 +1,34 @@
+import type { GameEvent, GameOutput, GameSession } from '@ankhorage/game';
+import type { InteractionPolicy } from '@ankhorage/surface';
+
+export interface GameMeasurementBounds {
+  readonly left: number;
+  readonly right: number;
+  readonly top: number;
+  readonly bottom: number;
+  readonly width: number;
+  readonly height: number;
+}
+
+export type GameMeasurementReader = () => Promise<GameMeasurementBounds | undefined>;
+
+export interface GameMeasurementRegistry {
+  readonly registerMeasurement: (id: string, reader: GameMeasurementReader) => () => void;
+  readonly measure: (id: string) => Promise<GameMeasurementBounds | undefined>;
+}
+
+export interface GameRuntimeValue {
+  readonly session: GameSession;
+  readonly dispatch: (event: GameEvent) => void;
+}
+
+export interface GameRuntimeContextValue extends GameRuntimeValue, GameMeasurementRegistry {
+  readonly interactionPolicy?: InteractionPolicy;
+}
+
+export interface GameRuntimeState {
+  readonly key: string;
+  readonly session: GameSession;
+  readonly outputs: readonly GameOutput[];
+  readonly revision: number;
+}

package/src/types/tabletop.ts

@@ -0,0 +1,131 @@
+import type React from 'react';
+
+import type { ZoraBaseProps } from './base';
+
+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;
+}
+export type TabletopGameSeatPresentation = Omit<TabletopSeatState, 'id'>;
+export interface TabletopGameSeatDefinition {
+  readonly id: string;
+  readonly defaultState: TabletopGameSeatPresentation;
+}
+export interface TabletopGameParticipantState {
+  readonly seatId: string;
+  readonly state: Partial<TabletopGameSeatPresentation>;
+}
+export interface CreateTabletopGameSeatsInput {
+  readonly seats: readonly TabletopGameSeatDefinition[];
+  readonly participants: readonly TabletopGameParticipantState[];
+  readonly missingParticipantState?: Partial<TabletopGameSeatPresentation>;
+}
+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 seatMutedText: string;
+  readonly seatSelectedBorder: string;
+  readonly seatSurface: string;
+  readonly seatText: string;
+  readonly tableBorder: string;
+  readonly tableFelt: string;
+  readonly tableInnerBorder: string;
+  readonly tableMutedText: string;
+  readonly tableText: string;
+  readonly tokenSurface: string;
+  readonly tokenText: string;
+}
+export type TabletopColorOverrides = Partial<TabletopColorScheme>;
+export interface CardBackProps extends ZoraBaseProps {
+  readonly size?: TabletopCardSize;
+  readonly muted?: boolean;
+  readonly accessibilityLabel?: string;
+  readonly colorScheme?: TabletopColorOverrides;
+}
+export interface CardHandProps extends ZoraBaseProps {
+  readonly cards?: readonly PlayingCardValue[];
+  readonly faceDownCards?: number;
+  readonly size?: TabletopCardSize;
+  readonly muted?: boolean;
+  readonly colorScheme?: TabletopColorOverrides;
+  readonly accessibilityLabel?: string;
+}
+export interface PlayingCardProps extends ZoraBaseProps {
+  readonly card: PlayingCardValue;
+  readonly size?: TabletopCardSize;
+  readonly selected?: boolean;
+  readonly muted?: boolean;
+  readonly accessibilityLabel?: string;
+  readonly colorScheme?: TabletopColorOverrides;
+}
+export interface TabletopTableProps extends ZoraBaseProps {
+  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;
+}
+export interface PokerTrainingPlayer {
+  readonly position: string;
+  readonly stack?: number;
+  readonly bet?: number;
+  readonly cards?: readonly PlayingCardValue[];
+  readonly folded?: boolean;
+  readonly isHero?: boolean;
+}
+export type PokerTrainingTableSize = '6max' | '9max';
+export interface PokerTrainingTaskTableData {
+  readonly tableSize?: PokerTrainingTableSize;
+  readonly blinds?: { readonly small: number; readonly big: number };
+  readonly heroPosition?: string;
+  readonly heroCards?: readonly PlayingCardValue[];
+  readonly communityCards?: readonly PlayingCardValue[];
+  readonly pot?: number;
+  readonly players?: readonly PokerTrainingPlayer[];
+}
+export interface PokerTrainingTableProps extends Omit<
+  TabletopTableProps,
+  'seatCount' | 'seats' | 'centerCards' | 'centerLabel' | 'centerSublabel'
+> {
+  readonly task?: PokerTrainingTaskTableData;
+  readonly defaultStackBigBlinds?: number;
+}
+export interface CreatePokerTrainingTableStateOptions {
+  readonly defaultStackBigBlinds?: number;
+}
+export interface PokerTrainingTableState {
+  readonly seatCount: TabletopSeatCount;
+  readonly seats: readonly TabletopSeatState[];
+  readonly centerCards: readonly PlayingCardValue[];
+  readonly centerLabel?: string;
+  readonly centerSublabel?: string;
+  readonly accessibilityLabel: string;
+}

package/web-dist/chunks/{Accordion-cscmtcn8.js → Accordion-0txegc16.js}

@@ -7,7 +7,7 @@ import {
 } from "./Accordion-99cj85ez.js";
 import {
   require_cjs
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-06588rzn.js → Accordion-10xw59gm.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   Pressable
-} from "./Accordion-ftjkdjqs.js";
+} from "./Accordion-4gx45mn0.js";
 
 // src/features/selection/adapters/inbound/SelectionProvider.tsx
 import React from "react";

package/web-dist/chunks/{Accordion-8kgtg62g.js → Accordion-2zh15wt9.js}

@@ -1,25 +1,25 @@
 'use client';
 import {
   Button2
-} from "./Accordion-33rd76r7.js";
+} from "./Accordion-d90g9wcb.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   FormActions2,
   FormError2,
   hasRequiredRule,
   useFormController
-} from "./Accordion-pkqj4g3r.js";
+} from "./Accordion-481bknsd.js";
 import {
   Field2
-} from "./Accordion-ch67q4t0.js";
+} from "./Accordion-y9zr4x2x.js";
 import {
   TextInput2
-} from "./Accordion-f1h2f05v.js";
+} from "./Accordion-ze26effy.js";
 
 // src/features/auth/adapters/inbound/ForgotPasswordForm.tsx
 import React from "react";

package/web-dist/chunks/{Accordion-pkqj4g3r.js → Accordion-481bknsd.js}

@@ -1,19 +1,19 @@
 'use client';
 import {
   Button2
-} from "./Accordion-33rd76r7.js";
+} from "./Accordion-d90g9wcb.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   Text2
-} from "./Accordion-f05a7r28.js";
+} from "./Accordion-ks4a1c6w.js";
 import {
   useZoraTheme2
-} from "./Accordion-7ja4mtbz.js";
+} from "./Accordion-sv87mbqa.js";
 
 // src/features/form/adapters/inbound/FormActions.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-grfbz6f2.js → Accordion-4fkjn6r5.js}

@@ -8,7 +8,7 @@ import {
   createTheme,
   ThemeRuntimeContext,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   deepMerge
 } from "./Accordion-59pa0677.js";

package/web-dist/chunks/{Accordion-ftjkdjqs.js → Accordion-4gx45mn0.js}

@@ -1,18 +1,18 @@
 'use client';
 import {
   useResponsiveRuntime
-} from "./Accordion-jh7nxehr.js";
+} from "./Accordion-50jz5nhg.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   resolveFocusRingStyles,
   resolveInteractiveState
 } from "./Accordion-2d8xn32m.js";
 import {
   resolveViewStyles
-} from "./Accordion-f5swy5bs.js";
+} from "./Accordion-b21zrnzj.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-fjnck2tg.js → Accordion-4s69xvqy.js}

@@ -1,22 +1,22 @@
 'use client';
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   View2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   ButtonGroup2
-} from "./Accordion-33rd76r7.js";
+} from "./Accordion-d90g9wcb.js";
 import {
   Card2
-} from "./Accordion-qpwhmqzd.js";
+} from "./Accordion-k5z591wx.js";
 import {
   List2
-} from "./Accordion-hz4xaqjf.js";
+} from "./Accordion-s1f9hb5a.js";
 import {
   useZoraTheme2
-} from "./Accordion-7ja4mtbz.js";
+} from "./Accordion-sv87mbqa.js";
 
 // src/features/skeleton/adapters/inbound/Skeleton.tsx
 import { jsx } from "react/jsx-runtime";

package/web-dist/chunks/{Accordion-jh7nxehr.js → Accordion-50jz5nhg.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   require_cjs
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-t6sdgmbz.js → Accordion-52xke54s.js}

@@ -2,7 +2,7 @@
 import {
   require_cjs,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   resolveToken
 } from "./Accordion-fre84yaq.js";

package/web-dist/chunks/{Accordion-far6szrp.js → Accordion-6npzmbgk.js}

@@ -1,21 +1,21 @@
 'use client';
 import {
   require_cjs
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   Icon2
-} from "./Accordion-paha5aje.js";
+} from "./Accordion-9mmqf3wr.js";
 import {
   View2,
   Divider2
-} from "./Accordion-96cqeekv.js";
+} from "./Accordion-t64m1kca.js";
 import {
   Heading2,
   Text2
-} from "./Accordion-f05a7r28.js";
+} from "./Accordion-ks4a1c6w.js";
 import {
   __toESM
 } from "./Accordion-9qvmwkxe.js";

package/web-dist/chunks/{Accordion-q7c1ryf2.js → Accordion-6z4npcgf.js}

@@ -1,17 +1,17 @@
 'use client';
 import {
   View3
-} from "./Accordion-ars389m1.js";
+} from "./Accordion-b8qd23hr.js";
 import {
   require_cjs,
   useTheme
-} from "./Accordion-49gf1zb8.js";
+} from "./Accordion-cjht9dyv.js";
 import {
   Text3
-} from "./Accordion-0jkm3y3w.js";
+} from "./Accordion-gpccarct.js";
 import {
   withZoraThemeScope
-} from "./Accordion-grfbz6f2.js";
+} from "./Accordion-4fkjn6r5.js";
 import {
   useFocusManager
 } from "./Accordion-6zb9d92y.js";