@dreamboard-games/ui-sdk 0.0.41

package/LICENSE

@@ -0,0 +1,89 @@
+# PolyForm Shield License 1.0.0
+
+<https://polyformproject.org/licenses/shield/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree to them as both strict obligations and conditions to all your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the software to do everything you might do with the software that would otherwise infringe the licensor's copyright in it for any permitted purpose.  However, you may only distribute the software according to [Distribution License](#distribution-license) and make changes or new works based on the software according to [Changes and New Works License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license to distribute copies of the software.  Your license to distribute covers distributing the software with changes and new works permitted by [Changes and New Works License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of the software from you also gets a copy of these terms or the URL for them above, as well as copies of any plain-text lines beginning with `Required Notice:` that the licensor provided with the software.  For example:
+
+> Required Notice: Copyright Yoyodyne, Inc. (http://example.com)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to make changes and new works based on the software for any permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that covers patent claims the licensor can license, or becomes able to license, that you would infringe by using the software.
+
+## Noncompete
+
+Any purpose is a permitted purpose, except for providing any product that competes with the software or any product the licensor or any of its affiliates provides using the software.
+
+## Competition
+
+Goods and services compete even when they provide functionality through different kinds of interfaces or for different technical platforms.  Applications can compete with services, libraries with plugins, frameworks with development tools, and so on, even if they're written in different programming languages or for different computer architectures.  Goods and services compete even when provided free of charge.  If you market a product as a practical substitute for the software or another product, it definitely competes.
+
+## New Products
+
+If you are using the software to provide a product that does not compete, but the licensor or any of its affiliates brings your product into competition by providing a new version of the software or another product using the software, you may continue using versions of the software available under these terms beforehand to provide your competing product, but not any later versions.
+
+## Discontinued Products
+
+You may begin using the software to compete with a product or service that the licensor or any of its affiliates has stopped providing, unless the licensor includes a plain-text line beginning with `Licensor Line of Business:` with the software that mentions that line of business.  For example:
+
+> Licensor Line of Business: YoyodyneCMS Content Management System (http://example.com/cms)
+
+## Sales of Business
+
+If the licensor or any of its affiliates sells a line of business developing the software or using the software to provide a product, the buyer can also enforce [Noncompete](#noncompete) for that product.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the law. These terms do not limit them.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of your licenses to anyone else, or prevent the licensor from granting licenses to anyone else.  These terms do not imply any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or contributes to infringement of any patent, your patent license for the software granted under these terms ends immediately. If your company makes such a claim, your patent license ends immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have violated any of these terms, or done anything with the software not covered by your licenses, your licenses can nonetheless continue if you come into full compliance with these terms, and take practical steps to correct past violations, within 32 days of receiving notice.  Otherwise, all your licenses end immediately.
+
+## No Liability
+
+***As far as the law allows, the software comes as is, without any warranty or condition, and the licensor will not be liable to you for any damages arising out of these terms or the use or nature of the software, under any kind of legal claim.***
+
+## Definitions
+
+The **licensor** is the individual or entity offering these terms, and the **software** is the software the licensor makes available under these terms.
+
+A **product** can be a good or service, or a combination of them.
+
+**You** refers to the individual or entity agreeing to these terms.
+
+**Your company** is any legal entity, sole proprietorship, or other kind of organization that you work for, plus all its affiliates.
+
+**Affiliates** means the other organizations than an organization has control over, is under the control of, or is under common control with.
+
+**Control** means ownership of substantially all the assets of an entity, or the power to direct its management and policies by vote, contract, or otherwise.  Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the software under these terms.
+
+**Use** means anything you do with the software requiring one of your licenses.

package/NOTICE

@@ -0,0 +1 @@
+Required Notice: Copyright Dreamboard Games.

package/README.md

@@ -0,0 +1,154 @@
+# @dreamboard/ui-sdk
+
+Reducer-native UI SDK for Dreamboard game workspaces. It provides the runtime,
+headless primitives, visual primitives, default wrappers, and hook escape
+hatches that turn server-authoritative interaction descriptors into playable
+React UIs.
+
+## API Layers
+
+Authored game UIs usually import from two layers:
+
+- `@dreamboard/ui-contract`: generated per workspace. Prefer this for
+  workspace-typed primitives and hooks: `Interaction`, `Prompt`, `PromptInbox`,
+  `Zone`, `Board`, `useGameView`, `useInteractionByKey`,
+  `useBoardInteractions`, and typed ids for inputs, prompt options, zones,
+  cards, phases, and board targets.
+- `@dreamboard/ui-sdk`: framework-owned primitives and escape hatches that are
+  not game-specific, such as `Card`, `HexGrid`, `ResourceCounter`,
+  `ToastProvider`, `GameEndDisplay`, `PluginRuntime`, and low-level hooks.
+
+Optional styled defaults live at `@dreamboard/ui-sdk/defaults`.
+
+Rule of thumb: if TypeScript should know this game's interaction id, input key,
+zone, card id, phase, or board target, import through
+`@dreamboard/ui-contract`.
+
+## Component-First UI
+
+Reducers declare interactions, inputs, prompts, zones, cards, board targets, and
+validation. UI components consume those authoritative facts. Reducers should not
+author visual placement, salience, labels, icons, dialog presentation, or
+surface grouping metadata.
+
+The generated scaffold starts with primitives:
+
+```tsx
+import { PromptInbox } from "@dreamboard/ui-contract";
+
+export default function App() {
+  return (
+    <main>
+      <PromptInbox.Root>
+        <PromptInbox.Empty>No available prompts.</PromptInbox.Empty>
+        <PromptInbox.Items />
+      </PromptInbox.Root>
+    </main>
+  );
+}
+```
+
+Common primitive families:
+
+- `Interaction.Root`, `Interaction.Label`, `Interaction.Input`,
+  `Interaction.CardInput`, `Interaction.Submit`
+- `Prompt.Root`, `Prompt.Title`, `Prompt.Message`, `Prompt.Options`,
+  `Prompt.Option`
+- `PromptInbox.Root`, `PromptInbox.Empty`, `PromptInbox.Items`
+- `Zone.Root`, `Zone.List`, `Zone.Item`
+- `Board` typed ids and generated board helpers
+
+Defaults compose those primitives:
+
+```tsx
+import { DefaultPromptInbox, GameLayout } from "@dreamboard/ui-sdk/defaults";
+
+export default function App() {
+  return (
+    <GameLayout.Root>
+      <GameLayout.Sidebar>
+        <DefaultPromptInbox />
+      </GameLayout.Sidebar>
+    </GameLayout.Root>
+  );
+}
+```
+
+## Hooks
+
+Hooks remain available for custom rendering and framework code:
+
+- `useGameView()` / `useGameSelector(...)`
+- `useSeatInbox()`
+- `useInteractionHandle(descriptor)`
+- `useInteractionByKey(key)`
+- `useBoardInteractions()`
+- `useIsMyTurn()`
+- `usePlayerInfo()` / `useMe()`
+- `usePluginSession()`
+
+Prefer the generated re-exports from `@dreamboard/ui-contract` when the hook is
+parameterized by a workspace interaction, view, zone, or board target. Use hooks
+as escape hatches for SVG/canvas boards, advanced gesture layers, or local draft
+styling; ordinary prompts, actions, card inputs, and zones should be component
+composition.
+
+## Board Rendering
+
+For custom boards, keep reducer-projected eligibility authoritative and route
+clicks through generated `useBoardInteractions()`:
+
+```tsx
+import { useBoardInteractions } from "@dreamboard/ui-contract";
+import { HexGrid } from "@dreamboard/ui-sdk";
+
+function Board() {
+  const board = useBoardInteractions();
+  return (
+    <HexGrid
+      interactiveVertices={board.targetLayers.vertex()}
+      interactiveEdges={board.targetLayers.edge()}
+      interactiveSpaces={board.targetLayers.space()}
+    />
+  );
+}
+```
+
+`useBoardInteractions` merges currently projected target domains and submits the
+best matching descriptor. UI code should not recompute legality.
+
+## Data Model
+
+Reducer-native plugins receive:
+
+- the projected reducer view for the controlling seat
+- current phase and active players
+- `availableInteractions`, the authoritative descriptors for actions and
+  prompts
+- zone snapshots for card and collection rendering
+- lobby, history, notifications, and session metadata
+
+Plugins do not receive raw reducer/table internals. Availability, costs, target
+eligibility, and validation are authoritative on descriptors and runtime
+responses.
+
+## Public Package Boundaries
+
+- `@dreamboard/ui-sdk`: headless runtime behavior, primitives, stable types,
+  visual primitives, and hook escape hatches.
+- `@dreamboard/ui-sdk/defaults`: styled default wrappers over primitives.
+- `@dreamboard/ui-contract`: generated workspace-specific typed aliases and
+  registration.
+
+Deprecated shell/surface helpers are not exported from the public component
+barrel. Existing internal tests may still cover legacy implementation files
+until they are deleted, but authored workspaces should not use them.
+
+## References
+
+- [UI scaffolding policy](../../docs/references/ui-scaffolding-policy.md)
+- [SDK design principles](../../docs/references/sdk-design-principles.md)
+- Published examples:
+  - [Hearts](../../examples/published/hearts)
+  - [Sketchbook](../../examples/published/sketchbook)
+  - [Star Settlers](../../examples/published/star-settlers)

package/dist/components/ActionButton.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Action button bound to an {@link InteractionHandle}. Availability, tooltip
+ * reason, and submission are delegated to the authoritative handle — callers
+ * MUST NOT recompute eligibility or affordability.
+ */
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import type { InteractionHandle } from "../hooks/useInteractionHandle.js";
+export interface ActionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> {
+    handle: InteractionHandle;
+    children?: ReactNode;
+}
+export declare function ActionButton({ handle, children, disabled, title, ...rest }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionButton.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/ActionButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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();
+        }, ...rest, children: children ?? interactionLabel(handle.descriptor) }));
+}
+function formatUnavailableReason(reason) {
+    if (reason === "INSUFFICIENT_RESOURCES") {
+        return "Insufficient resources";
+    }
+    return reason;
+}

package/dist/components/ActionPanel.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Collapsible panel for grouping game actions with state-based visibility.
+ *
+ * Visual styling is sourced entirely from the active {@link useTheme}.
+ * The previous bespoke "wobbly notebook" treatment (`wobbly-border-lg` /
+ * `hard-shadow-lg` / hardcoded `#fff9c4` / `#fdfbf7`) has been retired
+ * in favour of `surfaceStyle` + `chipStyle` so the panel re-skins
+ * uniformly when authors swap themes.
+ */
+import { type ReactNode } from "react";
+export interface ActionPanelProps {
+    title?: string;
+    /** Current game state/phase for context display */
+    state?: string;
+    /** Human-readable state labels */
+    stateLabels?: Record<string, string>;
+    collapsible?: boolean;
+    defaultExpanded?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export declare function ActionPanel({ title, state, stateLabels, collapsible, defaultExpanded, children, className, }: ActionPanelProps): import("react/jsx-runtime").JSX.Element;
+export interface ActionGroupProps {
+    title: string;
+    description?: string;
+    visible?: boolean;
+    /** Highlight style for special phases. Maps directly onto theme intent slots. */
+    variant?: "default" | "warning" | "danger" | "success";
+    children: ReactNode;
+    className?: string;
+}
+export declare function ActionGroup({ title, description, visible, variant, children, className, }: ActionGroupProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ActionPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPanel.d.ts","sourceRoot":"","sources":["../../src/components/ActionPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWxD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAiB,EACjB,KAAK,EACL,WAAW,EACX,WAAkB,EAClB,eAAsB,EACtB,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAuJlB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,OAAc,EACd,OAAmB,EACnB,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,kDAwFlB"}

package/dist/components/ActionPanel.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Collapsible panel for grouping game actions with state-based visibility.
+ *
+ * Visual styling is sourced entirely from the active {@link useTheme}.
+ * The previous bespoke "wobbly notebook" treatment (`wobbly-border-lg` /
+ * `hard-shadow-lg` / hardcoded `#fff9c4` / `#fdfbf7`) has been retired
+ * in favour of `surfaceStyle` + `chipStyle` so the panel re-skins
+ * uniformly when authors swap themes.
+ */
+import { useId, useState } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { ChevronUp } from "lucide-react";
+import { useTheme } from "../theme/ThemeProvider.js";
+import { chipStyle, intentForVariant, surfaceStyle, } from "../theme/derive.js";
+export function ActionPanel({ title = "Actions", state, stateLabels, collapsible = true, defaultExpanded = true, children, className, }) {
+    const theme = useTheme();
+    const reducedMotion = theme.motion.reducedMotion === "true";
+    const contentId = useId();
+    const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+    const [isHovered, setIsHovered] = useState(false);
+    const stateLabel = state
+        ? stateLabels?.[state] || state.replace(/([A-Z])/g, " $1").trim()
+        : undefined;
+    return (_jsxs(motion.div, { initial: reducedMotion ? { opacity: 0 } : { opacity: 0, y: 20 }, animate: reducedMotion ? { opacity: 1 } : { opacity: 1, y: 0 }, className: className, style: {
+            ...surfaceStyle(theme, { tone: "card", radius: "hud" }),
+            boxShadow: theme.elevation.rest,
+            overflow: "hidden",
+        }, role: "region", "aria-label": title, children: [_jsxs("button", { type: "button", onClick: () => collapsible && setIsExpanded(!isExpanded), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), disabled: !collapsible, "aria-expanded": isExpanded, "aria-controls": contentId, style: {
+                    width: "100%",
+                    padding: `${theme.space[3]} ${theme.space[4]}`,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: theme.space[3],
+                    borderBottom: isExpanded
+                        ? `1px dashed ${theme.semantic.border.subtle}`
+                        : "1px solid transparent",
+                    background: collapsible && isHovered
+                        ? theme.semantic.surface.inset
+                        : theme.semantic.surface.hud,
+                    color: theme.semantic.text.primary,
+                    fontFamily: theme.typography.fontFamily.body,
+                    cursor: collapsible ? "pointer" : "default",
+                    transition: `background ${theme.motion.duration.fast} ${theme.motion.easing.out}`,
+                    // Reset native button look.
+                    border: "none",
+                    textAlign: "left",
+                    appearance: "none",
+                }, children: [_jsxs("div", { children: [_jsx("h2", { style: {
+                                    margin: 0,
+                                    fontFamily: theme.typography.fontFamily.display,
+                                    fontSize: theme.typography.fontSize.xl,
+                                    fontWeight: theme.typography.fontWeight.bold,
+                                    color: theme.semantic.text.primary,
+                                    lineHeight: theme.typography.lineHeight.tight,
+                                }, children: title }), stateLabel && (_jsxs("p", { style: {
+                                    margin: 0,
+                                    marginTop: theme.space[1],
+                                    fontSize: theme.typography.fontSize.sm,
+                                    fontWeight: theme.typography.fontWeight.medium,
+                                    color: theme.semantic.text.muted,
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: theme.space[2],
+                                }, children: [_jsx("span", { style: {
+                                            width: 8,
+                                            height: 8,
+                                            borderRadius: theme.radius.pill,
+                                            background: theme.semantic.intent.primary.solid,
+                                            border: `1px solid ${theme.semantic.intent.primary.border}`,
+                                            display: "inline-block",
+                                        } }), "Phase: ", stateLabel] }))] }), collapsible && (_jsx(motion.div, { animate: reducedMotion ? undefined : { rotate: isExpanded ? 0 : 180 }, transition: { duration: 0.2 }, style: {
+                            padding: theme.space[1],
+                            borderRadius: theme.radius.md,
+                            border: `1px solid ${theme.semantic.border.default}`,
+                            background: theme.semantic.surface.card,
+                            color: theme.semantic.text.primary,
+                            display: "inline-flex",
+                        }, children: _jsx(ChevronUp, { size: 20, strokeWidth: 2.5, "aria-hidden": "true", style: { display: "block" } }) }))] }), _jsx(AnimatePresence, { initial: false, children: isExpanded && (_jsx(motion.div, { id: contentId, initial: reducedMotion ? { opacity: 0 } : { height: 0, opacity: 0 }, animate: reducedMotion ? { opacity: 1 } : { height: "auto", opacity: 1 }, exit: reducedMotion ? { opacity: 0 } : { height: 0, opacity: 0 }, transition: { duration: 0.2, ease: "easeInOut" }, style: {
+                        overflow: "hidden",
+                        background: theme.semantic.surface.card,
+                    }, children: _jsx("div", { style: {
+                            padding: theme.space[4],
+                            display: "flex",
+                            flexDirection: "column",
+                            gap: theme.space[6],
+                        }, children: children }) })) })] }));
+}
+const VARIANT_TO_INTENT = {
+    default: null,
+    warning: "warning",
+    danger: "danger",
+    success: "success",
+};
+export function ActionGroup({ title, description, visible = true, variant = "default", children, className, }) {
+    const theme = useTheme();
+    const reducedMotion = theme.motion.reducedMotion === "true";
+    if (!visible)
+        return null;
+    const intentVariant = VARIANT_TO_INTENT[variant];
+    const intent = intentVariant ? intentForVariant(theme, intentVariant) : null;
+    const containerStyle = intent
+        ? {
+            background: intent.soft,
+            color: intent.onSoft,
+            border: `1px solid ${intent.border}`,
+            borderRadius: theme.radius.lg,
+            boxShadow: theme.elevation.rest,
+        }
+        : {
+            background: theme.semantic.surface.card,
+            color: theme.semantic.text.primary,
+            border: `1px solid ${theme.semantic.border.subtle}`,
+            borderRadius: theme.radius.lg,
+            boxShadow: theme.elevation.rest,
+        };
+    return (_jsxs(motion.div, { initial: reducedMotion ? { opacity: 0 } : { opacity: 0, x: -10 }, animate: reducedMotion ? { opacity: 1 } : { opacity: 1, x: 0 }, className: className, style: {
+            position: "relative",
+            padding: theme.space[4],
+            fontFamily: theme.typography.fontFamily.body,
+            ...containerStyle,
+        }, role: "group", "aria-labelledby": `action-group-${title.toLowerCase().replace(/\s+/g, "-")}`, children: [_jsx("span", { style: {
+                    position: "absolute",
+                    top: -10,
+                    left: theme.space[3],
+                    ...chipStyle(theme, { variant: "secondary", size: "sm" }),
+                    background: theme.semantic.surface.card,
+                }, children: "Group" }), _jsx("h3", { id: `action-group-${title.toLowerCase().replace(/\s+/g, "-")}`, style: {
+                    margin: 0,
+                    fontFamily: theme.typography.fontFamily.display,
+                    fontSize: theme.typography.fontSize.lg,
+                    fontWeight: theme.typography.fontWeight.bold,
+                    color: intent?.onSoft ?? theme.semantic.text.primary,
+                    marginBottom: description ? theme.space[2] : theme.space[3],
+                }, children: title }), description && (_jsx("p", { style: {
+                    margin: 0,
+                    marginBottom: theme.space[4],
+                    fontSize: theme.typography.fontSize.sm,
+                    fontWeight: theme.typography.fontWeight.medium,
+                    color: intent?.onSoft ?? theme.semantic.text.muted,
+                    opacity: 0.85,
+                }, children: description })), _jsx("div", { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: theme.space[3],
+                }, children: children })] }));
+}

package/dist/components/Card.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Presentational card component. Feed from reducer views, not runtime state.
+ *
+ * Visual styling is sourced entirely from the active {@link useTheme}
+ * — there are no hardcoded colors, borders, or shadows in this file.
+ * Authors who need a different look should mount a different
+ * {@link ThemeProvider} rather than re-implementing the card primitive.
+ */
+import { type HTMLMotionProps } from "framer-motion";
+import type { ViewCard } from "@dreamboard/sdk-types";
+export interface CardProps<CardData extends ViewCard = ViewCard> extends Omit<HTMLMotionProps<"button">, "children"> {
+    card: CardData;
+    selected?: boolean;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    faceDown?: boolean;
+    renderContent?: (card: CardData) => React.ReactNode;
+    onCardClick?: (cardId: string) => void;
+    "aria-label"?: string;
+}
+/**
+ * @example
+ * ```tsx
+ * <Card card={card} onCardClick={(id) => console.log(id)} />
+ * ```
+ */
+export declare function Card<CardData extends ViewCard = ViewCard>({ card, selected, disabled, size, faceDown, renderContent, onCardClick, className, "aria-label": ariaLabel, ...motionProps }: CardProps<CardData>): import("react/jsx-runtime").JSX.Element;
+export type { ViewCard };
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +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"}