@dreamboard-games/ui-sdk 0.0.43 → 0.0.45

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAI1E,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAChE,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAenB"}
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAK1E,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAChE,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAenB"}

package/dist/components/ActionButton.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { submitInteraction } from "../primitives/interaction-submit.js";
 import { interactionLabel } from "../utils/interaction-labels.js";
 import { ThemedButton } from "./ThemedButton.js";
 export function ActionButton({ handle, children, disabled, title, ...rest }) {
     return (_jsx(ThemedButton, { type: "button", variant: "secondary", disabled: disabled || !handle.available, title: title ?? formatUnavailableReason(handle.unavailableReason), onClick: () => {
-            void handle.submit();
+            void submitInteraction(handle);
         }, ...rest, children: children ?? interactionLabel(handle.descriptor) }));
 }
 function formatUnavailableReason(reason) {

package/dist/components/Card.d.ts

@@ -15,7 +15,7 @@ export interface CardProps<CardData extends ViewCard = ViewCard> extends Omit<HT
     size?: "sm" | "md" | "lg";
     faceDown?: boolean;
     renderContent?: (card: CardData) => React.ReactNode;
-    onCardClick?: (cardId: string) => void;
+    onCardClick?: (cardId: CardData["id"]) => void;
     "aria-label"?: string;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,CAC7D,SAAQ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACnD,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyLD;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,EACzD,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,IAAW,EACX,QAAgB,EAChB,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,WAAW,EACf,EAAE,SAAS,CAAC,QAAQ,CAAC,2CA2JrB;AAED,YAAY,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,CAC7D,SAAQ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACnD,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyLD;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,EACzD,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,IAAW,EACX,QAAgB,EAChB,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,WAAW,EACf,EAAE,SAAS,CAAC,QAAQ,CAAC,2CA2JrB;AAED,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/DiceRoller.d.ts

@@ -1,7 +1,8 @@
 import { type ReactNode } from "react";
 import type { InteractionHandle, InteractionParamsShape } from "../hooks/useInteractionHandle.js";
+import { type DiceValue } from "../primitives/index.js";
 export interface DiceRollerRenderProps {
-    values: Array<number | undefined> | undefined;
+    values: ReadonlyArray<number | undefined> | undefined;
     /** Undefined if any die hasn't been rolled */
     sum: number | undefined;
     diceCount: number;
@@ -18,7 +19,7 @@ export interface DiceRollerRollAction<Params extends InteractionParamsShape = In
     revealHoldMs?: number;
 }
 export interface DiceRollerProps<Params extends InteractionParamsShape = InteractionParamsShape> {
-    values?: Array<number | undefined>;
+    values?: readonly DiceValue[] | null;
     /** Used when values not provided */
     diceCount?: number;
     render?: (props: DiceRollerRenderProps) => ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"DiceRoller.d.ts","sourceRoot":"","sources":["../../src/components/DiceRoller.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,kCAAkC,CAAC;AAI1C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAC9C,8CAA8C;IAC9C,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB,CACnC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D,2EAA2E;IAC3E,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe,CAC9B,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;IACrD,0EAA0E;IAC1E,UAAU,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,UAAU,CACxB,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,EAC9D,EACA,MAAM,EACN,SAAa,EACb,MAAM,EACN,UAAU,EACV,SAAS,GACV,EAAE,eAAe,CAAC,MAAM,CAAC,2CAuCzB"}
+{"version":3,"file":"DiceRoller.d.ts","sourceRoot":"","sources":["../../src/components/DiceRoller.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI5E,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IACtD,8CAA8C;IAC9C,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB,CACnC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D,2EAA2E;IAC3E,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe,CAC9B,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D,MAAM,CAAC,EAAE,SAAS,SAAS,EAAE,GAAG,IAAI,CAAC;IACrC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;IACrD,0EAA0E;IAC1E,UAAU,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,UAAU,CACxB,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,EAC9D,EACA,MAAM,EACN,SAAa,EACb,MAAM,EACN,UAAU,EACV,SAAS,GACV,EAAE,eAAe,CAAC,MAAM,CAAC,2CA2BzB"}

package/dist/components/DiceRoller.js

@@ -5,25 +5,16 @@ import { useCallback, useEffect, useRef, useState, } from "react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../internal/ui/dialog.js";
 import { surfaceStyle } from "../theme/derive.js";
 import { useTheme, useThemeCssVars } from "../theme/ThemeProvider.js";
+import { normalizeDiceState } from "../primitives/index.js";
 import { interactionLabel } from "../utils/interaction-labels.js";
 import { ThemedButton } from "./ThemedButton.js";
 const DEFAULT_MIN_SPIN_MS = 1200;
 const DEFAULT_REVEAL_HOLD_MS = 1400;
 const FACE_SEQUENCE = [1, 2, 3, 4, 5, 6];
 export function DiceRoller({ values, diceCount = 2, render, rollAction, className, }) {
-    const allRolled = values?.every((v) => v !== null && v !== undefined) ?? false;
-    const sum = allRolled
-        ? values?.reduce((a, b) => (a ?? 0) + (b ?? 0), 0)
-        : undefined;
-    const displayCount = values?.length ?? diceCount;
-    const renderProps = {
-        values,
-        sum,
-        diceCount: displayCount,
-        allRolled,
-    };
-    return (_jsxs("div", { className: clsx("flex flex-col items-center gap-4", className), role: "region", "aria-label": "Dice roller", children: [render ? render(renderProps) : _jsx(DefaultDiceReadout, { ...renderProps }), rollAction ? (_jsx(DiceRollDialog, { action: rollAction, values: values, diceCount: displayCount })) : null, _jsx("div", { className: "sr-only", "aria-live": "polite", children: allRolled && values
-                    ? `Rolled ${values.join(", ")}. Total: ${sum}`
+    const renderProps = normalizeDiceState({ values, count: diceCount });
+    return (_jsxs("div", { className: clsx("flex flex-col items-center gap-4", className), role: "region", "aria-label": "Dice roller", children: [render ? render(renderProps) : _jsx(DefaultDiceReadout, { ...renderProps }), rollAction ? (_jsx(DiceRollDialog, { action: rollAction, values: renderProps.values, diceCount: renderProps.diceCount })) : null, _jsx("div", { className: "sr-only", "aria-live": "polite", children: renderProps.allRolled && renderProps.values
+                    ? `Rolled ${renderProps.values.join(", ")}. Total: ${renderProps.sum}`
                     : "Dice not rolled yet" })] }));
 }
 function DefaultDiceReadout({ values, sum, diceCount, allRolled, }) {

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC1D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAC1C,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAM3D,WAAW,QAAO,IAAI,CAEpB;IAEF,MAAM,IAAI,SAAS;CAgBpB"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,SAAS,EAET,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC1D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAC1C,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAM3D,WAAW,QAAO,IAAI,CAEpB;IAEF,MAAM,IAAI,SAAS;CAgBpB"}

package/dist/components/ErrorBoundary.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  *
  * Catches React errors and displays a fallback UI
  */
-import { Component } from "react";
+import { Component, } from "react";
 import { AlertTriangle, RefreshCw } from "lucide-react";
 export class ErrorBoundary extends Component {
     constructor(props) {
@@ -33,5 +33,97 @@ export class ErrorBoundary extends Component {
     }
 }
 function DefaultErrorFallback({ error, onReset, }) {
-    return (_jsx("div", { className: "min-h-screen flex items-center justify-center p-4 sm:p-8 bg-gradient-to-br from-red-50 to-orange-50", role: "alert", "aria-live": "assertive", children: _jsxs("div", { className: "max-w-md w-full bg-white rounded-2xl shadow-xl p-6 sm:p-8", children: [_jsx("div", { className: "flex items-center justify-center w-16 h-16 mx-auto mb-4 bg-red-100 rounded-full", children: _jsx(AlertTriangle, { size: 32, className: "text-red-600", "aria-hidden": "true" }) }), _jsx("h1", { className: "text-xl sm:text-2xl font-bold text-center text-slate-900 mb-2", children: "Something went wrong" }), _jsx("p", { className: "text-sm sm:text-base text-slate-600 text-center mb-6", children: "The game encountered an error and couldn't continue. You can try reloading to start fresh." }), _jsxs("details", { className: "mb-6", children: [_jsx("summary", { className: "cursor-pointer text-sm text-slate-500 hover:text-slate-700 mb-2", children: "Technical details" }), _jsxs("pre", { className: "text-xs bg-slate-50 text-slate-700 p-3 rounded-lg overflow-auto max-h-40 border border-slate-200", children: [error.message, error.stack && (_jsxs(_Fragment, { children: ["\n\n", error.stack] }))] })] }), _jsxs("button", { type: "button", onClick: onReset, className: "w-full flex items-center justify-center gap-2 px-4 py-3 bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white font-medium rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2", children: [_jsx(RefreshCw, { size: 18, "aria-hidden": "true" }), "Try again"] })] }) }));
+    const styles = {
+        shell: {
+            alignItems: "center",
+            background: "#fdfbf7",
+            boxSizing: "border-box",
+            color: "#0f172a",
+            display: "flex",
+            justifyContent: "center",
+            minHeight: "100vh",
+            padding: "24px",
+        },
+        panel: {
+            background: "#fff",
+            border: "2px solid #0f172a",
+            borderRadius: "12px",
+            boxShadow: "6px 6px 0 #111827",
+            boxSizing: "border-box",
+            maxWidth: "520px",
+            padding: "28px",
+            width: "100%",
+        },
+        iconWrap: {
+            alignItems: "center",
+            background: "#fee2e2",
+            border: "2px solid #991b1b",
+            borderRadius: "999px",
+            display: "flex",
+            height: "56px",
+            justifyContent: "center",
+            marginBottom: "18px",
+            width: "56px",
+        },
+        eyebrow: {
+            color: "#991b1b",
+            fontSize: "12px",
+            fontWeight: 800,
+            letterSpacing: "0.08em",
+            margin: "0 0 8px",
+            textTransform: "uppercase",
+        },
+        title: {
+            fontSize: "28px",
+            fontWeight: 900,
+            lineHeight: 1.1,
+            margin: "0 0 12px",
+        },
+        body: {
+            color: "#475569",
+            fontSize: "15px",
+            lineHeight: 1.5,
+            margin: "0 0 20px",
+        },
+        details: {
+            marginBottom: "22px",
+        },
+        summary: {
+            color: "#334155",
+            cursor: "pointer",
+            fontSize: "14px",
+            fontWeight: 700,
+            marginBottom: "8px",
+        },
+        pre: {
+            background: "#f8fafc",
+            border: "1px solid #cbd5e1",
+            borderRadius: "8px",
+            color: "#334155",
+            fontSize: "12px",
+            lineHeight: 1.45,
+            margin: 0,
+            maxHeight: "180px",
+            overflow: "auto",
+            padding: "12px",
+            whiteSpace: "pre-wrap",
+        },
+        button: {
+            alignItems: "center",
+            background: "#0f172a",
+            border: "2px solid #0f172a",
+            borderRadius: "8px",
+            boxShadow: "3px 3px 0 #111827",
+            color: "#fff",
+            cursor: "pointer",
+            display: "inline-flex",
+            fontSize: "15px",
+            fontWeight: 800,
+            gap: "8px",
+            justifyContent: "center",
+            padding: "12px 16px",
+            width: "100%",
+        },
+    };
+    return (_jsx("div", { style: styles.shell, role: "alert", "aria-live": "assertive", children: _jsxs("div", { style: styles.panel, children: [_jsx("div", { style: styles.iconWrap, children: _jsx(AlertTriangle, { size: 28, color: "#991b1b", strokeWidth: 2.5, "aria-hidden": "true" }) }), _jsx("p", { style: styles.eyebrow, children: "Runtime error" }), _jsx("h1", { style: styles.title, children: "Game failed to start" }), _jsx("p", { style: styles.body, children: "The game encountered an error and couldn't continue. You can try reloading to start fresh." }), _jsxs("details", { style: styles.details, children: [_jsx("summary", { style: styles.summary, children: "Technical details" }), _jsxs("pre", { style: styles.pre, children: [error.message, error.stack && (_jsxs(_Fragment, { children: ["\n\n", error.stack] }))] })] }), _jsxs("button", { type: "button", onClick: onReset, style: styles.button, children: [_jsx(RefreshCw, { size: 18, "aria-hidden": "true" }), "Try again"] })] }) }));
 }

package/dist/components/InteractionForm.d.ts

@@ -46,5 +46,5 @@ export interface InteractionFormProps<Params extends InteractionParamsShape = In
 export declare function InteractionForm<Params extends InteractionParamsShape = InteractionParamsShape, DefaultedKeys extends keyof Params & string = never>({ descriptor, handle, fields, hiddenFields, renderFields, title, description, submitLabel, cancelLabel, onCancel, onSubmitSuccess, disabled, accordion, defaultOpen, style, }: InteractionFormProps<Params, DefaultedKeys>): import("react/jsx-runtime").JSX.Element;
 export declare function InteractionField<Params extends InteractionParamsShape = InteractionParamsShape, Key extends keyof Params & string = keyof Params & string>({ descriptor, inputKey, handle, errors, missing, disabled, render, }: InteractionFieldProps<Params, Key>): import("react/jsx-runtime").JSX.Element | null;
 export declare function hasDefaultInteractionFormFields(descriptor: Pick<InteractionDescriptor, "inputs">): boolean;
-export declare function defaultFormInputs(descriptor: Pick<InteractionDescriptor, "inputs">): InteractionInputDescriptor[];
+export declare function defaultFormInputs(descriptor: Pick<InteractionDescriptor, "inputs">, values?: Readonly<Record<string, unknown>>): InteractionInputDescriptor[];
 //# sourceMappingURL=InteractionForm.d.ts.map

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

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

package/dist/components/InteractionForm.js

@@ -7,6 +7,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, } from "../internal/u
 import { surfaceStyle } from "../theme/derive.js";
 import { useTheme, useThemeCssVars } from "../theme/ThemeProvider.js";
 import { interactionLabel } from "../utils/interaction-labels.js";
+import { resolveInputDomain, resolveInteractionInputs, } from "../utils/interaction-inputs.js";
 import { useChromeSuppression } from "./ChromeSuppressionContext.js";
 import { ThemedButton } from "./ThemedButton.js";
 const EMPTY_FIELD_ERRORS = [];
@@ -22,13 +23,13 @@ export function InteractionForm({ descriptor, handle, fields, hiddenFields, rend
     const hidden = useMemo(() => new Set(hiddenFields ?? []), [hiddenFields]);
     const visibleInputs = useMemo(() => {
         const allowed = fields ? new Set(fields) : null;
-        return defaultFormInputs(descriptor).filter((input) => {
+        return defaultFormInputs(descriptor, handle.values).filter((input) => {
             const key = input.key;
             if (allowed && !allowed.has(key))
                 return false;
             return !hidden.has(key);
         });
-    }, [descriptor, fields, hidden]);
+    }, [descriptor, fields, hidden, handle.values]);
     const currentValidation = validation;
     const fieldErrors = (currentValidation?.fieldErrors ?? {});
     const missing = new Set(currentValidation?.missing ?? []);
@@ -94,10 +95,10 @@ export function InteractionForm({ descriptor, handle, fields, hiddenFields, rend
         }, children: visibleInputs.map((input) => {
             const key = input.key;
             return (_jsx(InteractionField, { descriptor: descriptor, inputKey: key, handle: handle, errors: fieldErrors[key] ?? [], missing: missing.has(key), disabled: isDisabled, render: renderFields?.[key] }, input.key));
-        }) })) : (_jsx("span", { style: {
-            fontSize: theme.typography.fontSize.sm,
-            color: theme.semantic.text.muted,
-        }, children: "No visible fields are required. Board or card selection may complete this interaction." }));
+        }) })) : null;
+    if (visibleInputs.length === 0 && !handle.isReady) {
+        throw new Error(`InteractionForm '${descriptor.interactionKey}' has required inputs that cannot be rendered by the default form. Provide renderFields, select on a surface, or use a default-renderable input domain.`);
+    }
     const formErrorContent = formErrors.length > 0 ? (_jsx("div", { role: "alert", style: {
             display: "flex",
             flexDirection: "column",
@@ -140,7 +141,7 @@ export function InteractionField({ descriptor, inputKey, handle, errors = EMPTY_
     const input = descriptor.inputs.find((candidate) => candidate.key === inputKey);
     if (!input)
         return null;
-    const typedInput = input;
+    const typedInput = resolveInputDomain(input, handle.values);
     const value = handle.values[inputKey];
     const props = {
         descriptor,
@@ -160,8 +161,8 @@ export function InteractionField({ descriptor, inputKey, handle, errors = EMPTY_
 export function hasDefaultInteractionFormFields(descriptor) {
     return defaultFormInputs(descriptor).length > 0;
 }
-export function defaultFormInputs(descriptor) {
-    return descriptor.inputs.filter((input) => {
+export function defaultFormInputs(descriptor, values = {}) {
+    return resolveInteractionInputs(descriptor, values).filter((input) => {
         switch (input.domain.type) {
             case "choice":
             case "choiceList":
@@ -252,12 +253,24 @@ function ChoiceDescription({ choice }) {
             fontSize: theme.typography.fontSize.xs,
         }, children: message }));
 }
+const NULL_CHOICE_SELECT_VALUE = "__dreamboard_null_choice__";
+function choiceRenderKey(choice) {
+    return choice.value === null ? NULL_CHOICE_SELECT_VALUE : choice.value;
+}
+function encodeChoiceSelectValue(value) {
+    if (value === null)
+        return NULL_CHOICE_SELECT_VALUE;
+    return typeof value === "string" ? value : undefined;
+}
+function decodeChoiceSelectValue(value) {
+    return value === NULL_CHOICE_SELECT_VALUE ? null : value;
+}
 function ChoiceField({ input, value, setValue, errors, missing, disabled, domain, }) {
     const theme = useTheme();
     const themeCssVars = useThemeCssVars();
     const choices = domain.choices ?? [];
     const controlId = useId();
-    const selectedChoice = typeof value === "string"
+    const selectedChoice = typeof value === "string" || value === null
         ? choices.find((choice) => choice.value === value)
         : undefined;
     if (choices.length > 0 && choices.length <= 3) {
@@ -267,13 +280,13 @@ function ChoiceField({ input, value, setValue, errors, missing, disabled, domain
                     gap: theme.space[1],
                 }, children: choices.map((choice) => {
                     const selected = value === choice.value;
-                    return (_jsx(ThemedButton, { type: "button", variant: selected ? "primary" : "secondary", size: "sm", disabled: disabled || choice.disabled, "aria-pressed": selected, title: choice.disabledReason ?? choice.description, onClick: () => setValue(choice.value), className: "h-8 px-3 text-sm", children: _jsx(ChoiceOptionLabel, { choice: choice }) }, choice.value));
+                    return (_jsx(ThemedButton, { type: "button", variant: selected ? "primary" : "secondary", size: "sm", disabled: disabled || choice.disabled, "aria-pressed": selected, title: choice.disabledReason ?? choice.description, onClick: () => setValue(choice.value), className: "h-8 px-3 text-sm", children: _jsx(ChoiceOptionLabel, { choice: choice }) }, choiceRenderKey(choice)));
                 }) }) }));
     }
-    return (_jsxs(FieldFrame, { label: labelForInput(input), controlId: controlId, errors: errors, missing: missing, children: [_jsxs(Select, { disabled: disabled, value: typeof value === "string" ? value : undefined, onValueChange: (next) => setValue(next), children: [_jsx(SelectTrigger, { id: controlId, size: "sm", className: "w-full bg-white", children: _jsx("span", { "data-slot": "select-value", children: selectedChoice ? (_jsx(ChoiceOptionLabel, { choice: selectedChoice })) : (_jsx("span", { style: { color: theme.semantic.text.muted }, children: "Choose..." })) }) }), _jsx(SelectContent, { style: {
+    return (_jsxs(FieldFrame, { label: labelForInput(input), controlId: controlId, errors: errors, missing: missing, children: [_jsxs(Select, { disabled: disabled, value: encodeChoiceSelectValue(value), onValueChange: (next) => setValue(decodeChoiceSelectValue(next)), children: [_jsx(SelectTrigger, { id: controlId, size: "sm", className: "w-full bg-white", children: _jsx("span", { "data-slot": "select-value", children: selectedChoice ? (_jsx(ChoiceOptionLabel, { choice: selectedChoice })) : (_jsx("span", { style: { color: theme.semantic.text.muted }, children: "Choose..." })) }) }), _jsx(SelectContent, { style: {
                             ...themeCssVars,
                             fontFamily: theme.typography.fontFamily.body,
-                        }, children: choices.map((choice) => (_jsx(SelectItem, { value: choice.value, textValue: choice.label, disabled: choice.disabled, children: _jsx(ChoiceOptionLabel, { choice: choice }) }, choice.value))) })] }), _jsx(ChoiceDescription, { choice: selectedChoice })] }));
+                        }, children: choices.map((choice) => (_jsx(SelectItem, { value: choiceRenderKey(choice), textValue: choice.label, disabled: choice.disabled, children: _jsx(ChoiceOptionLabel, { choice: choice }) }, choiceRenderKey(choice)))) })] }), _jsx(ChoiceDescription, { choice: selectedChoice })] }));
 }
 function ChoiceListField({ input, value, setValue, errors, missing, disabled, domain, }) {
     const theme = useTheme();
@@ -300,10 +313,11 @@ function ChoiceListField({ input, value, setValue, errors, missing, disabled, do
                 justifyContent: "space-between",
                 gap: theme.space[2],
             }, children: [_jsx("span", { children: labelForInput(input) }), meta ? (_jsx("span", { style: { color: theme.semantic.text.muted }, children: meta })) : null] }), errors: errors, missing: missing, children: _jsx("span", { style: { display: "flex", flexWrap: "wrap", gap: theme.space[1] }, children: (domain.choices ?? []).map((choice) => {
-                const checked = selected.has(choice.value);
+                const value = choice.value;
+                const checked = selected.has(value);
                 return (_jsx(ThemedButton, { type: "button", variant: checked ? "primary" : "secondary", size: "sm", disabled: disabled ||
                         choice.disabled ||
-                        (!checked && selected.size >= max), "aria-pressed": checked, title: choice.disabledReason ?? choice.description, onClick: () => toggle(choice.value), className: "h-8 px-3 text-sm", children: _jsx(ChoiceOptionLabel, { choice: choice }) }, choice.value));
+                        (!checked && selected.size >= max), "aria-pressed": checked, title: choice.disabledReason ?? choice.description, onClick: () => toggle(value), className: "h-8 px-3 text-sm", children: _jsx(ChoiceOptionLabel, { choice: choice }) }, value));
             }) }) }));
 }
 function ResourceMapField({ input, value, setValue, errors, missing, disabled, domain, }) {

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

@@ -1 +1 @@
-{"version":3,"file":"PrimaryActionButton.d.ts","sourceRoot":"","sources":["../../src/components/PrimaryActionButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,kCAAkC,CAAC;AAG1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAE7F,oDAAoD;AACpD,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/D,MAAM,WAAW,wBAAwB,CACvC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D;;;;;OAKG;IACH,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,EAC9D,EACA,MAAM,EACN,OAAmB,EACnB,IAAW,EACX,KAAK,EACL,KAAY,EACZ,aAAa,EACb,IAAI,EACJ,MAAM,EACN,SAAkB,EAClB,KAAK,EACL,SAAS,GACV,EAAE,wBAAwB,CAAC,MAAM,CAAC,2CA+KlC"}
+{"version":3,"file":"PrimaryActionButton.d.ts","sourceRoot":"","sources":["../../src/components/PrimaryActionButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,kCAAkC,CAAC;AAO1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAE7F,oDAAoD;AACpD,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/D,MAAM,WAAW,wBAAwB,CACvC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D;;;;;OAKG;IACH,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,EAC9D,EACA,MAAM,EACN,OAAmB,EACnB,IAAW,EACX,KAAK,EACL,KAAY,EACZ,aAAa,EACb,IAAI,EACJ,MAAM,EACN,SAAkB,EAClB,KAAK,EACL,SAAS,GACV,EAAE,wBAAwB,CAAC,MAAM,CAAC,2CAyLlC"}

package/dist/components/PrimaryActionButton.js

@@ -36,6 +36,7 @@ import { motion } from "framer-motion";
 import { useTheme } from "../theme/ThemeProvider.js";
 import { intentForVariant, } from "../theme/derive.js";
 import { interactionLabel } from "../utils/interaction-labels.js";
+import { submitInteractionDraft, submitInteractionParams, } from "../primitives/interaction-submit.js";
 import { ThemedButton } from "./ThemedButton.js";
 /**
  * @see PrimaryActionButtonProps
@@ -128,16 +129,16 @@ export function PrimaryActionButton({ handle, variant = "primary", size = "lg",
                     setPending(true);
                     try {
                         if (params !== undefined) {
-                            await handle.submit(params);
+                            await submitInteractionParams(handle, params, {}, {
+                                unhandledError: "ignore",
+                            });
                         }
                         else {
-                            await handle.submitDraft();
+                            await submitInteractionDraft(handle, {}, {
+                                unhandledError: "ignore",
+                            });
                         }
                     }
-                    catch {
-                        // Descriptor availability is authoritative; submit errors
-                        // surface via the runtime's error channel.
-                    }
                     finally {
                         setPending(false);
                     }

package/dist/components/ResourceCounter.d.ts

@@ -1,38 +1,72 @@
-/**
- * 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 { type ComponentType, type ReactNode } from "react";
+import { type ComponentType, type HTMLAttributes, type ReactElement, type ReactNode } from "react";
 import type { ResourceId } from "@dreamboard/manifest-contract";
-export interface ResourceDisplayConfig {
-    type: ResourceId;
+import { type PrimitiveCommonProps } from "../primitives/index.js";
+export interface ResourceDisplayConfig<Resource extends string = ResourceId> {
+    type: Resource;
     label: string;
     icon: ReactNode | ComponentType<{
         className?: string;
         strokeWidth?: number;
-        "aria-hidden"?: string;
+        "aria-hidden"?: boolean | "true" | "false";
     }>;
     iconColor?: string;
     bgColor?: string;
     textColor?: string;
 }
-export interface ResourceCounterProps {
-    resources: ResourceDisplayConfig[];
-    counts: Record<ResourceId, number>;
-    layout?: "row" | "grid" | "compact";
-    /** Number of columns for grid layout */
-    columns?: number;
-    showZero?: boolean;
-    size?: "sm" | "md" | "lg";
-    onResourceClick?: (resourceType: ResourceId) => void;
+export interface ResourceCounterItemState<Resource extends string = ResourceId> {
+    type: Resource;
+    label: string;
+    icon: ResourceDisplayConfig<Resource>["icon"];
+    iconColor?: string;
+    bgColor?: string;
+    textColor?: string;
+    count: number;
+    isZero: boolean;
+    interactive: boolean;
+    select: () => void;
+    renderIcon: (props?: ResourceIconProps) => ReactNode;
+    dataAttributes: {
+        "data-resource-id": Resource;
+        "data-resource-count": number;
+        "data-resource-zero": boolean | undefined;
+        "data-interactive": boolean | undefined;
+    };
+}
+export interface ResourceIconProps {
     className?: string;
+    strokeWidth?: number;
+    "aria-hidden"?: boolean | "true" | "false";
+}
+export type ResourceCounterRootProps<Resource extends string = ResourceId> = Omit<PrimitiveCommonProps, "children"> & Omit<HTMLAttributes<HTMLElement>, "children"> & {
+    resources: ReadonlyArray<ResourceDisplayConfig<Resource>>;
+    counts: Partial<Record<Resource, number>>;
+    zero?: "show" | "hide";
+    onResourceClick?: (resourceType: Resource) => void;
+    children: ReactNode;
+};
+export type BoundResourceCounterRootProps<Resource extends string = ResourceId> = Omit<ResourceCounterRootProps<Resource>, "resources">;
+export type ResourceCounterProps<Resource extends string = ResourceId> = ResourceCounterRootProps<Resource>;
+export type ResourceCounterPartProps<Resource extends string = ResourceId> = Omit<PrimitiveCommonProps, "children"> & Omit<HTMLAttributes<HTMLElement>, "children"> & {
+    children?: ReactNode | ((resource: ResourceCounterItemState<Resource>) => ReactNode);
+};
+export declare function ResourceCounterRoot<Resource extends string = ResourceId>({ resources, counts, zero, onResourceClick, children, "aria-label": ariaLabel, ...props }: ResourceCounterRootProps<Resource>): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function ResourceCounterItem<Resource extends string = ResourceId>({ children, onClick, "aria-label": ariaLabel, ...props }: ResourceCounterPartProps<Resource>): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function ResourceCounterIcon<Resource extends string = ResourceId>({ className, strokeWidth, "aria-hidden": ariaHidden, }: ResourceIconProps): ReactNode;
+export declare function ResourceCounterCount<Resource extends string = ResourceId>({ children, ...props }: ResourceCounterPartProps<Resource>): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function ResourceCounterLabel<Resource extends string = ResourceId>({ children, ...props }: ResourceCounterPartProps<Resource>): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface ResourceCounterComponents<Resource extends string = ResourceId> {
+    Root(props: BoundResourceCounterRootProps<Resource>): ReactElement;
+    Item(props: ResourceCounterPartProps<Resource>): ReactElement;
+    Icon(props: ResourceIconProps): ReactNode;
+    Count(props: ResourceCounterPartProps<Resource>): ReactElement;
+    Label(props: ResourceCounterPartProps<Resource>): ReactElement;
 }
-export declare function ResourceCounter({ resources, counts, layout, columns, showZero, size, onResourceClick, className, }: ResourceCounterProps): import("react/jsx-runtime").JSX.Element;
+export declare function createResourceCounter<Resource extends string>(resources: ReadonlyArray<ResourceDisplayConfig<Resource>>): ResourceCounterComponents<Resource>;
+export declare const ResourceCounter: {
+    Root: typeof ResourceCounterRoot;
+    Item: typeof ResourceCounterItem;
+    Icon: typeof ResourceCounterIcon;
+    Count: typeof ResourceCounterCount;
+    Label: typeof ResourceCounterLabel;
+};
 //# sourceMappingURL=ResourceCounter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceCounter.d.ts","sourceRoot":"","sources":["../../src/components/ResourceCounter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAAiB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAahE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EACA,SAAS,GACT,aAAa,CAAC;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC,CAAC;IACP,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,qBAAqB,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,MAAM,EACN,MAAc,EACd,OAAW,EACX,QAAe,EACf,IAAW,EACX,eAAe,EACf,SAAS,GACV,EAAE,oBAAoB,2CAkNtB"}
+{"version":3,"file":"ResourceCounter.d.ts","sourceRoot":"","sources":["../../src/components/ResourceCounter.tsx"],"names":[],"mappings":"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"}