@dreamboard-games/ui-sdk 0.0.43 → 0.0.46

package/dist/components/ResourceCounter.js

@@ -1,118 +1,109 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Displays resource counts with icons and animated updates.
- *
- * The chip frame (border, fill, shadow, padding, gap) is sourced from
- * the active {@link useTheme}. Authors can still override per-chip
- * colours via {@link ResourceDisplayConfig.bgColor} /
- * {@link ResourceDisplayConfig.iconColor} / {@link ResourceDisplayConfig.textColor}
- * (Tailwind class names) — those win over the theme defaults so existing
- * callers that pass game-specific palettes (Catan: wheat/wood/brick…)
- * keep their look.
- */
-import { motion, AnimatePresence } from "framer-motion";
-import { clsx } from "clsx";
-import { createElement } from "react";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../internal/ui/tooltip.js";
-import { useTheme } from "../theme/ThemeProvider.js";
-export function ResourceCounter({ resources, counts, layout = "row", columns = 5, showZero = true, size = "md", onResourceClick, className, }) {
-    const theme = useTheme();
-    const reducedMotion = theme.motion.reducedMotion === "true";
-    const sizeConfig = {
-        sm: {
-            icon: "w-4 h-4",
-            fontSize: theme.typography.fontSize.sm,
-            paddingBlock: theme.space[1],
-            paddingInline: theme.space[2],
-            gap: theme.space[1],
-        },
-        md: {
-            icon: "w-5 h-5",
-            fontSize: theme.typography.fontSize.md,
-            paddingBlock: theme.space[1.5],
-            paddingInline: theme.space[3],
-            gap: theme.space[1.5],
-        },
-        lg: {
-            icon: "w-6 h-6",
-            fontSize: theme.typography.fontSize.lg,
-            paddingBlock: theme.space[2],
-            paddingInline: theme.space[4],
-            gap: theme.space[2],
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, createElement, useContext, useMemo, } from "react";
+import { composeEventHandlers, renderPrimitive, } from "../primitives/index.js";
+const ResourceCounterItemContext = createContext(null);
+function useResourceCounterItemContext() {
+    const value = useContext(ResourceCounterItemContext);
+    if (!value) {
+        throw new Error("ResourceCounter item primitives must be rendered inside <ResourceCounter.Item>.");
+    }
+    return value;
+}
+function renderResourceIcon(icon, props = {}) {
+    if (typeof icon === "function") {
+        return createElement(icon, {
+            "aria-hidden": true,
+            strokeWidth: 2.5,
+            ...props,
+        });
+    }
+    const { strokeWidth: _strokeWidth, "aria-hidden": ariaHidden, ...spanProps } = props;
+    return (_jsx("span", { "aria-hidden": ariaHidden === undefined ? true : ariaHidden !== "false", ...spanProps, children: icon }));
+}
+function resolveResourceChildren(children, resource) {
+    return typeof children === "function" ? children(resource) : children;
+}
+export function ResourceCounterRoot({ resources, counts, zero = "show", onResourceClick, children, "aria-label": ariaLabel, ...props }) {
+    const items = useMemo(() => resources
+        .map((resource) => {
+        const count = counts[resource.type] ?? 0;
+        return {
+            ...resource,
+            count,
+            isZero: count === 0,
+            interactive: Boolean(onResourceClick),
+            select: () => onResourceClick?.(resource.type),
+            renderIcon: (iconProps) => renderResourceIcon(resource.icon, iconProps),
+            dataAttributes: {
+                "data-resource-id": resource.type,
+                "data-resource-count": count,
+                "data-resource-zero": count === 0 || undefined,
+                "data-interactive": onResourceClick ? true : undefined,
+            },
+        };
+    })
+        .filter((resource) => zero === "show" || !resource.isZero), [counts, onResourceClick, resources, zero]);
+    return renderPrimitive("div", {
+        role: "list",
+        "aria-label": ariaLabel ?? "Resource counts",
+        "data-dreamboard-resource-counter": "",
+        ...props,
+        children: items.map((resource) => (_jsx(ResourceCounterItemContext.Provider, { value: resource, children: children }, resource.type))),
+    });
+}
+export function ResourceCounterItem({ children, onClick, "aria-label": ariaLabel, ...props }) {
+    const resource = useResourceCounterItemContext();
+    return renderPrimitive("span", {
+        role: "listitem",
+        "aria-label": ariaLabel ?? `${resource.label}: ${resource.count}`,
+        ...resource.dataAttributes,
+        ...props,
+        onClick: composeEventHandlers(onClick, resource.interactive ? resource.select : undefined),
+        children: resolveResourceChildren(children, resource),
+    });
+}
+export function ResourceCounterIcon({ className, strokeWidth, "aria-hidden": ariaHidden, }) {
+    const resource = useResourceCounterItemContext();
+    return resource.renderIcon({
+        className,
+        strokeWidth,
+        "aria-hidden": ariaHidden,
+    });
+}
+export function ResourceCounterCount({ children, ...props }) {
+    const resource = useResourceCounterItemContext();
+    return renderPrimitive("span", {
+        ...props,
+        "data-dreamboard-resource-count": "",
+        children: resolveResourceChildren(children ?? resource.count, resource),
+    });
+}
+export function ResourceCounterLabel({ children, ...props }) {
+    const resource = useResourceCounterItemContext();
+    return renderPrimitive("span", {
+        ...props,
+        "data-dreamboard-resource-label": "",
+        children: resolveResourceChildren(children ?? resource.label, resource),
+    });
+}
+export function createResourceCounter(resources) {
+    return {
+        Root(props) {
+            return createElement((ResourceCounterRoot), {
+                ...props,
+                resources,
+            });
         },
+        Item: ResourceCounterItem,
+        Icon: ResourceCounterIcon,
+        Count: ResourceCounterCount,
+        Label: ResourceCounterLabel,
     };
-    const styles = sizeConfig[size];
-    const filteredResources = showZero
-        ? resources
-        : resources.filter((r) => (counts[r.type] ?? 0) > 0);
-    // Base chip styling pulled from the theme. Caller-supplied
-    // `bgColor`/`textColor` (Tailwind classes) override these inline
-    // defaults via the `style` cascade — when a Tailwind class sets
-    // `background-color`, it wins because we don't pass `background`
-    // when the caller provided a `bgColor` class.
-    const baseChipStyle = (bgColorClass) => ({
-        display: "inline-flex",
-        alignItems: "center",
-        gap: styles.gap,
-        paddingBlock: styles.paddingBlock,
-        paddingInline: styles.paddingInline,
-        borderRadius: theme.radius.md,
-        border: `2px solid ${theme.semantic.border.default}`,
-        background: bgColorClass ? undefined : theme.semantic.surface.card,
-        boxShadow: theme.elevation.rest,
-        fontFamily: theme.typography.fontFamily.body,
-        transition: `transform ${theme.motion.duration.fast} ${theme.motion.easing.out}, box-shadow ${theme.motion.duration.normal} ${theme.motion.easing.out}`,
-    });
-    return (_jsx("div", { className: clsx(layout === "grid" && "grid", layout === "row" && "flex flex-wrap", layout === "compact" && "flex flex-wrap", layout === "row" && "gap-3 sm:gap-4", layout === "compact" && "gap-2", layout === "grid" && "gap-3 sm:gap-4", className), style: layout === "grid"
-            ? {
-                gridTemplateColumns: `repeat(${columns}, 1fr)`,
-                fontFamily: theme.typography.fontFamily.body,
-            }
-            : { fontFamily: theme.typography.fontFamily.body }, role: "list", "aria-label": "Resource counts", children: _jsx(TooltipProvider, { delayDuration: 200, children: _jsx(AnimatePresence, { mode: "popLayout", children: filteredResources.map(({ type, label, icon, iconColor, bgColor, textColor }) => {
-                    const count = counts[type] ?? 0;
-                    const iconNode = typeof icon === "function" ? (createElement(icon, {
-                        className: clsx(styles.icon, iconColor),
-                        strokeWidth: 2.5,
-                        "aria-hidden": "true",
-                    })) : (_jsx("span", { className: clsx(styles.icon, iconColor), "aria-hidden": "true", style: {
-                            display: "inline-flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            fontSize: "1.1em",
-                        }, children: icon }));
-                    const content = (_jsxs(_Fragment, { children: [iconNode, _jsx(motion.span, { initial: reducedMotion ? { scale: 1 } : { scale: 1.5 }, animate: { scale: 1 }, className: clsx("font-bold", textColor), style: {
-                                    fontSize: styles.fontSize,
-                                    fontFamily: theme.typography.fontFamily.tabular,
-                                    fontWeight: theme.typography.fontWeight.bold,
-                                    color: textColor
-                                        ? undefined
-                                        : theme.semantic.text.primary,
-                                }, children: count }, count)] }));
-                    const sharedClassName = clsx("flex items-center focus-visible:outline-none", bgColor, onResourceClick
-                        ? "cursor-pointer focus-visible:ring-2 focus-visible:ring-offset-2"
-                        : "cursor-help");
-                    const sharedStyle = {
-                        ...baseChipStyle(bgColor),
-                        color: textColor ? undefined : theme.semantic.text.primary,
-                    };
-                    const focusVisibleStyle = onResourceClick
-                        ? {
-                            // Theming the focus ring requires a CSS variable hop
-                            // because Tailwind's focus-visible:ring-offset uses
-                            // `--tw-ring-offset-color`. We expose the theme
-                            // border.focus token here so consumers without our
-                            // Tailwind preset still get a visible ring.
-                            "--tw-ring-color": theme.semantic.border.focus,
-                            "--tw-ring-offset-color": theme.semantic.surface.app,
-                        }
-                        : {};
-                    const chip = onResourceClick ? (_jsx("button", { type: "button", onClick: () => onResourceClick(type), className: sharedClassName, style: { ...sharedStyle, ...focusVisibleStyle }, "aria-label": `${label}: ${count}`, children: content })) : (_jsx("div", { className: sharedClassName, style: sharedStyle, "aria-label": `${label}: ${count}`, children: content }));
-                    return (_jsx(motion.div, { layout: !reducedMotion, initial: reducedMotion
-                            ? { opacity: 0, scale: 1 }
-                            : { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, whileHover: onResourceClick && !reducedMotion
-                            ? { scale: 1.05 }
-                            : undefined, whileTap: onResourceClick && !reducedMotion
-                            ? { scale: 0.95 }
-                            : undefined, role: "listitem", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: chip }), _jsxs(TooltipContent, { side: "top", sideOffset: 6, children: [_jsx("p", { className: "font-sans text-sm font-bold", children: label }), _jsxs("p", { className: "font-sans text-xs font-normal opacity-90", children: ["Quantity: ", count] })] })] }) }, type));
-                }) }) }) }));
 }
+export const ResourceCounter = {
+    Root: ResourceCounterRoot,
+    Item: ResourceCounterItem,
+    Icon: ResourceCounterIcon,
+    Count: ResourceCounterCount,
+    Label: ResourceCounterLabel,
+};

package/dist/components/Toast.d.ts

@@ -1,24 +1,23 @@
 /**
  * Plugin-internal toast notification system.
  *
- * `<ToastProvider>` exposes a `useToast()` API that game authors call
- * imperatively to surface their own game-specific feedback ("Resource
- * gained", "Card discarded", "Tip: rotate the board with R", …). It
- * is intentionally NOT wired to the host notification stream:
+ * `<ToastProvider>` exposes `<Toast.Actions>` for game-specific feedback
+ * ("Resource gained", "Card discarded", "Tip: rotate the board with R", …).
+ * It is intentionally NOT wired to the host notification stream:
  * `YOUR_TURN`, `PROMPT_OPENED` and `ACTION_REJECTED` events are owned
  * by `@dreamboard/ui-host-runtime`'s `<HostFeedbackToaster>` and must
  * not be mirrored from inside the plugin tree.
  */
 import { type ReactNode } from "react";
 export type ToastType = "success" | "error" | "info" | "warning";
-export interface Toast {
+export interface ToastNotification {
     id: string;
     type: ToastType;
     message: string;
     duration?: number;
 }
 interface ToastContextValue {
-    toasts: Toast[];
+    toasts: ToastNotification[];
     show: (message: string, type?: ToastType, duration?: number) => void;
     dismiss: (id: string) => void;
     success: (message: string, duration?: number) => void;
@@ -26,10 +25,18 @@ interface ToastContextValue {
     info: (message: string, duration?: number) => void;
     warning: (message: string, duration?: number) => void;
 }
+export type ToastActionsValue = ToastContextValue;
 export interface ToastProviderProps {
     children: ReactNode;
 }
 export declare function ToastProvider({ children }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useToast(): ToastContextValue;
+export interface ToastActionsProps {
+    children: (actions: ToastActionsValue) => ReactNode;
+}
+export declare function ToastActions({ children }: ToastActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare const Toast: {
+    readonly Actions: typeof ToastActions;
+};
 export {};
 //# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA4D7D;AAED,wBAAgB,QAAQ,sBAMvB"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAKH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAID,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA4D7D;AAED,wBAAgB,QAAQ,sBAMvB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,SAAS,CAAC;CACrD;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAE3D;AAED,eAAO,MAAM,KAAK;;CAER,CAAC"}

package/dist/components/Toast.js

@@ -1,11 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Plugin-internal toast notification system.
  *
- * `<ToastProvider>` exposes a `useToast()` API that game authors call
- * imperatively to surface their own game-specific feedback ("Resource
- * gained", "Card discarded", "Tip: rotate the board with R", …). It
- * is intentionally NOT wired to the host notification stream:
+ * `<ToastProvider>` exposes `<Toast.Actions>` for game-specific feedback
+ * ("Resource gained", "Card discarded", "Tip: rotate the board with R", …).
+ * It is intentionally NOT wired to the host notification stream:
  * `YOUR_TURN`, `PROMPT_OPENED` and `ACTION_REJECTED` events are owned
  * by `@dreamboard/ui-host-runtime`'s `<HostFeedbackToaster>` and must
  * not be mirrored from inside the plugin tree.
@@ -56,6 +55,12 @@ export function useToast() {
     }
     return context;
 }
+export function ToastActions({ children }) {
+    return _jsx(_Fragment, { children: children(useToast()) });
+}
+export const Toast = {
+    Actions: ToastActions,
+};
 function ToastContainer({ toasts, onDismiss, }) {
     return (_jsx("div", { className: "fixed bottom-4 right-4 z-50 flex flex-col gap-2 pointer-events-none", role: "region", "aria-live": "polite", "aria-label": "Notifications", children: _jsx(AnimatePresence, { children: toasts.map((toast) => (_jsx(ToastItem, { toast: toast, onDismiss: onDismiss }, toast.id))) }) }));
 }

package/dist/components/board/HexGrid.js

@@ -295,11 +295,11 @@ function HexGridImpl(props) {
                     const isSelectable = isInteractiveTargetSelectable(interactiveSpaces, state);
                     return (_jsxs("g", { transform: `translate(${pos.x}, ${pos.y})`, role: isSelectable ? "button" : undefined, className: clsx(isSelectable && "cursor-pointer"), onPointerEnter: () => setHoveredSpaceId(space.id), onPointerLeave: () => setHoveredSpaceId((currentId) => currentId === space.id ? null : currentId), onClick: isSelectable
                             ? () => {
-                                void interactiveSpaces.selectTargetId?.(space.id);
+                                void state.select?.();
                             }
                             : undefined, onKeyDown: (event) => handleKeyboardActivation(event, isSelectable
                             ? () => {
-                                void interactiveSpaces.selectTargetId?.(space.id);
+                                void state.select?.();
                             }
                             : undefined), tabIndex: isSelectable ? 0 : undefined, "aria-label": isSelectable ? `Select space ${space.id}` : undefined, children: [isSelectable && (_jsx("polygon", { points: buildTileGeometry(pos).points({
                                     inset: hexSize * 0.05,
@@ -316,11 +316,11 @@ function HexGridImpl(props) {
                     const touchTargetLength = Math.hypot(edge.position.x2 - edge.position.x1, edge.position.y2 - edge.position.y1);
                     return (_jsxs("g", { role: isSelectable ? "button" : undefined, className: clsx(isSelectable && "cursor-pointer"), onPointerEnter: () => setHoveredEdgeId(edge.id), onPointerLeave: () => setHoveredEdgeId((currentId) => currentId === edge.id ? null : currentId), onClick: isSelectable
                             ? () => {
-                                void interactiveEdges.selectTargetId?.(edge.id);
+                                void state.select?.();
                             }
                             : undefined, onKeyDown: (event) => handleKeyboardActivation(event, isSelectable
                             ? () => {
-                                void interactiveEdges.selectTargetId?.(edge.id);
+                                void state.select?.();
                             }
                             : undefined), tabIndex: isSelectable ? 0 : undefined, "aria-label": isSelectable ? `Select edge ${edge.id}` : undefined, children: [isSelectable && (_jsx("rect", { x: edge.position.midX - touchTargetLength / 2, y: edge.position.midY - interactiveEdgeSize, width: touchTargetLength, height: interactiveEdgeSize * 2, rx: interactiveEdgeSize, fill: "rgba(255,255,255,0.001)", transform: `rotate(${edge.position.edgeAngle} ${edge.position.midX} ${edge.position.midY})`, pointerEvents: "all" })), renderInteractiveEdge ? (renderInteractiveEdge(edge, edge.position, state)) : state.isEnabled && state.isEligible ? (_jsx(DefaultInteractiveEdge, { position: edge.position, isHovered: state.isHovered, strokeWidth: interactiveEdgeSize * 0.6 })) : null] }, edge.id));
                 }) })), interactiveVertices && resolvedVertexPositions.length > 0 && (_jsx("g", { className: "interactive-vertices", role: "list", "aria-label": "Interactive vertices for placement", children: resolvedVertexPositions.map(({ interactiveVertex: vertex }) => {
@@ -328,11 +328,11 @@ function HexGridImpl(props) {
                     const isSelectable = isInteractiveTargetSelectable(interactiveVertices, state);
                     return (_jsxs("g", { role: isSelectable ? "button" : undefined, className: clsx(isSelectable && "cursor-pointer"), onPointerEnter: () => setHoveredVertexId(vertex.id), onPointerLeave: () => setHoveredVertexId((currentId) => currentId === vertex.id ? null : currentId), onClick: isSelectable
                             ? () => {
-                                void interactiveVertices.selectTargetId?.(vertex.id);
+                                void state.select?.();
                             }
                             : undefined, onKeyDown: (event) => handleKeyboardActivation(event, isSelectable
                             ? () => {
-                                void interactiveVertices.selectTargetId?.(vertex.id);
+                                void state.select?.();
                             }
                             : undefined), tabIndex: isSelectable ? 0 : undefined, "aria-label": isSelectable ? `Select vertex ${vertex.id}` : undefined, children: [isSelectable && (_jsx("circle", { cx: vertex.position.x, cy: vertex.position.y, r: interactiveVertexSize * 1.5, fill: "rgba(255,255,255,0.001)", pointerEvents: "all" })), renderInteractiveVertex ? (renderInteractiveVertex(vertex, vertex.position, state)) : state.isEnabled && state.isEligible ? (_jsx(DefaultInteractiveVertex, { position: vertex.position, isHovered: state.isHovered, size: interactiveVertexSize * 0.6 })) : null] }, vertex.id));
                 }) })), effectivePanZoom && transform.zoom !== 1 && (_jsxs("g", { transform: `translate(${viewBoxX + 10}, ${viewBoxY + viewBoxHeight - 30})`, children: [_jsx("rect", { x: 0, y: 0, width: 60, height: 20, rx: 4, fill: "rgba(0,0,0,0.6)" }), _jsxs("text", { x: 30, y: 14, textAnchor: "middle", fill: "white", fontSize: 12, children: [Math.round(transform.zoom * 100), "%"] })] }))] }));

package/dist/components/board/target-layer.d.ts

@@ -1,9 +1,25 @@
+import type { BoardTargetKind } from "../../utils/interaction-inputs.js";
+export interface InteractiveTargetState {
+    kind?: BoardTargetKind;
+    id: string;
+    eligible: boolean;
+    selectable: boolean;
+    hovered: boolean;
+    interactionKey?: string;
+    interactionId?: string;
+    inputKey?: string;
+    pending: boolean;
+    conflict: boolean;
+    unavailableReason?: string;
+    select?: () => unknown | Promise<unknown>;
+}
 export interface InteractiveTargetLayer {
     enabled?: boolean;
     eligible?: ReadonlySet<string>;
-    selectTargetId?: (targetId: string) => void | Promise<void>;
+    selectTargetId?: (targetId: string) => unknown | Promise<unknown>;
+    targetState?: (targetId: string) => Partial<InteractiveTargetState>;
 }
-export interface InteractiveTargetRenderState {
+export interface InteractiveTargetRenderState extends InteractiveTargetState {
     isEnabled: boolean;
     isEligible: boolean;
     isHovered: boolean;

package/dist/components/board/target-layer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"target-layer.d.ts","sourceRoot":"","sources":["../../../src/components/board/target-layer.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7D;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,OAAO,GACjB,4BAA4B,CAM9B;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE,4BAA4B,GAClC,OAAO,CAET"}
+{"version":3,"file":"target-layer.d.ts","sourceRoot":"","sources":["../../../src/components/board/target-layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzE,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClE,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,sBAAsB,CAAC,CAAC;CACrE;AAED,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,OAAO,GACjB,4BAA4B,CAuB9B;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE,4BAA4B,GAClC,OAAO,CAMT"}

package/dist/components/board/target-layer.js

@@ -1,10 +1,27 @@
 export function interactiveTargetRenderState(layer, targetId, isHovered) {
+    const enabled = layer.enabled !== false;
+    const eligible = layer.eligible?.has(targetId) ?? true;
+    const extra = layer.targetState?.(targetId) ?? {};
+    const selectable = extra.selectable ?? (enabled && eligible && !!layer.selectTargetId);
     return {
-        isEnabled: layer.enabled !== false,
-        isEligible: layer.eligible?.has(targetId) ?? true,
+        id: targetId,
+        ...extra,
+        eligible: extra.eligible ?? eligible,
+        selectable,
+        hovered: isHovered,
+        pending: extra.pending ?? false,
+        conflict: extra.conflict ?? false,
+        select: extra.select ??
+            (layer.selectTargetId
+                ? () => layer.selectTargetId?.(targetId)
+                : undefined),
+        isEnabled: enabled,
+        isEligible: extra.eligible ?? eligible,
         isHovered,
     };
 }
 export function isInteractiveTargetSelectable(layer, state) {
-    return state.isEnabled && state.isEligible && !!layer.selectTargetId;
+    return (state.isEnabled &&
+        state.selectable &&
+        !!(state.select ?? layer.selectTargetId));
 }

package/dist/components/index.d.ts

@@ -4,24 +4,23 @@ export { Hand, type HandProps } from "./Hand.js";
 export { HandDock, type HandDockMode, type HandDockPlacement, type HandDockPresentation, type HandDockProps, type HandDockToggleContext, } from "./HandDock.js";
 export { PlayArea, type PlayAreaProps } from "./PlayArea.js";
 export { GameSkeleton, type GameSkeletonProps } from "./GameSkeleton.js";
-export { ToastProvider, useToast, type Toast, type ToastType, } from "./Toast.js";
+export { Toast, ToastActions, ToastProvider, type ToastActionsProps, type ToastActionsValue, type ToastNotification, type ToastType, } from "./Toast.js";
 export { ErrorBoundary, type ErrorBoundaryProps } from "./ErrorBoundary.js";
 export { PluginRuntime, type PluginRuntimeProps } from "./PluginRuntime.js";
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from "./Drawer.js";
 export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from "../internal/ui/dialog.js";
-export { ResourceCounter, type ResourceCounterProps, type ResourceDisplayConfig, } from "./ResourceCounter.js";
+export { ResourceCounter, ResourceCounterCount, ResourceCounterIcon, ResourceCounterItem, ResourceCounterLabel, ResourceCounterRoot, createResourceCounter, type BoundResourceCounterRootProps, type ResourceCounterComponents, type ResourceCounterItemState, type ResourceCounterPartProps, type ResourceCounterProps, type ResourceCounterRootProps, type ResourceDisplayConfig, type ResourceIconProps, } from "./ResourceCounter.js";
 export { CostDisplay, type CostDisplayProps, type ResourceDefinition, } from "./CostDisplay.js";
 export { ActionButton, type ActionButtonProps } from "./ActionButton.js";
 export { PrimaryButton, type PrimaryButtonProps } from "./PrimaryButton.js";
 export { ThemedButton, type ThemedButtonProps } from "./ThemedButton.js";
 export { PrimaryActionButton, type PrimaryActionButtonProps, type PrimaryActionAttention, } from "./PrimaryActionButton.js";
-export { InteractionForm, InteractionField, defaultFormInputs, hasDefaultInteractionFormFields, type InteractionFieldProps, type InteractionFieldRenderMap, type InteractionFieldRenderProps, type InteractionFormProps, } from "./InteractionForm.js";
+export { InteractionForm, defaultFormInputs, hasDefaultInteractionFormFields, type InteractionFormProps, } from "./InteractionForm.js";
 export { ActionPanel, ActionGroup, type ActionPanelProps, type ActionGroupProps, } from "./ActionPanel.js";
 export { MoreActions, type MoreActionsProps } from "./MoreActions.js";
 export { DiceRoller, type DiceRollerProps } from "./DiceRoller.js";
 export { PhaseIndicator, type PhaseIndicatorProps } from "./PhaseIndicator.js";
 export { GameEndDisplay, type GameEndDisplayProps, type PlayerScore, } from "./GameEndDisplay.js";
-export { PromptDialogHost, type PromptDialogHostProps, } from "./PromptDialogHost.js";
 export { NetworkGraph, DefaultNetworkNode, DefaultNetworkEdge, DefaultNetworkPiece, type NetworkGraphProps, type NetworkNode, type NetworkEdge, type NetworkPiece, type DefaultNetworkNodeProps, type DefaultNetworkEdgeProps, type DefaultNetworkPieceProps, } from "./board/NetworkGraph.js";
 export { ZoneMap, DefaultZone, DefaultZonePieces, DefaultZonePiece, type ZoneMapProps, type ZoneDefinition, type ZonePiece, type ZoneShape, type ZoneHighlightType, type DefaultZoneProps, type DefaultZonePiecesProps, type DefaultZonePieceProps, } from "./board/ZoneMap.js";
 export { TrackBoard, DefaultTrackSpace, DefaultTrackPiece, DefaultTrackConnection, DefaultTrackJump, type TrackBoardProps, type TrackSpace, type TrackPiece, type DefaultTrackSpaceProps, type DefaultTrackPieceProps, type DefaultTrackConnectionProps, type DefaultTrackJumpProps, } from "./board/TrackBoard.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,iEAAiE;AAGjE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EACL,QAAQ,EACR,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,qBAAqB,GAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,SAAS,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,KAAK,6BAA6B,EAClC,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,GAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,+BAA+B,EAC/B,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,WAAW,EACX,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,GAC9B,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EAChB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,OAAO,EACP,QAAQ,EACR,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,4BAA4B,EACjC,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,gBAAgB,GACtB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/index.js

@@ -6,25 +6,24 @@ export { HandDock, } from "./HandDock.js";
 export { PlayArea } from "./PlayArea.js";
 // Other UI components
 export { GameSkeleton } from "./GameSkeleton.js";
-export { ToastProvider, useToast, } from "./Toast.js";
+export { Toast, ToastActions, ToastProvider, } from "./Toast.js";
 export { ErrorBoundary } from "./ErrorBoundary.js";
 export { PluginRuntime } from "./PluginRuntime.js";
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from "./Drawer.js";
 export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from "../internal/ui/dialog.js";
 // Game UI primitives (SDK v0.1.0+)
-export { ResourceCounter, } from "./ResourceCounter.js";
+export { ResourceCounter, ResourceCounterCount, ResourceCounterIcon, ResourceCounterItem, ResourceCounterLabel, ResourceCounterRoot, createResourceCounter, } from "./ResourceCounter.js";
 export { CostDisplay, } from "./CostDisplay.js";
 export { ActionButton } from "./ActionButton.js";
 export { PrimaryButton } from "./PrimaryButton.js";
 export { ThemedButton } from "./ThemedButton.js";
 export { PrimaryActionButton, } from "./PrimaryActionButton.js";
-export { InteractionForm, InteractionField, defaultFormInputs, hasDefaultInteractionFormFields, } from "./InteractionForm.js";
+export { InteractionForm, defaultFormInputs, hasDefaultInteractionFormFields, } from "./InteractionForm.js";
 export { ActionPanel, ActionGroup, } from "./ActionPanel.js";
 export { MoreActions } from "./MoreActions.js";
 export { DiceRoller } from "./DiceRoller.js";
 export { PhaseIndicator } from "./PhaseIndicator.js";
 export { GameEndDisplay, } from "./GameEndDisplay.js";
-export { PromptDialogHost, } from "./PromptDialogHost.js";
 // Board primitives (SDK v0.2.0+)
 export { NetworkGraph, DefaultNetworkNode, DefaultNetworkEdge, DefaultNetworkPiece, } from "./board/NetworkGraph.js";
 export { ZoneMap, DefaultZone, DefaultZonePieces, DefaultZonePiece, } from "./board/ZoneMap.js";

package/dist/components/surfaces/InboxSurface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxSurface.d.ts","sourceRoot":"","sources":["../../../src/components/surfaces/InboxSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AAKrC,OAAO,KAAK,EACV,0BAA0B,EAC1B,2BAA2B,EAC3B,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,iBAAiB,CAChC,CAAC,SAAS,MAAM,GAAG,KAAK,EACxB,WAAW,SAAS,OAAO,CAAC,2BAA2B,CAAC,GAAG,EAAE;IAE7D;;;;;OAKG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAC1C;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CACX,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC,EACpC,MAAM,EAAE,iBAAiB,CACvB,mBAAmB,CAAC,WAAW,EAAE,CAAC,CAAC,EACnC,0BAA0B,CAAC,WAAW,EAAE,CAAC,CAAC,CAC3C,KACE,SAAS,CAAC;IACf,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gFAAgF;IAChF,sBAAsB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5C;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAC1B,CAAC,SAAS,MAAM,GAAG,KAAK,EACxB,WAAW,SAAS,OAAO,CAAC,2BAA2B,CAAC,GAAG,EAAE,EAC7D,EACA,MAAM,EACN,UAAU,EACV,KAAY,EACZ,sBAAsB,GACvB,EAAE,iBAAiB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA4BnC"}
+{"version":3,"file":"InboxSurface.d.ts","sourceRoot":"","sources":["../../../src/components/surfaces/InboxSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AAMrC,OAAO,KAAK,EACV,0BAA0B,EAC1B,2BAA2B,EAC3B,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,iBAAiB,CAChC,CAAC,SAAS,MAAM,GAAG,KAAK,EACxB,WAAW,SAAS,OAAO,CAAC,2BAA2B,CAAC,GAAG,EAAE;IAE7D;;;;;OAKG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAC1C;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CACX,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC,EACpC,MAAM,EAAE,iBAAiB,CACvB,mBAAmB,CAAC,WAAW,EAAE,CAAC,CAAC,EACnC,0BAA0B,CAAC,WAAW,EAAE,CAAC,CAAC,CAC3C,KACE,SAAS,CAAC;IACf,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gFAAgF;IAChF,sBAAsB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5C;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAC1B,CAAC,SAAS,MAAM,GAAG,KAAK,EACxB,WAAW,SAAS,OAAO,CAAC,2BAA2B,CAAC,GAAG,EAAE,EAC7D,EACA,MAAM,EACN,UAAU,EACV,KAAY,EACZ,sBAAsB,GACvB,EAAE,iBAAiB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA4BnC"}

package/dist/components/surfaces/InboxSurface.js

@@ -6,6 +6,7 @@ import { surfaceStyle } from "../../theme/derive.js";
 import { useTheme } from "../../theme/ThemeProvider.js";
 import { interactionInputKeys } from "../../utils/interaction-inputs.js";
 import { interactionLabel } from "../../utils/interaction-labels.js";
+import { submitInteractionParams } from "../../primitives/interaction-submit.js";
 import { DefaultInteractionButton } from "./internal/DefaultInteractionButton.js";
 import { ThemedButton } from "../ThemedButton.js";
 /**
@@ -84,12 +85,7 @@ function PromptOptionsCard({ descriptor, handle, options, }) {
                                 return;
                             setPendingOptionId(option.id);
                             try {
-                                await handle.submit({ [inputKey]: option.id });
-                            }
-                            catch {
-                                // Submission errors flow through the runtime's
-                                // notification channel; we swallow here so the option
-                                // buttons re-enable on failure.
+                                await submitInteractionParams(handle, { [inputKey]: option.id }, {}, { unhandledError: "ignore" });
                             }
                             finally {
                                 setPendingOptionId(null);

package/dist/components/surfaces/PlayerCardsSurface.js

@@ -6,7 +6,7 @@ import { Card } from "../Card.js";
 import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from "../Drawer.js";
 import { Hand } from "../Hand.js";
 import { useCardZoneInteractions, } from "./internal/useCardZoneInteractions.js";
-import { CardZoneFollowUpForm } from "./internal/CardZoneFollowUpForm.js";
+import { CardZoneRoutedForm } from "./internal/CardZoneRoutedForm.js";
 export function definePlayerCardsSurface(config) {
     return config;
 }
@@ -174,5 +174,5 @@ function PlayerCardsFan({ node, zone, surfaceRenderCardContent, }) {
                                     return renderCardContent(card, renderCtx);
                                 }
                                 : undefined }) }, props.card.id));
-                } }), zone.followUp ? (_jsx(Fragment, { children: _jsx(CardZoneFollowUpForm, { descriptor: zone.followUp, onDone: () => zone.setFollowUp(null) }, zone.followUp.interactionKey) })) : null] }));
+                } }), zone.routedInteraction ? (_jsx(Fragment, { children: _jsx(CardZoneRoutedForm, { descriptor: zone.routedInteraction, onDone: () => zone.setRoutedInteraction(null) }, zone.routedInteraction.interactionKey) })) : null] }));
 }

package/dist/components/surfaces/internal/CardZoneRoutedForm.d.ts

@@ -0,0 +1,7 @@
+import type { InteractionDescriptor } from "../../../types/plugin-state.js";
+import type { InteractionParamsByKeyShape } from "../types.js";
+export declare function CardZoneRoutedForm<I extends string, ParamsByKey extends Partial<InteractionParamsByKeyShape> = {}>({ descriptor, onDone, }: {
+    descriptor: InteractionDescriptor<I>;
+    onDone: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CardZoneRoutedForm.d.ts.map

package/dist/components/surfaces/internal/CardZoneRoutedForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardZoneRoutedForm.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/internal/CardZoneRoutedForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAEV,2BAA2B,EAE5B,MAAM,aAAa,CAAC;AAErB,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,MAAM,EAChB,WAAW,SAAS,OAAO,CAAC,2BAA2B,CAAC,GAAG,EAAE,EAC7D,EACA,UAAU,EACV,MAAM,GACP,EAAE;IACD,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,2CAgBA"}

package/dist/components/surfaces/internal/CardZoneRoutedForm.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InteractionForm } from "../../InteractionForm.js";
+import { useInteractionHandle } from "../../../hooks/useInteractionHandle.js";
+export function CardZoneRoutedForm({ descriptor, onDone, }) {
+    const handle = useInteractionHandle(descriptor);
+    return (_jsx(InteractionForm, { descriptor: descriptor, handle: handle, hiddenFields: [
+            "cardId",
+        ], onCancel: onDone, onSubmitSuccess: onDone }));
+}

package/dist/components/surfaces/internal/DefaultInteractionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultInteractionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/internal/DefaultInteractionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAQ5E,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,6BAA6B,CAC5C,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAClC,gEAAgE;IAChE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,EAC9D,EACA,UAAU,EACV,MAAM,EACN,OAAO,EAAE,eAAe,EACxB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,aAAa,EACb,KAAK,EACL,eAAuB,EACvB,iBAAiB,EAAE,SAAS,GAC7B,EAAE,6BAA6B,CAAC,MAAM,CAAC,2CA8GvC"}
+{"version":3,"file":"DefaultInteractionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/internal/DefaultInteractionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAY5E,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,6BAA6B,CAC5C,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAClC,gEAAgE;IAChE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,EAC9D,EACA,UAAU,EACV,MAAM,EACN,OAAO,EAAE,eAAe,EACxB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,aAAa,EACb,KAAK,EACL,eAAuB,EACvB,iBAAiB,EAAE,SAAS,GAC7B,EAAE,6BAA6B,CAAC,MAAM,CAAC,2CAoHvC"}