@dreamboard-games/ui-sdk 0.0.41

package/dist/primitives/board.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, } from "react";
+import { useBoardInteractions } from "../hooks/useBoardInteractions.js";
+import { useInteractionHandle } from "../hooks/useInteractionHandle.js";
+import { usePluginState } from "../context/PluginStateContext.js";
+import { inputByKey, inputKeyForTarget, interactionInputKeys, } from "../utils/interaction-inputs.js";
+import { composeEventHandlers, renderPrimitive, } from "./primitive-props.js";
+const BoardContext = createContext(null);
+export function useBoardPrimitiveContext() {
+    const value = useContext(BoardContext);
+    if (!value) {
+        throw new Error("Board primitives must be rendered inside <Board.Root>.");
+    }
+    return value;
+}
+export function BoardRoot({ children, targetKinds, ...props }) {
+    const board = useBoardInteractions({ targetKinds });
+    return (_jsx(BoardContext.Provider, { value: board, children: renderPrimitive("div", {
+            ...props,
+            "data-dreamboard-board-root": "",
+            children,
+        }) }));
+}
+export function BoardTarget({ interaction, input, ...props }) {
+    const descriptor = usePluginState((state) => interaction
+        ? state.gameplay.availableInteractions.find((candidate) => candidate.interactionKey === interaction ||
+            candidate.interactionId === interaction)
+        : undefined);
+    if (interaction) {
+        return descriptor ? (_jsx(ExplicitBoardTarget, { descriptor: descriptor, input: input, ...props })) : (_jsx(UnavailableBoardTarget, { interaction: interaction, input: input, ...props }));
+    }
+    return _jsx(UnambiguousBoardTarget, { input: input, ...props });
+}
+function UnambiguousBoardTarget({ kind, value, extraInputs, onSelect, onSelectError, disabled, onClick, children, ...props }) {
+    const board = useBoardPrimitiveContext();
+    const eligible = board.isEligible(value, kind);
+    const ambiguous = isAmbiguousBoardTarget(board.interactions, kind, value);
+    const isDisabled = disabled ?? (!eligible || ambiguous);
+    return renderPrimitive("button", {
+        type: "button",
+        ...props,
+        children,
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "data-dreamboard-board-target": "",
+        "data-target-kind": kind,
+        "data-target-id": value,
+        "data-eligible": eligible,
+        "data-ambiguous": ambiguous || undefined,
+        "data-disabled": isDisabled || undefined,
+        onClick: composeEventHandlers(onClick, () => {
+            if (isDisabled)
+                return;
+            void board.select[kind](value, resolveExtraInputs(extraInputs, value))
+                .then((interactionKey) => {
+                onSelect?.(interactionKey);
+            })
+                .catch((error) => {
+                onSelectError?.(error);
+                if (!onSelectError)
+                    throw error;
+            });
+        }),
+    });
+}
+function ExplicitBoardTarget({ descriptor, kind, value, input, extraInputs, onSelect, onSelectError, disabled, onClick, children, ...props }) {
+    const handle = useInteractionHandle(descriptor);
+    const inputKey = input ?? inputKeyForTarget(descriptor, kind, value);
+    const inputDescriptor = inputKey
+        ? inputByKey(descriptor, inputKey)
+        : undefined;
+    const eligible = inputDescriptor !== undefined &&
+        inputDescriptor.domain.type === "target" &&
+        inputDescriptor.domain.targetKind === kind &&
+        (inputDescriptor.domain.eligibleTargets === undefined ||
+            inputDescriptor.domain.eligibleTargets.includes(value));
+    const isDisabled = disabled ?? (!descriptor.available || !eligible);
+    return renderPrimitive("button", {
+        type: "button",
+        ...props,
+        children,
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "data-dreamboard-board-target": "",
+        "data-target-kind": kind,
+        "data-target-id": value,
+        "data-interaction-id": descriptor.interactionId,
+        "data-interaction-key": descriptor.interactionKey,
+        "data-input-name": inputKey ?? undefined,
+        "data-eligible": eligible,
+        "data-disabled": isDisabled || undefined,
+        onClick: composeEventHandlers(onClick, () => {
+            if (isDisabled || !inputKey)
+                return;
+            const resolvedExtraInputs = resolveExtraInputs(extraInputs, value);
+            for (const [key, extraValue] of Object.entries(resolvedExtraInputs)) {
+                handle.setInput(key, extraValue);
+            }
+            handle.setInput(inputKey, value);
+            if (descriptor.commit.mode !== "autoWhenReady") {
+                handle.arm();
+                onSelect?.(descriptor.interactionKey);
+                return;
+            }
+            const params = {
+                ...handle.draft,
+                ...resolvedExtraInputs,
+                [inputKey]: value,
+            };
+            for (const required of interactionInputKeys(descriptor)) {
+                if (!(required in params))
+                    params[required] = null;
+            }
+            void handle
+                .submit(params)
+                .then(() => {
+                onSelect?.(descriptor.interactionKey);
+            })
+                .catch((error) => {
+                onSelectError?.(error);
+                if (!onSelectError)
+                    throw error;
+            });
+        }),
+    });
+}
+function UnavailableBoardTarget({ kind, value, interaction, input, disabled, children, ...props }) {
+    const isDisabled = disabled ?? true;
+    return renderPrimitive("button", {
+        type: "button",
+        ...props,
+        children,
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "data-dreamboard-board-target": "",
+        "data-target-kind": kind,
+        "data-target-id": value,
+        "data-interaction-key": interaction,
+        "data-input-name": input,
+        "data-eligible": false,
+        "data-disabled": isDisabled || undefined,
+    });
+}
+function resolveExtraInputs(extraInputs, targetId) {
+    return typeof extraInputs === "function"
+        ? extraInputs(targetId)
+        : (extraInputs ?? {});
+}
+function isAmbiguousBoardTarget(descriptors, kind, value) {
+    const matches = descriptors.flatMap((descriptor) => {
+        if (!descriptor.available)
+            return [];
+        const inputKey = inputKeyForTarget(descriptor, kind, value);
+        if (!inputKey)
+            return [];
+        return [descriptor.interactionKey];
+    });
+    return matches.length > 1;
+}
+export const Board = {
+    Root: BoardRoot,
+    Target: BoardTarget,
+};

package/dist/primitives/game-ui-provider.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import { type PluginStateProviderProps } from "../context/PluginStateContext.js";
+import { type InteractionUiStoreApi } from "../context/InteractionDraftContext.js";
+import type { RuntimeAPI } from "../types/runtime-api.js";
+export interface GameUIProviderProps {
+    runtime: RuntimeAPI;
+    children: ReactNode;
+    loadingComponent?: PluginStateProviderProps["loadingComponent"];
+    interactionStore?: InteractionUiStoreApi;
+}
+export declare function GameUIProvider({ runtime, children, loadingComponent, interactionStore, }: GameUIProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=game-ui-provider.d.ts.map

package/dist/primitives/game-ui-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"game-ui-provider.d.ts","sourceRoot":"","sources":["../../src/primitives/game-ui-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IAChE,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CAC1C;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,mBAAmB,2CAUrB"}

package/dist/primitives/game-ui-provider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PluginStateProvider, } from "../context/PluginStateContext.js";
+import { RuntimeProvider } from "../context/RuntimeContext.js";
+import { InteractionUiProvider, } from "../context/InteractionDraftContext.js";
+export function GameUIProvider({ runtime, children, loadingComponent, interactionStore, }) {
+    return (_jsx(RuntimeProvider, { runtime: runtime, children: _jsx(PluginStateProvider, { loadingComponent: loadingComponent, children: _jsx(InteractionUiProvider, { store: interactionStore, children: children }) }) }));
+}

package/dist/primitives/index.d.ts

@@ -0,0 +1,8 @@
+export { Board, BoardRoot, BoardTarget, useBoardPrimitiveContext, type BoardRootProps, type BoardTargetExtraInputs, type BoardTargetProps, } from "./board.js";
+export { Interaction, InteractionCardInput, InteractionDescription, InteractionInput, InteractionLabel, InteractionRoot, InteractionSubmit, InteractionTrigger, InteractionUnavailableMessage, InteractionValidationMessage, useInteractionPrimitiveContext, type InteractionCardInputProps, type InteractionInputProps, type InteractionPartProps, type InteractionRootProps, type InteractionSubmitProps, type InteractionTriggerProps, } from "./interaction.js";
+export { Phase, PhaseSwitch, type PhaseFallback, type PhaseRouteMap, type PhaseSwitchProps, } from "./phase.js";
+export { PlayerRoster, PlayerRosterBadges, PlayerRosterEmpty, PlayerRosterList, PlayerRosterName, PlayerRosterRoot, PlayerRosterScore, PlayerRosterSwitchButton, type PlayerRosterBadge, type PlayerRosterComponents, type PlayerRosterEntry, type PlayerRosterListProps, type PlayerRosterPartProps, type PlayerRosterRootProps, type PlayerRosterSwitchButtonProps, } from "./player-roster.js";
+export { Prompt, PromptInbox, PromptInboxEmpty, PromptInboxItems, PromptInboxRoot, PromptMessage, PromptOption, PromptOptions, PromptRoot, PromptTitle, type PromptOptionProps, type PromptRootProps, } from "./prompt.js";
+export { composeEventHandlers, renderPrimitive, type PrimitiveCommonProps, type PrimitiveDataAttributes, } from "./primitive-props.js";
+export { Zone, ZoneItem, ZoneList, ZoneRoot, useZoneCardContext, useZonePrimitiveContext, type ZoneItemProps, type ZoneListProps, type ZoneRootProps, } from "./zone.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,WAAW,EACX,wBAAwB,EACxB,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,GACtB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,6BAA6B,EAC7B,4BAA4B,EAC5B,8BAA8B,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,KAAK,EACL,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,gBAAgB,GACtB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,6BAA6B,GACnC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,uBAAuB,EACvB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,aAAa,GACnB,MAAM,WAAW,CAAC"}

package/dist/primitives/index.js

@@ -0,0 +1,7 @@
+export { Board, BoardRoot, BoardTarget, useBoardPrimitiveContext, } from "./board.js";
+export { Interaction, InteractionCardInput, InteractionDescription, InteractionInput, InteractionLabel, InteractionRoot, InteractionSubmit, InteractionTrigger, InteractionUnavailableMessage, InteractionValidationMessage, useInteractionPrimitiveContext, } from "./interaction.js";
+export { Phase, PhaseSwitch, } from "./phase.js";
+export { PlayerRoster, PlayerRosterBadges, PlayerRosterEmpty, PlayerRosterList, PlayerRosterName, PlayerRosterRoot, PlayerRosterScore, PlayerRosterSwitchButton, } from "./player-roster.js";
+export { Prompt, PromptInbox, PromptInboxEmpty, PromptInboxItems, PromptInboxRoot, PromptMessage, PromptOption, PromptOptions, PromptRoot, PromptTitle, } from "./prompt.js";
+export { composeEventHandlers, renderPrimitive, } from "./primitive-props.js";
+export { Zone, ZoneItem, ZoneList, ZoneRoot, useZoneCardContext, useZonePrimitiveContext, } from "./zone.js";

package/dist/primitives/interaction.d.ts

@@ -0,0 +1,52 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type InputHTMLAttributes, type ReactNode } from "react";
+import { useInteractionHandle } from "../hooks/useInteractionHandle.js";
+import type { InteractionInputKey, InteractionKey } from "../ui-contract.js";
+import type { InteractionDescriptor } from "../types/plugin-state.js";
+import { type PrimitiveCommonProps } from "./primitive-props.js";
+interface InteractionContextValue {
+    interaction: string;
+    descriptor: InteractionDescriptor | null;
+    handle: ReturnType<typeof useInteractionHandle> | null;
+}
+export declare function useInteractionPrimitiveContext(): InteractionContextValue;
+export interface InteractionRootProps<Interaction extends string = InteractionKey> {
+    interaction: Interaction;
+    children: ReactNode;
+    unavailable?: "render" | "hide";
+}
+export declare function InteractionRoot<Interaction extends string = InteractionKey>({ interaction, children, unavailable, }: InteractionRootProps<Interaction>): import("react/jsx-runtime").JSX.Element | null;
+export type InteractionPartProps = PrimitiveCommonProps & HTMLAttributes<HTMLElement>;
+export declare function InteractionLabel({ children, ...props }: InteractionPartProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function InteractionDescription({ children, ...props }: InteractionPartProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare function InteractionUnavailableMessage({ children, ...props }: InteractionPartProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare function InteractionValidationMessage({ children, ...props }: InteractionPartProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export type InteractionTriggerProps = PrimitiveCommonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function InteractionTrigger({ disabled, onClick, ...props }: InteractionTriggerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type InteractionSubmitProps = PrimitiveCommonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function InteractionSubmit({ disabled, onClick, ...props }: InteractionSubmitProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type InteractionInputProps = PrimitiveCommonProps & Omit<InputHTMLAttributes<HTMLInputElement>, "name"> & {
+    name: string;
+    parse?: (value: string) => unknown;
+};
+export declare function InteractionInput({ name, parse, onChange, disabled, ...props }: InteractionInputProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type InteractionCardInputProps<Input extends string = InteractionInputKey> = PrimitiveCommonProps & ButtonHTMLAttributes<HTMLButtonElement> & {
+    input: Input;
+    value?: string;
+    card?: string;
+    selected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
+};
+export declare function InteractionCardInput<Input extends string = InteractionInputKey>({ input, value, card, selected, onSelectedChange, onClick, disabled, children, ...props }: InteractionCardInputProps<Input>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare const Interaction: {
+    Root: typeof InteractionRoot;
+    Trigger: typeof InteractionTrigger;
+    Label: typeof InteractionLabel;
+    Description: typeof InteractionDescription;
+    UnavailableMessage: typeof InteractionUnavailableMessage;
+    ValidationMessage: typeof InteractionValidationMessage;
+    Input: typeof InteractionInput;
+    CardInput: typeof InteractionCardInput;
+    Submit: typeof InteractionSubmit;
+};
+export {};
+//# sourceMappingURL=interaction.d.ts.map

package/dist/primitives/interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../src/primitives/interaction.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/interaction.js

@@ -0,0 +1,250 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, } from "react";
+import { useInteractionHandle } from "../hooks/useInteractionHandle.js";
+import { useInteractionUiStore } from "../context/InteractionDraftContext.js";
+import { usePluginState } from "../context/PluginStateContext.js";
+import { inputByKey, isManyTargetSelectable, toggleManyValue, } from "../utils/interaction-inputs.js";
+import { interactionLabel } from "../utils/interaction-labels.js";
+import { composeEventHandlers, renderPrimitive, } from "./primitive-props.js";
+import { useZoneCardContext } from "./zone.js";
+const InteractionContext = createContext(null);
+function humanizeInteraction(value) {
+    const parts = value.split(".");
+    const leaf = parts[parts.length - 1] ?? value;
+    return leaf
+        .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+        .replace(/[-_]+/g, " ")
+        .replace(/\s+/g, " ")
+        .trim()
+        .replace(/^./, (first) => first.toUpperCase());
+}
+export function useInteractionPrimitiveContext() {
+    const value = useContext(InteractionContext);
+    if (!value) {
+        throw new Error("Interaction primitives must be rendered inside <Interaction.Root>.");
+    }
+    return value;
+}
+function useInteractionDescriptor(interaction) {
+    return usePluginState((state) => state.gameplay.availableInteractions.find((descriptor) => descriptor.interactionKey === interaction ||
+        descriptor.interactionId === interaction));
+}
+function ResolvedInteractionRoot({ interaction, descriptor, children, }) {
+    const handle = useInteractionHandle(descriptor);
+    const value = useMemo(() => ({ interaction, descriptor, handle }), [descriptor, handle, interaction]);
+    return (_jsx(InteractionContext.Provider, { value: value, children: children }));
+}
+export function InteractionRoot({ interaction, children, unavailable = "render", }) {
+    const descriptor = useInteractionDescriptor(interaction);
+    if (!descriptor) {
+        if (unavailable === "hide")
+            return null;
+        return (_jsx(InteractionContext.Provider, { value: {
+                interaction,
+                descriptor: null,
+                handle: null,
+            }, children: children }));
+    }
+    if (!descriptor.available && unavailable === "hide") {
+        return null;
+    }
+    return (_jsx(ResolvedInteractionRoot, { interaction: interaction, descriptor: descriptor, children: children }));
+}
+export function InteractionLabel({ children, ...props }) {
+    const { descriptor, interaction } = useInteractionPrimitiveContext();
+    return renderPrimitive("span", {
+        ...props,
+        "data-dreamboard-interaction-label": "",
+        children: children ??
+            (descriptor
+                ? interactionLabel(descriptor)
+                : humanizeInteraction(interaction)),
+    });
+}
+export function InteractionDescription({ children, ...props }) {
+    const content = children;
+    if (!content)
+        return null;
+    return renderPrimitive("span", {
+        ...props,
+        "data-dreamboard-interaction-description": "",
+        children: content,
+    });
+}
+export function InteractionUnavailableMessage({ children, ...props }) {
+    const { descriptor, handle } = useInteractionPrimitiveContext();
+    const reason = children ?? handle?.unavailableReason ?? descriptor?.unavailableReason;
+    if (!reason)
+        return null;
+    return renderPrimitive("span", {
+        ...props,
+        "data-dreamboard-interaction-unavailable": "",
+        children: reason,
+    });
+}
+export function InteractionValidationMessage({ children, ...props }) {
+    const { handle } = useInteractionPrimitiveContext();
+    const validation = handle?.validateDraft();
+    const message = children ??
+        validation?.formErrors[0] ??
+        Object.values(validation?.fieldErrors ?? {})[0]?.[0] ??
+        (validation?.missing[0]
+            ? `${String(validation.missing[0])} is required.`
+            : null);
+    if (!message)
+        return null;
+    return renderPrimitive("span", {
+        ...props,
+        "data-dreamboard-interaction-validation": "",
+        children: message,
+    });
+}
+export function InteractionTrigger({ disabled, onClick, ...props }) {
+    const { descriptor, handle } = useInteractionPrimitiveContext();
+    const isDisabled = disabled === true || !descriptor?.available;
+    return renderPrimitive("button", {
+        type: "button",
+        ...props,
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "data-dreamboard-interaction-trigger": "",
+        "data-interaction-id": descriptor?.interactionId,
+        "data-interaction-key": descriptor?.interactionKey,
+        "data-available": descriptor?.available ?? false,
+        "data-disabled": isDisabled || undefined,
+        "data-state": handle?.isArmed ? "armed" : "idle",
+        onClick: composeEventHandlers(onClick, () => {
+            handle?.arm();
+        }),
+    });
+}
+export function InteractionSubmit({ disabled, onClick, ...props }) {
+    const { descriptor, handle } = useInteractionPrimitiveContext();
+    const isSubmitting = handle?.status === "submitting";
+    const isDisabled = disabled === true ||
+        !descriptor?.available ||
+        !handle?.isReady ||
+        isSubmitting;
+    return renderPrimitive("button", {
+        type: "button",
+        ...props,
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "data-dreamboard-interaction-submit": "",
+        "data-interaction-id": descriptor?.interactionId,
+        "data-interaction-key": descriptor?.interactionKey,
+        "data-available": descriptor?.available ?? false,
+        "data-disabled": isDisabled || undefined,
+        "data-ready": handle?.isReady ?? false,
+        "data-submitting": isSubmitting || undefined,
+        "data-state": handle?.status ?? "unavailable",
+        onClick: composeEventHandlers(onClick, () => {
+            void handle?.submitDraft();
+        }),
+    });
+}
+export function InteractionInput({ name, parse, onChange, disabled, ...props }) {
+    const { descriptor, handle } = useInteractionPrimitiveContext();
+    const value = handle?.draft[name];
+    const isDisabled = disabled === true || !descriptor?.available;
+    return renderPrimitive("input", {
+        ...props,
+        name,
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "data-dreamboard-interaction-input": "",
+        "data-input-name": name,
+        "data-disabled": isDisabled || undefined,
+        "data-selected": value !== undefined || undefined,
+        onChange: composeEventHandlers(onChange, (event) => {
+            const target = event.currentTarget;
+            handle?.setInput(name, parse ? parse(target.value) : target.value);
+        }),
+    });
+}
+export function InteractionCardInput({ input, value, card, selected, onSelectedChange, onClick, disabled, children, ...props }) {
+    const { descriptor, handle } = useInteractionPrimitiveContext();
+    const store = useInteractionUiStore();
+    const zoneCard = useZoneCardContext();
+    const cardId = value ?? card ?? zoneCard?.cardId;
+    const cardDescriptor = usePluginState((state) => {
+        if (!cardId || !zoneCard)
+            return undefined;
+        return state.gameplay.zones[zoneCard.zone]?.playableByCardId[cardId]?.find((candidate) => candidate.interactionKey === descriptor?.interactionKey &&
+            candidate.inputs.some((candidateInput) => candidateInput.key === input));
+    });
+    const inputDescriptor = descriptor
+        ? inputByKey(descriptor, input)
+        : undefined;
+    const liveDraft = descriptor ? store.getDraft(descriptor.interactionKey) : {};
+    const currentValue = liveDraft[input] ?? handle?.draft[input] ?? handle?.values[input];
+    const selection = inputDescriptor?.domain.selection;
+    const selectedByDraft = selection?.mode === "many"
+        ? Array.isArray(currentValue) &&
+            currentValue.map((item) => String(item)).includes(String(cardId))
+        : currentValue !== undefined &&
+            cardId !== undefined &&
+            String(currentValue) === String(cardId);
+    const isSelected = selected ?? selectedByDraft;
+    const eligibleTargets = inputDescriptor?.domain.type === "target"
+        ? inputDescriptor.domain.eligibleTargets
+        : undefined;
+    const isCardInput = inputDescriptor?.domain.type === "target" &&
+        inputDescriptor.domain.targetKind === "card";
+    const isEligible = cardId !== undefined &&
+        isCardInput &&
+        (eligibleTargets === undefined || eligibleTargets.includes(cardId));
+    const isSelectable = cardId !== undefined &&
+        inputDescriptor !== undefined &&
+        isManyTargetSelectable(inputDescriptor, currentValue, cardId);
+    const isCandidateAvailable = cardDescriptor?.available ?? true;
+    const validation = handle?.validateDraft();
+    const fieldErrors = validation?.fieldErrors[input] ?? [];
+    const isInvalid = fieldErrors.length > 0;
+    const isDisabled = disabled === true ||
+        !descriptor?.available ||
+        !cardId ||
+        !isEligible ||
+        !handle;
+    return renderPrimitive("button", {
+        type: "button",
+        ...props,
+        children,
+        disabled: isDisabled,
+        "aria-disabled": isDisabled,
+        "aria-pressed": isSelected,
+        "data-dreamboard-interaction-card-input": "",
+        "data-input-name": input,
+        "data-card-id": cardId,
+        "data-zone": zoneCard?.zone,
+        "data-selected": isSelected || undefined,
+        "data-eligible": isEligible,
+        "data-selectable": isSelectable,
+        "data-card-available": isCandidateAvailable,
+        "data-invalid": isInvalid || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-missing-resource": cardId ? undefined : true,
+        onClick: composeEventHandlers(onClick, () => {
+            if (isDisabled || !cardId || !handle || !inputDescriptor)
+                return;
+            const nextValue = selection?.mode === "many"
+                ? toggleManyValue(currentValue, cardId, selection)
+                : cardId;
+            handle.setInput(input, nextValue);
+            onSelectedChange?.(selection?.mode === "many"
+                ? Array.isArray(nextValue) && nextValue.includes(cardId)
+                : true);
+        }),
+    });
+}
+export const Interaction = {
+    Root: InteractionRoot,
+    Trigger: InteractionTrigger,
+    Label: InteractionLabel,
+    Description: InteractionDescription,
+    UnavailableMessage: InteractionUnavailableMessage,
+    ValidationMessage: InteractionValidationMessage,
+    Input: InteractionInput,
+    CardInput: InteractionCardInput,
+    Submit: InteractionSubmit,
+};

package/dist/primitives/phase.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PhaseKey } from "../ui-contract.js";
+export type PhaseRouteMap<Phase extends string = PhaseKey> = {
+    readonly [Key in Phase]: () => ReactNode;
+};
+export type PhaseFallback = ReactNode | ((phase: string | null) => ReactNode);
+export interface PhaseSwitchProps<Phase extends string = PhaseKey> {
+    routes: PhaseRouteMap<Phase>;
+    fallback?: PhaseFallback;
+}
+export declare function PhaseSwitch<Phase extends string = PhaseKey>({ routes, fallback, }: PhaseSwitchProps<Phase>): ReactElement | null;
+export declare const Phase: {
+    Switch: typeof PhaseSwitch;
+};
+//# sourceMappingURL=phase.d.ts.map

package/dist/primitives/phase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phase.d.ts","sourceRoot":"","sources":["../../src/primitives/phase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,QAAQ,IAAI;IAC3D,QAAQ,EAAE,GAAG,IAAI,KAAK,GAAG,MAAM,SAAS;CACzC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC;AAE9E,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,QAAQ;IAC/D,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAgBD,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,QAAQ,EAAE,EAC3D,MAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,YAAY,GAAG,IAAI,CAM/C;AAED,eAAO,MAAM,KAAK;;CAEjB,CAAC"}

package/dist/primitives/phase.js

@@ -0,0 +1,18 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { usePluginState } from "../context/PluginStateContext.js";
+function hasRoute(routes, phase) {
+    return Object.prototype.hasOwnProperty.call(routes, phase);
+}
+function renderFallback(fallback, phase) {
+    return typeof fallback === "function" ? fallback(phase) : (fallback ?? null);
+}
+export function PhaseSwitch({ routes, fallback, }) {
+    const phase = usePluginState((state) => state.gameplay.currentPhase);
+    if (phase && hasRoute(routes, phase)) {
+        return _jsx(_Fragment, { children: routes[phase]() });
+    }
+    return _jsx(_Fragment, { children: renderFallback(fallback, phase) });
+}
+export const Phase = {
+    Switch: PhaseSwitch,
+};

package/dist/primitives/player-roster.d.ts

@@ -0,0 +1,64 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
+import type { PlayerId } from "@dreamboard/manifest-contract";
+import { type PrimitiveCommonProps } from "./primitive-props.js";
+export interface PlayerRosterBadge {
+    key: string;
+    label?: ReactNode;
+    icon?: ReactNode;
+    tooltip?: string;
+}
+export interface PlayerRosterEntry {
+    playerId: PlayerId;
+    name: string;
+    color?: string;
+    index: number;
+    isActive: boolean;
+    isCurrentPlayer: boolean;
+    isControllable: boolean;
+    canSwitchToPlayer: boolean;
+    score?: number;
+    scoreLabel?: string;
+    badges: readonly PlayerRosterBadge[];
+    metadata?: Record<string, unknown>;
+}
+export interface PlayerRosterRootProps {
+    children: ReactNode;
+    order?: "turn" | "self-first";
+    include?: "all" | "self" | "opponents";
+    score?: (playerId: PlayerId) => number | undefined;
+    scoreLabel?: string | ((playerId: PlayerId) => string | undefined);
+    badges?: (playerId: PlayerId) => ReadonlyArray<PlayerRosterBadge | null | false | undefined>;
+    metadata?: (playerId: PlayerId) => Record<string, unknown> | undefined;
+}
+export declare function PlayerRosterRoot({ children, order, include, score, scoreLabel, badges, metadata, }: PlayerRosterRootProps): import("react/jsx-runtime").JSX.Element;
+export type PlayerRosterListProps = Omit<PrimitiveCommonProps, "children"> & Omit<HTMLAttributes<HTMLElement>, "children"> & {
+    children?: (player: PlayerRosterEntry) => ReactNode;
+};
+export declare function PlayerRosterList({ children, ...props }: PlayerRosterListProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function PlayerRosterEmpty({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;
+export type PlayerRosterSwitchButtonProps = Omit<PrimitiveCommonProps, "children"> & ButtonHTMLAttributes<HTMLButtonElement> & {
+    player: PlayerRosterEntry;
+    children?: ReactNode;
+};
+export declare function PlayerRosterSwitchButton({ player, disabled, onClick, ...props }: PlayerRosterSwitchButtonProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export type PlayerRosterPartProps = PrimitiveCommonProps & HTMLAttributes<HTMLElement> & {
+    player: PlayerRosterEntry;
+};
+export interface PlayerRosterComponents {
+    Root(props: PlayerRosterRootProps): ReactElement | null;
+    List(props: PlayerRosterListProps): ReactElement;
+    Empty(props: {
+        children?: ReactNode;
+    }): ReactElement | null;
+    SwitchButton(props: PlayerRosterSwitchButtonProps): ReactElement;
+    Name(props: PlayerRosterPartProps): ReactElement;
+    Score(props: PlayerRosterPartProps): ReactElement | null;
+    Badges(props: PlayerRosterPartProps): ReactElement | null;
+}
+export declare function PlayerRosterName({ player, children, ...props }: PlayerRosterPartProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function PlayerRosterScore({ player, children, ...props }: PlayerRosterPartProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare function PlayerRosterBadges({ player, children, ...props }: PlayerRosterPartProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare const PlayerRoster: PlayerRosterComponents;
+//# sourceMappingURL=player-roster.d.ts.map

package/dist/primitives/player-roster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"player-roster.d.ts","sourceRoot":"","sources":["../../src/primitives/player-roster.tsx"],"names":[],"mappings":"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"}