{ "name": "aicanvas", "generatedAt": "2026-11-10T14:39:19.298Z", "componentCount": 130, "props": { "3d-gem-pricing-section": [ { "table": "PricingTier", "props": [ { "name": "name", "type": "string", "optional": false, "default": "", "description": "Plan name shown as the card heading." }, { "name": "pro", "type": "boolean", "optional": false, "default": "", "description": "Whether this is the highlighted/hero plan." }, { "name": "monthly", "type": "string", "optional": false, "default": "", "description": "Price shown when billed monthly (e.g. \"$19\")." }, { "name": "yearly", "type": "string", "optional": false, "default": "", "description": "Price shown when billed yearly (e.g. \"$15\")." }, { "name": "suffix", "type": "string", "optional": false, "default": "", "description": "Text after the price (e.g. \"/month\"); empty for a custom-quote plan." }, { "name": "cta", "type": "string", "optional": false, "default": "", "description": "Call-to-action button label." }, { "name": "intro", "type": "string", "optional": false, "default": "", "description": "Line introducing the checklist (e.g. \"What's included:\")." }, { "name": "features", "type": "string[]", "optional": false, "default": "", "description": "Checklist rows shown under the CTA." }, { "name": "seats", "type": "string", "optional": false, "default": "", "description": "Footer band left stat (e.g. \"5 Team Seats\")." }, { "name": "storage", "type": "string", "optional": false, "default": "", "description": "Footer band right stat (e.g. \"10 GB\")." } ] }, { "table": "GemPricingSection", "props": [ { "name": "tiers", "type": "PricingTier[]", "optional": true, "default": "DEFAULT_TIERS", "description": "The three plans shown left to right. Exactly one should have `pro: true`; the gem accessory and shape order pair by position (1st/2nd/3rd), so custom tiers keep the same three-plan shape." }, { "name": "onSelectPlan", "type": "(tierName: string) => void", "optional": true, "default": "", "description": "Called with the plan name when a CTA button is clicked." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Extra classes merged onto the outermost root element." } ] } ], "3d-product-card": [ { "table": "Product3DCard", "props": [ { "name": "tag", "type": "string", "optional": true, "default": "'NEW'", "description": "Corner badge label shown on the card." }, { "name": "brand", "type": "string", "optional": true, "default": "'NORDHAUS'", "description": "Brand line above the product name." }, { "name": "name", "type": "string", "optional": true, "default": "'Lyra Lounge Chair'", "description": "Product name heading." }, { "name": "price", "type": "string", "optional": true, "default": "'$420'", "description": "Price label shown beside the name." }, { "name": "model", "type": "string", "optional": true, "default": "", "description": "Same-origin or CORS-enabled GLB URL; defaults to Khronos \"Sheen Chair\" from glTF-Sample-Assets (CC0)." }, { "name": "finishes", "type": "{name: string, hex: string}[]", "optional": true, "default": "DEFAULT_FINISHES", "description": "Finish swatches; each tints the dominant material, first is shown at rest." }, { "name": "onAddToCart", "type": "() => void", "optional": true, "default": "", "description": "Called when the Add to cart button is pressed." }, { "name": "onWishlistToggle", "type": "(wished: boolean) => void", "optional": true, "default": "", "description": "Called with the next wishlist state when the heart is toggled." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Extra classes merged onto the outermost root element." } ] } ], "agent-checkpoint": [ { "table": "CheckpointQuestion", "props": [ { "name": "prompt", "type": "string", "optional": false, "default": "", "description": "The question shown in 14px 600." }, { "name": "options", "type": "string[]", "optional": false, "default": "", "description": "Up to three option chips; keys 1 to 3 pick them." }, { "name": "allowCustom", "type": "boolean", "optional": true, "default": "true", "description": "Adds a \"Something else\" chip that reveals a text input." } ] }, { "table": "AgentCheckpoint", "props": [ { "name": "mode", "type": "'question'|'command'|'plan'", "optional": true, "default": "", "description": "Which decision the card asks for. Left out, it follows the data: questions, then steps, else command. With no data props at all the card plays its demo, with a mode switch above it." }, { "name": "title", "type": "string", "optional": true, "default": "", "description": "Header title next to the fingerprint mark." }, { "name": "questions", "type": "CheckpointQuestion[]", "optional": true, "default": "", "description": "Questions asked one at a time in question mode." }, { "name": "command", "type": "string", "optional": true, "default": "", "description": "Shell command shown in command mode; editable inline, the edited text is what gets approved. A new value starts a new request." }, { "name": "cwd", "type": "string", "optional": true, "default": "", "description": "Working directory shown on the first line of the command box." }, { "name": "risk", "type": "'read'|'writes'|'destructive'", "optional": true, "default": "", "description": "Risk grade chip; destructive turns the approve button red and requires two presses." }, { "name": "why", "type": "string", "optional": true, "default": "", "description": "One-sentence reason shown under the command." }, { "name": "steps", "type": "string[]", "optional": true, "default": "", "description": "Plan steps; each can be struck out before confirming." }, { "name": "autoApproveSeconds", "type": "number", "optional": true, "default": "", "description": "Draws a ring around the approve button that approves with reason 'timeout' when it completes; pauses while the card is hovered or focused. Left out or 0, nothing auto-approves; ignored when risk is destructive." }, { "name": "labels", "type": "{approve?: string, reject?: string}", "optional": true, "default": "", "description": "Overrides the approve and reject button labels in every mode." }, { "name": "onApprove", "type": "(payload: CheckpointPayload & {reason: 'user'|'timeout'}) => void", "optional": true, "default": "", "description": "Receives exactly what the user agreed to: the edited command, the kept steps, or the answers." }, { "name": "onReject", "type": "(reason: 'user'|'skip') => void", "optional": true, "default": "", "description": "Called on reject (or skip in question mode). Passing onApprove, onReject or onUndo disables the demo auto-reset and demo auto-approve." }, { "name": "onUndo", "type": "() => void", "optional": true, "default": "", "description": "Called when the user undoes a decision. Left out in host use, no Undo is offered." }, { "name": "requestId", "type": "string", "optional": true, "default": "", "description": "Give each ask its own id; a new id reopens a decided card even when the text is identical." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Extra classes merged onto the outermost root element." }, { "name": "tuning", "type": "Partial", "optional": true, "default": "", "description": "Overrides any number in CHECKPOINT_TUNING (timings, sizes, springs); keys left out keep their defaults." } ] } ], "agent-composer": [ { "table": "CommandItem", "props": [ { "name": "id", "type": "string", "optional": false, "default": "", "description": "Stable command identifier that must be unique within the commands list." }, { "name": "label", "type": "string", "optional": false, "default": "", "description": "Command name shown in the picker and selected chip." }, { "name": "hint", "type": "string", "optional": false, "default": "", "description": "Supporting text shown beside the command name in the picker." }, { "name": "icon", "type": "IconType", "optional": true, "default": "", "description": "Icon shown for the command; left out, the picker uses its generic command mark." } ] }, { "table": "FileItem", "props": [ { "name": "path", "type": "string", "optional": false, "default": "", "description": "File path shown in mention results and inserted into the context list." }, { "name": "kb", "type": "number", "optional": false, "default": "", "description": "File size in kilobytes used to estimate the context token count." } ] }, { "table": "ModelItem", "props": [ { "name": "id", "type": "string", "optional": false, "default": "", "description": "Stable model identifier that must be unique within the models list." }, { "name": "label", "type": "string", "optional": false, "default": "", "description": "Model name shown on the selector and in its menu." }, { "name": "speed", "type": "string", "optional": false, "default": "", "description": "Speed description shown in the model menu." }, { "name": "cost", "type": "string", "optional": false, "default": "", "description": "Cost description shown in the model menu when space allows." }, { "name": "mark", "type": "ModelMark", "optional": true, "default": "", "description": "Mark drawn beside the model; left out, a generic circular mark is used." } ] }, { "table": "AgentComposer", "props": [ { "name": "value", "type": "string", "optional": true, "default": "", "description": "Controls the message text; left out, text is kept internally, while passing it turns the demo off." }, { "name": "onChange", "type": "(value: string) => void", "optional": true, "default": "", "description": "Receives each text edit; left out, uncontrolled text still updates locally but a controlled value cannot change." }, { "name": "onSend", "type": "(payload: SendPayload) => void", "optional": true, "default": "", "description": "Receives the trimmed text, selected command, mentions and attachments; left out, submission only clears the local composition, while passing it turns the demo off." }, { "name": "onStop", "type": "() => void", "optional": true, "default": "", "description": "Handles stopping a busy request and makes the stop control available outside the demo; left out, a host-controlled busy state has no stop control." }, { "name": "busy", "type": "boolean", "optional": true, "default": "", "description": "Controls whether the composer shows its working state; left out, that state is managed internally, while passing it turns the demo off." }, { "name": "commands", "type": "CommandItem[]", "optional": true, "default": "", "description": "Supplies slash commands; left out, the demo uses sample commands and host mode uses none, while passing it turns the demo off." }, { "name": "files", "type": "FileItem[]", "optional": true, "default": "", "description": "Supplies files for mentions and attachments; left out, the demo uses sample files and host mode uses none, while passing it turns the demo off." }, { "name": "models", "type": "ModelItem[]", "optional": true, "default": "", "description": "Supplies the model selector options; left out, the demo uses sample models and host mode uses none, while passing it turns the demo off." }, { "name": "model", "type": "string", "optional": true, "default": "", "description": "Controls the selected model by id; left out, the first available model is selected internally, while passing it turns the demo off." }, { "name": "onModelChange", "type": "(id: string) => void", "optional": true, "default": "", "description": "Receives a selected model id; left out, model selection is kept internally when model is uncontrolled." }, { "name": "placeholder", "type": "string", "optional": true, "default": "", "description": "Sets the empty text prompt; left out, it is assembled from the available command and file shortcuts." }, { "name": "submitMode", "type": "SubmitMode", "optional": true, "default": "'enter'", "description": "Chooses whether Enter, modified Enter or no keyboard shortcut sends the message." }, { "name": "maxRows", "type": "number", "optional": true, "default": "", "description": "Sets the textarea height limit in text rows; left out, the tuning height limit is used." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Adds classes to the outermost root; left out, only the built-in classes are used." }, { "name": "tuning", "type": "Partial", "optional": true, "default": "", "description": "Overrides composer measurements and motion values; left out, every value in TUNING is used." } ] } ], "agent-cost-flow": [ { "table": "AgentCostFlow", "props": [ { "name": "task", "type": "string", "optional": true, "default": "'Evaluate migrating the app to a new framework'", "description": "The one task the orchestrator decomposed." }, { "name": "eyebrow", "type": "string", "optional": true, "default": "'ORCHESTRATOR TRACE'", "description": "The small letter-spaced caps line above the task." }, { "name": "agents", "type": "AgentCostFlowAgent[]", "optional": true, "default": "AGENT_COST_FLOW_AGENTS", "description": "One row per subagent; every total in the graphic is derived from this array." }, { "name": "initialAgent", "type": "number | null", "optional": true, "default": "null", "description": "Index of the lane lit when the picture opens, or null for the rest state." }, { "name": "onAgentChange", "type": "(id: string | null, index: number | null) => void", "optional": true, "default": "", "description": "Called with the agent id and index as the lit lane changes, and with nulls when none is lit." }, { "name": "elapsedParallel", "type": "string", "optional": true, "default": "", "description": "Overrides the run's wall clock, which is otherwise the longest subagent, since they run at the same time. Printed in the stacked layout only." }, { "name": "elapsedSerial", "type": "string", "optional": true, "default": "", "description": "Overrides the serial clock, which is otherwise every subagent's time added up: the same reading done one agent at a time. Printed in the stacked layout only." }, { "name": "showOutcome", "type": "boolean", "optional": true, "default": "true", "description": "Whether the outcome column, one block and label per subagent, is drawn at the right edge." }, { "name": "layout", "type": "'auto' | 'wide' | 'narrow'", "optional": true, "default": "'auto'", "description": "Force the wide stage or the stacked layout instead of measuring the host." }, { "name": "paletteDark", "type": "Partial", "optional": true, "default": "", "description": "Colour overrides for the dark theme, merged over AGENT_COST_FLOW_DARK." }, { "name": "paletteLight", "type": "Partial", "optional": true, "default": "", "description": "Colour overrides for the light theme, merged over AGENT_COST_FLOW_LIGHT." }, { "name": "tuning", "type": "Partial", "optional": true, "default": "", "description": "Geometry and timing overrides, merged over AGENT_COST_FLOW_TUNING. The hover reads hoverInMs, hoverOutMs, hoverMs, hoverHoldMs and detailCountMs; the surge a lit lane sends down its strands reads surgeMs, surgeDash, surgeWidth and surgeFade; the lane bands are measured with laneNameRise, outLabelSize, outLabelReach and spineHitPad." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Extra classes merged onto the root element." } ] } ], "agent-feedback-loop": [ { "table": "AgentFeedbackLoop", "props": [ { "name": "stages", "type": "AgentFeedbackLoopStage[]", "optional": true, "default": "AGENT_FEEDBACK_LOOP_STAGES", "description": "The six stage names and descriptions, left to right. The drawings stay tied to position, so entry 0 is always the card fan and entry 5 the tray." }, { "name": "feedbackLabel", "type": "string", "optional": true, "default": "'Feedback'", "description": "The caption under the cube on the loop." }, { "name": "labels", "type": "'hover' | 'always'", "optional": true, "default": "'hover'", "description": "Whether stage names appear on hover, focus and tap, or stay visible. On narrow screens they are always visible." }, { "name": "ambient", "type": "boolean", "optional": true, "default": "true", "description": "Whether the relay runs after the intro: a comet travels each conduit in turn, the stage it reaches briefly plays its motion and emits the next comet in its own colour, then the loop carries it through the cube back to Discover and the cycle repeats. Hovering a stage, or holding one with activeStage, pauses it. Off, the conduits are still, with a small notch at each entry port showing the direction, as with reduced motion." }, { "name": "playIntro", "type": "boolean", "optional": true, "default": "true", "description": "Whether the stages assemble one by one when the picture first scrolls into view. Off, it opens composed." }, { "name": "onStageClick", "type": "(id: string, index: number) => void", "optional": true, "default": "", "description": "Called with the stage id and index on click, Enter or Space, and on a second tap on touch. The Feedback cube is a seventh button and calls it with 'feedback' and 6." }, { "name": "onStageHover", "type": "(id: string | null, index: number) => void", "optional": true, "default": "", "description": "Called with the stage id and index on pointer enter, focus or a first tap, and with null and -1 when it ends. The Feedback cube reports 'feedback' and 6." }, { "name": "activeStage", "type": "string", "optional": true, "default": "", "description": "Id of a stage to hold in its hovered state, or 'feedback' for the cube. Hovering another stage still previews it." }, { "name": "paletteDark", "type": "Partial", "optional": true, "default": "", "description": "Colour overrides for the dark theme, merged over AGENT_FEEDBACK_LOOP_DARK. `lanes` (string[]) is the series ramp: Discover and Extract take lane 1, Evaluate to Learn lanes 2 to 5, the Feedback cube lane 1 again; a shorter ramp wraps. Every coloured surface, glow, badge shadow and the travelling light is mixed from it, and glyphs on a lane switch to the dark ground where white would fall under 3:1." }, { "name": "paletteLight", "type": "Partial", "optional": true, "default": "", "description": "Colour overrides for the light theme, merged over AGENT_FEEDBACK_LOOP_LIGHT, `lanes` included. The light lanes are fills on white tiles: keep each deep enough that white glyphs on it clear 3:1 (the default amber does at 3.19:1), or the glyphs switch to the dark ground." }, { "name": "tuning", "type": "Partial", "optional": true, "default": "", "description": "Timing and motion overrides, merged over AGENT_FEEDBACK_LOOP_TUNING." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Extra classes merged onto the root element." } ] } ], "agent-status": [ { "table": "StatusStep", "props": [ { "name": "kind", "type": "StepKind", "optional": false, "default": "", "description": "Selects the activity icon and waiting treatment for the step." }, { "name": "label", "type": "string", "optional": false, "default": "", "description": "Step action text shown in the run details." }, { "name": "target", "type": "string", "optional": true, "default": "", "description": "File, command or other target shown after the label; left out, no target is shown." }, { "name": "outcome", "type": "string", "optional": true, "default": "", "description": "Result text shown at the end of the row; left out, no result text is shown." }, { "name": "diff", "type": "{added: number, removed: number}", "optional": true, "default": "", "description": "Added and removed counts shown instead of outcome; left out, outcome is used when present." }, { "name": "failed", "type": "boolean", "optional": true, "default": "", "description": "Colors the outcome as a failure when true; left out, the outcome uses the muted treatment." }, { "name": "durationMs", "type": "number", "optional": true, "default": "", "description": "Step duration shown at the row end; left out, no duration is shown." }, { "name": "status", "type": "'done'|'live'|'canceled'", "optional": true, "default": "", "description": "Sets the row state; left out, the row is treated as done." } ] }, { "table": "TokenUse", "props": [ { "name": "input", "type": "number", "optional": false, "default": "", "description": "Input token count shown in the cost breakdown." }, { "name": "output", "type": "number", "optional": false, "default": "", "description": "Output token count shown in the cost breakdown." }, { "name": "inputUsd", "type": "number", "optional": true, "default": "", "description": "Input cost used in the breakdown and calculated total; left out, no input price is shown." }, { "name": "outputUsd", "type": "number", "optional": true, "default": "", "description": "Output cost used in the breakdown and calculated total; left out, no output price is shown." } ] }, { "table": "AgentStatus", "props": [ { "name": "state", "type": "AgentState", "optional": true, "default": "", "description": "Sets the agent state and its pill treatment; left out, it is ready in host mode, while passing it turns the demo off." }, { "name": "phrase", "type": "string", "optional": true, "default": "", "description": "Replaces the state phrase in the pill; left out, a phrase is chosen from the state, while passing it turns the demo off." }, { "name": "target", "type": "string", "optional": true, "default": "", "description": "Adds a file, command or other target after the phrase; left out, no target is shown, while passing it turns the demo off." }, { "name": "elapsedMs", "type": "number", "optional": true, "default": "", "description": "Shows elapsed or terminal duration in milliseconds; left out, no elapsed time is shown, while passing it turns the demo off." }, { "name": "waitingMs", "type": "number", "optional": true, "default": "", "description": "Shows how long the waiting state has lasted; left out, the waiting pill has no clock, while passing it turns the demo off." }, { "name": "quietMs", "type": "number", "optional": true, "default": "", "description": "Marks working or thinking as stalled after the tuning threshold; left out, no quiet-time stall is inferred, while passing it turns the demo off." }, { "name": "costUsd", "type": "number", "optional": true, "default": "", "description": "Shows the total run cost in US dollars; left out, a total is calculated only when token prices are supplied, while passing it turns the demo off." }, { "name": "steps", "type": "StatusStep[]", "optional": true, "default": "", "description": "Supplies rows for the expandable run details; left out, the details contain no steps in host mode, while passing it turns the demo off." }, { "name": "tokens", "type": "TokenUse", "optional": true, "default": "", "description": "Supplies input and output usage for the cost breakdown; left out, token lines are not shown, while passing it turns the demo off." }, { "name": "defaultOpen", "type": "boolean", "optional": true, "default": "false", "description": "Sets whether run details start expanded." }, { "name": "onStop", "type": "() => void", "optional": true, "default": "", "description": "Handles stopping an active run and makes the stop control available outside the demo; left out, host runs have no stop control." }, { "name": "onReview", "type": "() => void", "optional": true, "default": "", "description": "Handles the review action and makes that control available while waiting; left out, host waiting states have no review control." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Adds classes to the outermost root; left out, only the built-in classes are used." }, { "name": "tuning", "type": "Partial", "optional": true, "default": "", "description": "Overrides status measurements, timing and motion values; left out, every value in TUNING is used." } ] } ], "ai-knowledge-map": [ { "table": "AiKnowledgeMap", "props": [ { "name": "categories", "type": "KnowledgeMapCategory[]", "optional": true, "default": "KNOWLEDGE_MAP_CATEGORIES", "description": "The category cards and the results each one fans out to." }, { "name": "initialCategory", "type": "number", "optional": true, "default": "2", "description": "Index of the card that is active on mount." }, { "name": "onCategoryChange", "type": "(id: string, index: number) => void", "optional": true, "default": "", "description": "Called with the category id and index when the active card changes." }, { "name": "title", "type": "string", "optional": true, "default": "'Knowledge Index'", "description": "Heading above the orb." }, { "name": "modelIndex", "type": "number", "optional": true, "default": "4", "description": "First number in the line under the heading, read as \"Model 4 of 12\"." }, { "name": "modelCount", "type": "number", "optional": true, "default": "12", "description": "Second number in that line." }, { "name": "confidence", "type": "number", "optional": true, "default": "92", "description": "Percentage shown in the ring under the orb; its colour follows the score." }, { "name": "layout", "type": "'fit' | 'follow' | 'bands'", "optional": true, "default": "'follow'", "description": "How the result column sits: centred, following the active card, or grouped by score." }, { "name": "pulse", "type": "boolean", "optional": true, "default": "true", "description": "Whether the orb sends light down the active wire to the results on every pass." }, { "name": "paletteDark", "type": "Partial", "optional": true, "default": "", "description": "Colour overrides for the dark theme, merged over KNOWLEDGE_MAP_DARK." }, { "name": "paletteLight", "type": "Partial", "optional": true, "default": "", "description": "Colour overrides for the light theme, merged over KNOWLEDGE_MAP_LIGHT." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Extra classes merged onto the root element." } ] } ], "andromeda-alert": [ { "table": "Alert", "props": [ { "name": "variant", "type": "'default'|'accent'|'warning'|'fault'", "optional": true, "default": "'default'", "description": "One of: default, accent, warning, fault." }, { "name": "children", "type": "React.ReactNode", "optional": true, "default": "", "description": "Content rendered inside the component." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes applied to the root element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the root element." } ] } ], "andromeda-avatar": [ { "table": "Avatar", "props": [ { "name": "name", "type": "string", "optional": true, "default": "'?'", "description": "Used to derive uppercase initials (shown when no src)." }, { "name": "src", "type": "string", "optional": true, "default": "", "description": "Optional image URL. When provided, renders an img instead of initials." }, { "name": "size", "type": "'sm'|'md'|'lg'", "optional": true, "default": "'md'", "description": "One of: sm, md, lg." }, { "name": "status", "type": "'online'|'caution'|'fault'|'offline'", "optional": true, "default": "", "description": "When set, renders a status dot." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes merged onto the inner avatar box (the outer wrapper receives style and ...props)." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the root element." } ] } ], "andromeda-badge": [ { "table": "Badge", "props": [ { "name": "variant", "type": "'default'|'accent'|'warning'|'fault'|'subtle'|'outline'", "optional": true, "default": "'default'", "description": "One of: default, accent, warning, fault, subtle, outline." }, { "name": "children", "type": "React.ReactNode", "optional": true, "default": "", "description": "Content rendered inside the component." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes applied to the root element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the root element." } ] } ], "andromeda-button-system": [ { "table": "Button", "props": [ { "name": "variant", "type": "'default'|'outline'|'ghost'|'destructive'|'link'", "optional": true, "default": "'default'", "description": "One of: default, outline, ghost, destructive, link." }, { "name": "size", "type": "'sm'|'md'|'lg'", "optional": true, "default": "'md'", "description": "One of: sm, md, lg." }, { "name": "asChild", "type": "boolean", "optional": true, "default": "false", "description": "When true, renders the only child element with the button's props/styles." }, { "name": "icon", "type": "React.ComponentType", "optional": true, "default": "", "description": "Icon component rendered before children." }, { "name": "children", "type": "React.ReactNode", "optional": true, "default": "", "description": "Content rendered inside the component." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes applied to the root element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the root element." }, { "name": "type", "type": "'button'|'submit'|'reset'", "optional": true, "default": "'button'", "description": "Native button type; defaults to 'button', so it does not submit an enclosing form unless set to 'submit'." }, { "name": "disabled", "type": "boolean", "optional": true, "default": "", "description": "When true, disables the control." }, { "name": "onClick", "type": "(e: React.MouseEvent) => void", "optional": true, "default": "", "description": "Handler called when the element is clicked." } ] } ], "andromeda-card": [ { "table": "Card", "props": [ { "name": "variant", "type": "'default'|'glow'", "optional": true, "default": "'default'", "description": "One of: default, glow." }, { "name": "bordered", "type": "boolean", "optional": true, "default": "false", "description": "Toggle a continuous 1px border. Off by default. Andromeda cards rely on corner brackets, not perimeter strokes." }, { "name": "markers", "type": "boolean", "optional": true, "default": "true", "description": "Toggle the corner markers motif." }, { "name": "markerProps", "type": "import('./CornerMarkers').CornerMarkersProps", "optional": true, "default": "", "description": "Pass-through overrides for the inner CornerMarkers." }, { "name": "children", "type": "React.ReactNode", "optional": true, "default": "", "description": "Content rendered inside the component." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes applied to the root element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the root element." } ] }, { "table": "CardSection", "props": [ { "name": "children", "type": "React.ReactNode", "optional": true, "default": "", "description": "Content rendered inside the component." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes applied to the root element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the root element." } ] } ], "andromeda-checkbox": [ { "table": "Checkbox", "props": [ { "name": "checked", "type": "boolean", "optional": true, "default": "", "description": "Controlled checked state." }, { "name": "defaultChecked", "type": "boolean", "optional": true, "default": "false", "description": "Uncontrolled initial state." }, { "name": "onCheckedChange", "type": "(next: boolean) => void", "optional": true, "default": "", "description": "Handler called with the next checked state when toggled." }, { "name": "label", "type": "string", "optional": true, "default": "", "description": "Optional inline label." }, { "name": "disabled", "type": "boolean", "optional": true, "default": "false", "description": "Disables the checkbox and blocks interaction." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Extra classes merged onto the visual box." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the outer wrapper." }, { "name": "id", "type": "string", "optional": true, "default": "", "description": "Id applied to the input and inline label, auto-generated if omitted." } ] } ], "andromeda-corner-markers": [ { "table": "CornerMarkers", "props": [ { "name": "size", "type": "number", "optional": true, "default": "", "description": "px square the bracket lives inside; defaults to tokens.marker.size" }, { "name": "offset", "type": "number", "optional": true, "default": "", "description": "px inset from the corner; defaults to tokens.marker.offset" }, { "name": "borderWidth", "type": "number", "optional": true, "default": "", "description": "px stroke thickness; defaults to tokens.marker.borderWidth" }, { "name": "color", "type": "string", "optional": true, "default": "", "description": "any CSS color; defaults to themeColor.border.bright" }, { "name": "radius", "type": "number", "optional": true, "default": "", "description": "px corner curve; defaults to the --andromeda-radius-frame token" }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes applied to the root element." } ] } ], "andromeda-data-table": [ { "table": "DataTable", "props": [ { "name": "columns", "type": "Array<{key: string, header: string, width?: string|number, align?: 'left'|'center'|'right', hideBelow?: 'md', fold?: 'info'|'meta'|'none', infoValue?: (row: object) => React.ReactNode, primary?: boolean, color?: string|((row: object) => string), render?: (row: object) => React.ReactNode}>", "optional": true, "default": "DEFAULT_COLUMNS", "description": "Column definitions. `hideBelow:'md'` hides the column on phones; it then folds into the per-row info tooltip (`fold:'info'`, the default), the primary column's mobile sub-line (`fold:'meta'`), or nowhere (`fold:'none'`). `infoValue` supplies the textual value shown in a fold (use it for visual cells like meters); `render` is the desktop cell." }, { "name": "rows", "type": "Array", "optional": true, "default": "DEFAULT_ROWS", "description": "Row objects consumed by the column definitions." }, { "name": "getRowKey", "type": "(row: object) => string|number", "optional": true, "default": "DEFAULT_GET_ROW_KEY", "description": "Returns a stable key for each row." }, { "name": "onRowClick", "type": "(row: object) => void", "optional": true, "default": "", "description": "Runs when a row is clicked, or activated with Enter or Space. Rows are only focusable and show a hover state when it is passed." }, { "name": "selectedRowKey", "type": "string|number", "optional": true, "default": "'track-02'", "description": "Identifies the current row shown with an active measurement edge." }, { "name": "className", "type": "string", "optional": true, "default": "''", "description": "Additional CSS classes applied to the root element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "{}", "description": "Inline styles applied to the root element." } ] } ], "andromeda-date-range-picker": [ { "table": "DateRangePicker", "props": [ { "name": "value", "type": "{ start: Date, end: Date }", "optional": true, "default": "", "description": "Selected date range; controlled." }, { "name": "onChange", "type": "(range: { start: Date, end: Date }) => void", "optional": true, "default": "", "description": "Called with the new range once both endpoints are chosen." }, { "name": "presetLabel", "type": "string", "optional": true, "default": "", "description": "Label for the active preset shown in the trigger (for example \"Last month\")." }, { "name": "defaultOpen", "type": "boolean", "optional": true, "default": "false", "description": "Whether the calendar panel starts open (uncontrolled)." }, { "name": "staticOpen", "type": "boolean", "optional": true, "default": "false", "description": "Pins the panel open and disables the dismissers; for showcases and docs." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes applied to the root element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the root element." } ] } ], "andromeda-drawer": [ { "table": "Drawer", "props": [ { "name": "open", "type": "boolean", "optional": false, "default": "", "description": "Whether the drawer is open." }, { "name": "onOpenChange", "type": "(next: boolean) => void", "optional": true, "default": "", "description": "Handler called with the next open state when the drawer requests to close (ESC or backdrop click)." }, { "name": "side", "type": "'left'|'right'|'top'|'bottom'", "optional": true, "default": "'right'", "description": "Screen edge the panel slides in from." }, { "name": "size", "type": "number|string", "optional": true, "default": "420", "description": "Width (left/right) or height (top/bottom). Number → px, string passed through." }, { "name": "children", "type": "React.ReactNode", "optional": true, "default": "", "description": "Panel content, typically the Drawer compound parts (Header, Body, Footer)." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Extra classes merged onto the panel element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles merged onto the panel element." } ] } ], "andromeda-empty-state": [ { "table": "EmptyState", "props": [ { "name": "children", "type": "React.ReactNode", "optional": true, "default": "", "description": "Content rendered inside the component." }, { "name": "className", "type": "string", "optional": true, "default": "", "description": "Additional CSS classes applied to the root element." }, { "name": "style", "type": "React.CSSProperties", "optional": true, "default": "", "description": "Inline styles applied to the root element." } ] } ], "andromeda-gauge": [ { "table": "Gauge", "props": [ { "name": "value", "type": "number", "optional": true, "default": "68", "description": "The reading. Clamped to 0..max. Defaults to a demo reading so the bare component renders meaningfully." }, { "name": "max", "type": "number", "optional": true, "default": "100", "description": "Full scale — the arc shows value/max." }, { "name": "size", "type": "'sm'|'md'|'lg'", "optional": true, "default": "'md'", "description": "One of: sm, md, lg." }, { "name": "variant", "type": "'accent'|'warning'|'fault'", "optional": true, "default": "'accent'", "description": "Arc color by meaning: accent = live/healthy, warning = orange, fault = red." }, { "name": "unit", "type": "string", "optional": true, "default": "'%'", "description": "Suffix after the readout, muted + smaller. Pass '' for a unitless reading." }, { "name": "label", "type": "string", "optional": true, "default": "", "description": "Optional code label below the value inside the circle (mono xs, muted, uppercase). Centered when showValue is false." }, { "name": "showValue", "type": "boolean", "optional": true, "default": "true", "description": "" }, { "name": "ariaLabel", "type": "string", "optional": true, "default": "", "description": "Overrides the generated \"