@misoto22/folio 0.0.0 → 0.17.0

package/dist/website/Conversation/Conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/website/Conversation/Conversation.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport type { ButtonHTMLAttributes, CSSProperties, HTMLAttributes, PointerEvent, ReactElement, ReactNode, Ref } from 'react'\nimport { RiArrowRightLine, RiArrowRightUpLine, RiArrowDownSLine, RiArrowRightSLine, RiRestartLine, RiSparklingLine, RiCloseLine, RiChat3Line } from '@remixicon/react'\nimport { cn } from '../../lib/cn'\nimport { replaceSlotContent, resolveSlotElement } from '../../lib/slot-content'\nimport { Article } from '../../components/Article/Article'\nimport { Button } from '../../components/Button/Button'\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../components/Collapsible/Collapsible'\nimport { DescriptionList } from '../../components/DescriptionList/DescriptionList'\nimport type { DescriptionListItem } from '../../components/DescriptionList/DescriptionList'\nimport { Field } from '../../components/Field/Field'\nimport { Heading } from '../../components/Heading/Heading'\nimport { Input } from '../../components/Input/Input'\nimport { Text } from '../../components/Text/Text'\n\nexport interface ConversationLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  evidence: ReactNode\n}\n\n/** A reading-width conversation with a separate, sticky evidence rail. */\nexport function ConversationLayout({ evidence, children, className, ...rest }: ConversationLayoutProps) {\n  return <div className={cn('folio-conversation-layout', className)} {...rest}>\n    {children}<div className=\"folio-conversation-layout__evidence\">{evidence}</div>\n  </div>\n}\n\nexport interface ConversationFactsProps extends HTMLAttributes<HTMLDListElement> { items: DescriptionListItem[] }\n\nexport function ConversationFacts({ items, className, ...rest }: ConversationFactsProps) {\n  return <DescriptionList items={items} layout=\"stacked\" divided={false} className={cn('folio-conversation-facts', className)} {...rest} />\n}\n\nexport interface ConversationSuggestion {\n  id: string\n  label: string\n  onSelect: () => void\n  disabled?: boolean\n  /** Compact docks may omit longer suggestions on small viewports. */\n  wideOnly?: boolean\n}\n\nexport interface ConversationSuggestionsProps extends HTMLAttributes<HTMLDivElement> {\n  label: string\n  items: ConversationSuggestion[]\n}\n\nexport function ConversationSuggestions({ label, items, className, ...rest }: ConversationSuggestionsProps) {\n  return <div className={cn('folio-conversation-suggestions', className)} {...rest}>\n    <Text size=\"xs\" tone=\"muted\">{label}</Text>\n    <ul>{items.map((item) => <li key={item.id} data-wide-only={item.wideOnly || undefined}>\n      <Button variant=\"ghost\" className=\"folio-conversation-suggestions__action\" disabled={item.disabled} onClick={item.onSelect}>\n        <span>{item.label}</span><RiArrowRightLine size={16} aria-hidden />\n      </Button>\n    </li>)}</ul>\n  </div>\n}\n\nexport interface ConversationControl {\n  id: string\n  label: string\n  kind?: 'expand' | 'collapse' | 'reset'\n  disabled?: boolean\n  onSelect: () => void\n}\n\nexport interface ConversationThreadProps extends HTMLAttributes<HTMLElement> {\n  label: string\n  intro?: { title: ReactNode; description: ReactNode; suggestionsLabel: string; suggestions: ConversationSuggestion[] }\n  summary?: ReactNode\n  controls?: ConversationControl[]\n  composer: ReactNode\n  proposal?: ReactNode\n  hasTurns: boolean\n}\n\n/** Host owns turns and folding; this composition owns their hierarchy and controls. */\nexport function ConversationThread({ label, intro, summary, controls = [], composer, proposal, hasTurns, children, className, ...rest }: ConversationThreadProps) {\n  return <section aria-label={label} className={cn('folio-conversation-thread', className)} {...rest}>\n    {intro && <div className=\"folio-conversation-thread__intro\">\n      <Heading level={2}>{intro.title}</Heading><Text className=\"mt-5\">{intro.description}</Text>\n      <ConversationSuggestions label={intro.suggestionsLabel} items={intro.suggestions} />\n    </div>}\n    {hasTurns && <>\n      <div className=\"folio-conversation-thread__controls\">\n        <Text size=\"xs\" tone=\"muted\">{summary}</Text>\n        <div>{controls.map((control) => {\n          const Icon = control.kind === 'reset' ? RiRestartLine : control.kind === 'expand' ? RiArrowDownSLine : RiArrowRightSLine\n          return <Button key={control.id} variant=\"ghost\" disabled={control.disabled} onClick={control.onSelect}><Icon size={14} aria-hidden />{control.label}</Button>\n        })}</div>\n      </div>\n      <ConversationLog>{children}</ConversationLog>\n    </>}\n    <div className=\"folio-conversation-thread__composer\" data-sticky={hasTurns || undefined}>\n      {proposal && <div className=\"folio-conversation-thread__proposal\">{proposal}</div>}{composer}\n    </div>\n  </section>\n}\n\nexport interface ConversationLogProps extends HTMLAttributes<HTMLDivElement> { compact?: boolean }\n\nexport function ConversationLog({ compact, className, ...rest }: ConversationLogProps) {\n  return <div role=\"log\" aria-live=\"polite\" className={cn('folio-conversation-log', className)} data-compact={compact || undefined} {...rest} />\n}\n\nexport interface QuestionComposerProps extends Omit<HTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  id: string\n  label: string\n  hideLabel?: boolean\n  value: string\n  onValueChange: (value: string) => void\n  onSubmit: () => void\n  inputRef?: Ref<HTMLInputElement>\n  placeholder?: string\n  maxLength?: number\n  disabled?: boolean\n  submitDisabled?: boolean\n  pending?: boolean\n  submitLabel: string\n  hint?: ReactNode\n  hideHint?: boolean\n  counter?: ReactNode\n  actions?: ReactNode\n  compact?: boolean\n}\n\n/** A controlled, labelled composer. Request limits and sending remain host concerns. */\nexport function QuestionComposer({ id, label, hideLabel, value, onValueChange, onSubmit, inputRef, placeholder, maxLength, disabled, submitDisabled, pending, submitLabel, hint, hideHint, counter, actions, compact, className, ...rest }: QuestionComposerProps) {\n  return <form autoComplete=\"off\" className={cn('folio-question-composer', className)} data-compact={compact || undefined} onSubmit={(event) => { event.preventDefault(); onSubmit() }} {...rest}>\n    <div className=\"folio-question-composer__row\">\n      <Field htmlFor={id} label={<span className={hideLabel ? 'sr-only' : undefined}>{label}</span>} className=\"folio-question-composer__field\">\n        <Input ref={inputRef} id={id} name=\"question\" value={value} onChange={(event) => onValueChange(event.target.value)} placeholder={placeholder} maxLength={maxLength} disabled={disabled} />\n      </Field>\n      <Button type=\"submit\" loading={pending} disabled={submitDisabled} keycap={compact ? undefined : '↵'}>{submitLabel}</Button>\n    </div>\n    {(hint || counter || actions) && <div className=\"folio-question-composer__footer\">\n      {hint && <Text size=\"xs\" tone=\"muted\" className={hideHint ? 'sr-only' : undefined}>{hint}</Text>}\n      {counter != null && <Text as=\"span\" size=\"xs\" tone=\"muted\" className=\"folio-question-composer__counter\">{counter}</Text>}\n      {actions}\n    </div>}\n  </form>\n}\n\nexport interface ConversationTurnProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  title: ReactNode\n  metadata?: ReactNode\n  expanded: boolean\n  onToggle: () => void\n  bodyId: string\n  preview?: ReactNode\n}\n\nexport function ConversationTurn({ title, metadata, expanded, onToggle, bodyId, preview, children, className, ...rest }: ConversationTurnProps) {\n  return <article className={cn('folio-conversation-turn', className)} {...rest}>\n    {metadata}\n    <Collapsible open={expanded} onOpenChange={onToggle}>\n      <Heading level={3} size=\"sub\">\n        <CollapsibleTrigger asChild><Button variant=\"ghost\" className=\"folio-conversation-turn__toggle\" aria-controls={bodyId}><span>{title}</span><RiArrowRightSLine size={16} aria-hidden /></Button></CollapsibleTrigger>\n      </Heading>\n      {!expanded && <Text size=\"sm\" tone=\"muted\" className=\"folio-conversation-turn__preview\">{preview}</Text>}\n      <CollapsibleContent id={bodyId}><div className=\"folio-conversation-turn__body\">{children}</div></CollapsibleContent>\n    </Collapsible>\n  </article>\n}\n\nexport interface ConversationQuoteProps extends HTMLAttributes<HTMLElement> { label: string; compact?: boolean }\n\nexport function ConversationQuote({ label, compact, children, className, ...rest }: ConversationQuoteProps) {\n  return <figure className={cn('folio-conversation-quote', className)} data-compact={compact || undefined} {...rest}>\n    <Text as=\"figcaption\" size=\"xs\" tone=\"muted\">{label}</Text><blockquote>{children}</blockquote>\n  </figure>\n}\n\nexport interface ConversationAnswerProps extends HTMLAttributes<HTMLDivElement> { question: ReactNode; questionLabel: string; quote?: ReactNode }\n\nexport function ConversationAnswer({ question, questionLabel, quote, children, className, ...rest }: ConversationAnswerProps) {\n  return <div className={cn('folio-conversation-answer', className)} {...rest}>\n    {quote}<Text size=\"xs\" tone=\"muted\">{questionLabel}</Text><Text tone=\"strong\" size=\"lead\" className=\"folio-conversation-answer__question\">{question}</Text>{children}\n  </div>\n}\n\n/** Trusted React nodes from the host's sanitized answer parser, never raw model HTML. */\nexport function ConversationProse({ className, ...rest }: HTMLAttributes<HTMLDivElement>) {\n  return <Article as=\"div\" className={cn('folio-conversation-prose', className)} {...rest} />\n}\n\n/** Model-generated headings are prose labels, so they do not alter the page outline. */\nexport function ConversationAnswerHeading({ lead, className, ...rest }: HTMLAttributes<HTMLParagraphElement> & { lead?: boolean }) {\n  return <p className={cn('folio-conversation-prose__heading', className)} data-lead={lead || undefined} {...rest} />\n}\n\nexport function StreamingCaret() { return <span aria-hidden=\"true\" className=\"folio-conversation-caret\" /> }\n\nexport interface ConversationSource {\n  id: string\n  index: string\n  title: ReactNode\n  detail?: ReactNode\n  kind: ReactNode\n  highlighted?: boolean\n  link: ReactElement<{ children?: ReactNode }>\n}\n\nexport interface ConversationSourcesProps extends HTMLAttributes<HTMLDivElement> { label: string; count: ReactNode; items: ConversationSource[] }\n\nexport function ConversationSources({ label, count, items, className, ...rest }: ConversationSourcesProps) {\n  if (items.length === 0) return null\n  return <div className={cn('folio-conversation-sources', className)} {...rest}>\n    <div className=\"folio-conversation-sources__header\"><Text size=\"xs\" tone=\"muted\">{label}</Text><Text size=\"xs\" tone=\"muted\">{count}</Text></div>\n    <ul>{items.map((item) => <li key={item.id}><Button asChild variant=\"ghost\" className=\"folio-conversation-sources__link\" data-highlighted={item.highlighted || undefined}>\n      {replaceSlotContent(item.link, <><Text as=\"span\" size=\"xs\" tone=\"muted\" aria-hidden>{item.index}</Text><span><Text as=\"span\" size=\"sm\" tone=\"strong\">{item.title}</Text>{item.detail && <Text as=\"span\" size=\"xs\" tone=\"muted\">{item.detail}</Text>}</span><Text as=\"span\" size=\"xs\" tone=\"muted\">{item.kind}</Text></>)}\n    </Button></li>)}</ul>\n  </div>\n}\n\nexport interface ActionProposalProps extends HTMLAttributes<HTMLDivElement> {\n  label: string\n  destination: ReactNode\n  detail?: ReactNode\n  approveLabel: string\n  dismissLabel: string\n  onApprove: () => void\n  onDismiss: () => void\n  approvalAttributes?: Record<`data-${string}`, string>\n}\n\nexport function ActionProposal({ label, destination, detail, approveLabel, dismissLabel, onApprove, onDismiss, approvalAttributes, className, ...rest }: ActionProposalProps) {\n  return <div role=\"group\" aria-label={label} className={cn('folio-action-proposal', className)} {...rest}>\n    <Text size=\"xs\" tone=\"muted\">{label}</Text>\n    <div className=\"folio-action-proposal__actions\">\n      <Button variant=\"ghost\" className=\"folio-action-proposal__action\" aria-label={approveLabel} onClick={onApprove} {...approvalAttributes}><span>{destination}</span><span>{detail && <Text as=\"span\" size=\"xs\" tone=\"muted\" className=\"folio-action-proposal__detail\">{detail}</Text>}<RiArrowRightLine size={16} aria-hidden /></span></Button>\n      <Button variant=\"ghost\" className=\"folio-action-proposal__action\" onClick={onDismiss}>{dismissLabel}<RiCloseLine size={16} aria-hidden /></Button>\n    </div>\n  </div>\n}\n\nexport interface ConversationLauncherProps extends ButtonHTMLAttributes<HTMLButtonElement> { visible: boolean; buttonRef?: Ref<HTMLButtonElement> }\n\nexport function ConversationLauncher({ visible, buttonRef, className, children, ...rest }: ConversationLauncherProps) {\n  return <Button asChild variant=\"secondary\" className={cn('folio-conversation-launcher', className)}><button ref={buttonRef} inert={!visible} data-revealed={visible} {...rest}><RiChat3Line size={18} aria-hidden />{children}</button></Button>\n}\n\nexport type ConversationDockCorner = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right'\n\nexport interface ConversationDockProps extends HTMLAttributes<HTMLElement> {\n  label: string\n  open: boolean\n  card: boolean\n  corner: ConversationDockCorner\n  dragging?: boolean\n  moving?: boolean\n  panelRef?: Ref<HTMLElement>\n  logRef?: Ref<HTMLDivElement>\n  roomLink: ReactElement\n  closeLabel: string\n  onClose: () => void\n  onHeaderPointerDown?: (event: PointerEvent<HTMLElement>) => void\n  handles?: ReactNode\n  proposal?: ReactNode\n  notice?: ReactNode\n  composer: ReactNode\n}\n\n/** The host supplies placement, dismissal and stream state; the dock draws them. */\nexport function ConversationDock({ label, open, card, corner, dragging, moving, panelRef, logRef, roomLink, closeLabel, onClose, onHeaderPointerDown, handles, proposal, notice, composer, children, className, ...rest }: ConversationDockProps) {\n  return <>\n    {open && !card && <div className=\"folio-conversation-dock__scrim\" aria-hidden onClick={onClose} />}\n    <aside ref={panelRef} aria-label={label} inert={!open} data-open={open} data-card={card} data-corner={corner} data-dragging={dragging || undefined} data-moving={moving || undefined} className={cn('folio-conversation-dock', className)} {...rest}>\n      {handles}\n      <header onPointerDown={onHeaderPointerDown} className=\"folio-conversation-dock__header\">\n        <Text as=\"span\" size=\"xs\" tone=\"muted\"><RiSparklingLine size={14} aria-hidden />{label}</Text>\n        <div><Button asChild variant=\"ghost\">{roomLink}</Button><Button variant=\"ghost\" iconOnly aria-label={closeLabel} onClick={onClose}><RiArrowDownSLine size={16} aria-hidden /></Button></div>\n      </header>\n      <div ref={logRef} className=\"folio-conversation-dock__log\">{children}</div>\n      {proposal && <div className=\"folio-conversation-dock__proposal\">{proposal}</div>}\n      {notice && <Text role=\"status\" size=\"xs\" className=\"folio-conversation-dock__notice\">{notice}</Text>}\n      <div className=\"folio-conversation-dock__composer\">{composer}</div>\n    </aside>\n  </>\n}\n\nexport interface ConversationDockWelcomeProps extends HTMLAttributes<HTMLDivElement> { lead: ReactNode; suggestionsLabel: string; suggestions: ConversationSuggestion[] }\n\nexport function ConversationDockWelcome({ lead, suggestionsLabel, suggestions, className, ...rest }: ConversationDockWelcomeProps) {\n  return <div className={cn('folio-conversation-dock-welcome', className)} {...rest}><Text size=\"lead\" tone=\"strong\">{lead}</Text><ConversationSuggestions label={suggestionsLabel} items={suggestions} /></div>\n}\n\nexport interface ConversationResizeHandleProps {\n  axis: 'size-vertical' | 'size-horizontal'\n  side: 'top' | 'bottom' | 'left' | 'right'\n  label: string\n  dragging: boolean\n  onStart: (axis: 'size-vertical' | 'size-horizontal', event: PointerEvent<HTMLElement>) => void\n  onNudge: (axis: 'size-vertical' | 'size-horizontal', delta: number) => void\n}\n\n/** Keyboard equivalents for the host's pointer resize controller. */\nexport function ConversationResizeHandle({ axis, side, label, dragging, onStart, onNudge }: ConversationResizeHandleProps) {\n  const growKey = { top: 'ArrowUp', bottom: 'ArrowDown', left: 'ArrowLeft', right: 'ArrowRight' }[side]\n  const shrinkKey = { top: 'ArrowDown', bottom: 'ArrowUp', left: 'ArrowRight', right: 'ArrowLeft' }[side]\n  return <div role=\"separator\" aria-orientation={axis === 'size-vertical' ? 'horizontal' : 'vertical'} aria-label={label} tabIndex={0} data-side={side} data-dragging={dragging || undefined} className=\"folio-conversation-resize\" onPointerDown={(event) => onStart(axis, event)} onKeyDown={(event) => {\n    if (event.key === growKey) onNudge(axis, 32)\n    else if (event.key === shrinkKey) onNudge(axis, -32)\n    else return\n    event.preventDefault()\n  }} />\n}\n\nexport interface SelectionToolbarAction { id: string; label: string; disabled?: boolean; onSelect: () => void }\n\nexport interface SelectionToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  label: string\n  actions: SelectionToolbarAction[]\n  floating: boolean\n  toolbarRef?: Ref<HTMLDivElement>\n  style?: CSSProperties\n}\n\n/** Selection actions with a real toolbar's single tab stop and arrow navigation. */\nexport function SelectionToolbar({ label, actions, floating, toolbarRef, className, ...rest }: SelectionToolbarProps) {\n  const [activeId, setActiveId] = useState<string | null>(null)\n  const controls = useRef<Array<HTMLButtonElement | null>>([])\n  const enabled = actions.map((action, index) => action.disabled ? -1 : index).filter((index) => index !== -1)\n  const selected = actions.findIndex((action) => action.id === activeId && !action.disabled)\n  const activeIndex = selected >= 0 ? selected : (enabled[0] ?? -1)\n  return <div ref={toolbarRef} role=\"toolbar\" aria-label={label} data-folio-animated data-floating={floating} className={cn('folio-selection-toolbar', className)} {...rest} onKeyDown={(event) => {\n    rest.onKeyDown?.(event)\n    if (event.defaultPrevented || enabled.length === 0) return\n    const current = controls.current.findIndex((control) => control === document.activeElement)\n    const position = enabled.indexOf(current)\n    const rtl = getComputedStyle(event.currentTarget).direction === 'rtl'\n    const forward = rtl ? 'ArrowLeft' : 'ArrowRight'\n    const backward = rtl ? 'ArrowRight' : 'ArrowLeft'\n    let next: number | undefined\n    if (event.key === 'Home') next = enabled[0]\n    else if (event.key === 'End') next = enabled[enabled.length - 1]\n    else if (event.key === forward) next = enabled[(position + 1) % enabled.length]\n    else if (event.key === backward) next = enabled[(position - 1 + enabled.length) % enabled.length]\n    else return\n    if (next === undefined) return\n    const nextAction = actions[next]\n    if (!nextAction) return\n    event.preventDefault()\n    setActiveId(nextAction.id)\n    controls.current[next]?.focus()\n  }}>\n    {actions.map((action, index) => <Button asChild key={action.id} variant=\"secondary\"><button ref={(node) => { controls.current[index] = node }} type=\"button\" tabIndex={index === activeIndex ? 0 : -1} disabled={action.disabled} onFocus={() => setActiveId(action.id)} onClick={action.onSelect}>{action.label}</button></Button>)}\n  </div>\n}\n\n/** A router link keeps its own destination and behavior inside a standard action. */\nexport function ConversationRoomLink({ children }: { children: ReactElement }) {\n  const link = resolveSlotElement(children as ReactElement<{ children?: ReactNode }>)\n  return <Button asChild variant=\"ghost\" className=\"mt-5\">{replaceSlotContent(link, <>{link.props.children}<RiArrowRightUpLine size={14} aria-hidden /></>)}</Button>\n}\n"],"mappings":"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","names":[]}

package/dist/website/Evidence/Evidence.d.ts

@@ -0,0 +1,116 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { DescriptionListItem } from '../../components/DescriptionList/DescriptionList.js';
+
+type EvidenceState = 'idle' | 'running' | 'done' | 'failed' | 'restored';
+interface EvidenceStatusProps extends HTMLAttributes<HTMLElement> {
+    state: EvidenceState;
+}
+declare function EvidenceStatus({ state, children, className, ...rest }: EvidenceStatusProps): react.JSX.Element;
+interface ActivityTraceItem {
+    id: string;
+    state: 'running' | 'done' | 'failed';
+    label: ReactNode;
+    detail?: ReactNode;
+    summary?: ReactNode;
+}
+interface ActivityTraceProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    items: ActivityTraceItem[];
+    waiting?: boolean;
+    waitingLabel?: string;
+}
+/** Tool and job traces share one presentation; the caller supplies truthful, localized labels. */
+declare function ActivityTrace({ label, items, waiting, waitingLabel, className, ...rest }: ActivityTraceProps): react.JSX.Element | null;
+interface EvidencePanelProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    title: string;
+    eyebrow: ReactNode;
+    state: EvidenceState;
+    stateLabel: string;
+}
+declare function EvidencePanel({ title, eyebrow, state, stateLabel, children, className, ...rest }: EvidencePanelProps): react.JSX.Element;
+interface EvidenceSelectionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    label: string;
+    selectedId: string | null;
+    options: {
+        id: string;
+        label: string;
+    }[];
+    onSelect: (id: string) => void;
+}
+declare function EvidenceSelection({ label, selectedId, options, onSelect, className, ...rest }: EvidenceSelectionProps): react.JSX.Element;
+interface EvidenceFactsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    description?: ReactNode;
+    items: DescriptionListItem[];
+}
+declare function EvidenceFacts({ title, description, items, className, ...rest }: EvidenceFactsProps): react.JSX.Element;
+interface EvidenceDisclosureProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+}
+declare function EvidenceDisclosure({ label, children, className, ...rest }: EvidenceDisclosureProps): react.JSX.Element;
+interface EvidenceQueryProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    query: string;
+    fingerprint: string;
+}
+declare function EvidenceQuery({ label, query, fingerprint, className, ...rest }: EvidenceQueryProps): react.JSX.Element;
+declare function EvidenceStages({ className, ...rest }: HTMLAttributes<HTMLOListElement>): react.JSX.Element;
+interface EvidenceStageProps extends Omit<HTMLAttributes<HTMLLIElement>, 'title'> {
+    number: string;
+    state: 'idle' | 'active' | 'done';
+    stateLabel: string;
+    title: ReactNode;
+    description: ReactNode;
+    time: ReactNode;
+}
+declare function EvidenceStage({ number, state, stateLabel, title, description, time, children, className, ...rest }: EvidenceStageProps): react.JSX.Element;
+interface EvidenceScore {
+    id: string;
+    label: string;
+    value: number;
+    valueText: string;
+}
+interface EvidenceScoresProps extends HTMLAttributes<HTMLDivElement> {
+    items: EvidenceScore[];
+}
+declare function EvidenceScores({ items, className, ...rest }: EvidenceScoresProps): react.JSX.Element;
+interface SignalFigureProps extends HTMLAttributes<HTMLDivElement> {
+    bars: {
+        height: number;
+        opacity: number;
+    }[];
+    running?: boolean;
+    settled?: boolean;
+    caption: ReactNode;
+    detail: ReactNode;
+}
+/** A decorative signature supplied by the host, kept out of the evidence's accessibility tree. */
+declare function SignalFigure({ bars, running, settled, caption, detail, className, ...rest }: SignalFigureProps): react.JSX.Element;
+interface EvidenceMeterProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    /** Leave unset while the total is unknown. */
+    value?: number | null;
+    valueText: ReactNode;
+    detail: ReactNode;
+}
+declare function EvidenceMeter({ label, value, valueText, detail, className, ...rest }: EvidenceMeterProps): react.JSX.Element;
+interface EvidenceDuration {
+    id: string;
+    label: string;
+    value: number | null;
+    valueText: string;
+}
+interface EvidenceDurationsProps extends HTMLAttributes<HTMLDivElement> {
+    label: string;
+    total: number | null;
+    totalText: string;
+    items: EvidenceDuration[];
+}
+declare function EvidenceDurations({ label, total, totalText, items, className, ...rest }: EvidenceDurationsProps): react.JSX.Element;
+interface EvidenceSummaryProps extends HTMLAttributes<HTMLDListElement> {
+    items: DescriptionListItem[];
+}
+declare function EvidenceSummary({ items, className, ...rest }: EvidenceSummaryProps): react.JSX.Element;
+
+export { ActivityTrace, type ActivityTraceItem, type ActivityTraceProps, EvidenceDisclosure, type EvidenceDisclosureProps, type EvidenceDuration, EvidenceDurations, type EvidenceDurationsProps, EvidenceFacts, type EvidenceFactsProps, EvidenceMeter, type EvidenceMeterProps, EvidencePanel, type EvidencePanelProps, EvidenceQuery, type EvidenceQueryProps, type EvidenceScore, EvidenceScores, type EvidenceScoresProps, EvidenceSelection, type EvidenceSelectionProps, EvidenceStage, type EvidenceStageProps, EvidenceStages, type EvidenceState, EvidenceStatus, type EvidenceStatusProps, EvidenceSummary, type EvidenceSummaryProps, SignalFigure, type SignalFigureProps };

package/dist/website/Evidence/Evidence.js

@@ -0,0 +1,142 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { RiCheckLine, RiCloseLine } from "@remixicon/react";
+import { cn } from "../../lib/cn.js";
+import { Button } from "../../components/Button/Button.js";
+import { CollapsibleSection } from "../../components/Collapsible/Collapsible.js";
+import { DescriptionList } from "../../components/DescriptionList/DescriptionList.js";
+import { Heading } from "../../components/Heading/Heading.js";
+import { Progress } from "../../components/Progress/Progress.js";
+import { StatusDot } from "../../components/StatusDot/StatusDot.js";
+import { Text } from "../../components/Text/Text.js";
+function EvidenceStatus({ state, children, className, ...rest }) {
+  return /* @__PURE__ */ jsxs(Text, { size: "xs", tone: "muted", className: cn("folio-evidence-status", className), "data-state": state, ...rest, children: [
+    /* @__PURE__ */ jsx(StatusDot, { size: "sm", tone: state === "failed" ? "danger" : state === "done" ? "success" : "neutral", pulse: state === "running" }),
+    /* @__PURE__ */ jsx("span", { children })
+  ] });
+}
+function ActivityTrace({ label, items, waiting, waitingLabel, className, ...rest }) {
+  if (items.length === 0 && !waiting) return null;
+  return /* @__PURE__ */ jsx("div", { role: waiting ? "status" : void 0, "aria-live": waiting ? "polite" : void 0, className: cn("folio-activity-trace", className), ...rest, children: items.length === 0 ? /* @__PURE__ */ jsx(EvidenceStatus, { state: "running", children: waitingLabel }) : /* @__PURE__ */ jsx("ul", { "aria-label": label, children: items.map((item) => /* @__PURE__ */ jsxs("li", { "data-state": item.state, children: [
+    item.state === "running" ? /* @__PURE__ */ jsx(StatusDot, { tone: "neutral", size: "sm" }) : item.state === "done" ? /* @__PURE__ */ jsx(RiCheckLine, { size: 12, "aria-hidden": true }) : /* @__PURE__ */ jsx(RiCloseLine, { size: 12, "aria-hidden": true }),
+    /* @__PURE__ */ jsxs(Text, { as: "span", size: "xs", children: [
+      /* @__PURE__ */ jsx("span", { children: item.label }),
+      item.detail && /* @__PURE__ */ jsxs(Text, { as: "span", size: "xs", tone: "muted", children: [
+        " ",
+        item.detail
+      ] })
+    ] }),
+    item.summary != null && /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", className: "folio-activity-trace__summary", children: item.summary })
+  ] }, item.id)) }) });
+}
+function EvidencePanel({ title, eyebrow, state, stateLabel, children, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("aside", { "aria-label": title, className: cn("folio-evidence-panel", className), ...rest, children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", children: eyebrow }),
+        /* @__PURE__ */ jsx(Heading, { level: 2, size: "sub", children: title })
+      ] }),
+      /* @__PURE__ */ jsx(EvidenceStatus, { state, children: stateLabel })
+    ] }),
+    children
+  ] });
+}
+function EvidenceSelection({ label, selectedId, options, onSelect, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("folio-evidence-selection", className), ...rest, children: [
+    /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", children: label }),
+    /* @__PURE__ */ jsx("div", { role: "group", "aria-label": label, children: options.map((option) => /* @__PURE__ */ jsx(Button, { variant: "ghost", "aria-pressed": selectedId === option.id, onClick: () => onSelect(option.id), children: option.label }, option.id)) })
+  ] });
+}
+function EvidenceFacts({ title, description, items, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("folio-evidence-facts", className), ...rest, children: [
+    title && /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", children: title }),
+    description && /* @__PURE__ */ jsx(Text, { size: "sm", className: "mt-2", children: description }),
+    /* @__PURE__ */ jsx(DescriptionList, { items, layout: "stacked", className: title || description ? "mt-4" : void 0 })
+  ] });
+}
+function EvidenceDisclosure({ label, children, className, ...rest }) {
+  return /* @__PURE__ */ jsx(CollapsibleSection, { title: label, role: "group", "aria-label": label, className: cn("folio-evidence-disclosure", className), ...rest, children });
+}
+function EvidenceQuery({ label, query, fingerprint, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("folio-evidence-query", className), ...rest, children: [
+    /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: label }),
+    /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "strong", children: query }),
+    /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: fingerprint })
+  ] });
+}
+function EvidenceStages({ className, ...rest }) {
+  return /* @__PURE__ */ jsx("ol", { className: cn("folio-evidence-stages", className), ...rest });
+}
+function EvidenceStage({ number, state, stateLabel, title, description, time, children, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("li", { className: cn("folio-evidence-stage", className), "data-state": state, ...rest, children: [
+    /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", "aria-hidden": true, children: number }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "folio-evidence-stage__header", children: [
+        /* @__PURE__ */ jsx(Text, { as: "span", size: "sm", tone: "strong", children: title }),
+        /* @__PURE__ */ jsx(EvidenceStatus, { state: state === "active" ? "running" : state, children: stateLabel })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "folio-evidence-stage__description", children: [
+        /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: description }),
+        /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: time })
+      ] }),
+      children
+    ] })
+  ] });
+}
+function EvidenceScores({ items, className, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("folio-evidence-scores", className), ...rest, children: items.map((item) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", children: item.label }),
+      /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: item.valueText })
+    ] }),
+    /* @__PURE__ */ jsx(Progress, { label: item.label, value: item.value, max: 1, "aria-valuetext": item.valueText })
+  ] }, item.id)) });
+}
+function SignalFigure({ bars, running, settled, caption, detail, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("folio-signal-figure", className), ...rest, children: [
+    /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "folio-signal-figure__bars", "data-running": running || void 0, children: bars.map((bar, index) => /* @__PURE__ */ jsx("span", { style: { height: settled && !running ? bar.height : void 0, opacity: settled && !running ? bar.opacity : void 0, animationDelay: `${index * 16}ms` } }, index)) }),
+    /* @__PURE__ */ jsxs("div", { className: "folio-evidence-meter__labels", children: [
+      /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: caption }),
+      /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: detail })
+    ] })
+  ] });
+}
+function EvidenceMeter({ label, value, valueText, detail, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("folio-evidence-meter", className), ...rest, children: [
+    /* @__PURE__ */ jsx(Progress, { label, value }),
+    /* @__PURE__ */ jsxs("div", { className: "folio-evidence-meter__labels", children: [
+      /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: valueText }),
+      /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: detail })
+    ] })
+  ] });
+}
+function EvidenceDurations({ label, total, totalText, items, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("folio-evidence-durations", className), ...rest, children: [
+    /* @__PURE__ */ jsxs("div", { className: "folio-evidence-durations__header", children: [
+      /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", children: label }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", tone: "strong", children: totalText })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "folio-evidence-durations__bar", "aria-hidden": true, children: items.map((item) => /* @__PURE__ */ jsx("span", { style: { width: total != null && total > 0 && item.value != null ? `${Math.min(100, Math.max(0, item.value / total * 100))}%` : "0%" } }, item.id)) }),
+    /* @__PURE__ */ jsx(DescriptionList, { "aria-label": label, items: items.map((item) => ({ id: item.id, term: item.label, description: item.valueText })), layout: "stacked", divided: false, className: "folio-evidence-durations__legend" })
+  ] });
+}
+function EvidenceSummary({ items, className, ...rest }) {
+  return /* @__PURE__ */ jsx(DescriptionList, { items, layout: "stacked", divided: false, className: cn("folio-evidence-summary", className), ...rest });
+}
+export {
+  ActivityTrace,
+  EvidenceDisclosure,
+  EvidenceDurations,
+  EvidenceFacts,
+  EvidenceMeter,
+  EvidencePanel,
+  EvidenceQuery,
+  EvidenceScores,
+  EvidenceSelection,
+  EvidenceStage,
+  EvidenceStages,
+  EvidenceStatus,
+  EvidenceSummary,
+  SignalFigure
+};
+//# sourceMappingURL=Evidence.js.map

package/dist/website/Evidence/Evidence.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/website/Evidence/Evidence.tsx"],"sourcesContent":["'use client'\n\nimport { RiCheckLine, RiCloseLine } from '@remixicon/react'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '../../lib/cn'\nimport { Button } from '../../components/Button/Button'\nimport { CollapsibleSection } from '../../components/Collapsible/Collapsible'\nimport { DescriptionList } from '../../components/DescriptionList/DescriptionList'\nimport type { DescriptionListItem } from '../../components/DescriptionList/DescriptionList'\nimport { Heading } from '../../components/Heading/Heading'\nimport { Progress } from '../../components/Progress/Progress'\nimport { StatusDot } from '../../components/StatusDot/StatusDot'\nimport { Text } from '../../components/Text/Text'\n\nexport type EvidenceState = 'idle' | 'running' | 'done' | 'failed' | 'restored'\n\nexport interface EvidenceStatusProps extends HTMLAttributes<HTMLElement> { state: EvidenceState }\n\nexport function EvidenceStatus({ state, children, className, ...rest }: EvidenceStatusProps) {\n  return <Text size=\"xs\" tone=\"muted\" className={cn('folio-evidence-status', className)} data-state={state} {...rest}><StatusDot size=\"sm\" tone={state === 'failed' ? 'danger' : state === 'done' ? 'success' : 'neutral'} pulse={state === 'running'} /><span>{children}</span></Text>\n}\n\nexport interface ActivityTraceItem {\n  id: string\n  state: 'running' | 'done' | 'failed'\n  label: ReactNode\n  detail?: ReactNode\n  summary?: ReactNode\n}\n\nexport interface ActivityTraceProps extends HTMLAttributes<HTMLDivElement> {\n  label: string\n  items: ActivityTraceItem[]\n  waiting?: boolean\n  waitingLabel?: string\n}\n\n/** Tool and job traces share one presentation; the caller supplies truthful, localized labels. */\nexport function ActivityTrace({ label, items, waiting, waitingLabel, className, ...rest }: ActivityTraceProps) {\n  if (items.length === 0 && !waiting) return null\n  return <div role={waiting ? 'status' : undefined} aria-live={waiting ? 'polite' : undefined} className={cn('folio-activity-trace', className)} {...rest}>\n    {items.length === 0 ? <EvidenceStatus state=\"running\">{waitingLabel}</EvidenceStatus> : <ul aria-label={label}>{items.map((item) => <li key={item.id} data-state={item.state}>\n      {item.state === 'running' ? <StatusDot tone=\"neutral\" size=\"sm\" /> : item.state === 'done' ? <RiCheckLine size={12} aria-hidden /> : <RiCloseLine size={12} aria-hidden />}\n      <Text as=\"span\" size=\"xs\"><span>{item.label}</span>{item.detail && <Text as=\"span\" size=\"xs\" tone=\"muted\"> {item.detail}</Text>}</Text>\n      {item.summary != null && <Text as=\"span\" size=\"xs\" tone=\"muted\" className=\"folio-activity-trace__summary\">{item.summary}</Text>}\n    </li>)}</ul>}\n  </div>\n}\n\nexport interface EvidencePanelProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n  title: string\n  eyebrow: ReactNode\n  state: EvidenceState\n  stateLabel: string\n}\n\nexport function EvidencePanel({ title, eyebrow, state, stateLabel, children, className, ...rest }: EvidencePanelProps) {\n  return <aside aria-label={title} className={cn('folio-evidence-panel', className)} {...rest}>\n    <header><div><Text size=\"xs\" tone=\"muted\">{eyebrow}</Text><Heading level={2} size=\"sub\">{title}</Heading></div><EvidenceStatus state={state}>{stateLabel}</EvidenceStatus></header>\n    {children}\n  </aside>\n}\n\nexport interface EvidenceSelectionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  label: string\n  selectedId: string | null\n  options: { id: string; label: string }[]\n  onSelect: (id: string) => void\n}\n\nexport function EvidenceSelection({ label, selectedId, options, onSelect, className, ...rest }: EvidenceSelectionProps) {\n  return <div className={cn('folio-evidence-selection', className)} {...rest}><Text size=\"xs\" tone=\"muted\">{label}</Text><div role=\"group\" aria-label={label}>{options.map((option) => <Button key={option.id} variant=\"ghost\" aria-pressed={selectedId === option.id} onClick={() => onSelect(option.id)}>{option.label}</Button>)}</div></div>\n}\n\nexport interface EvidenceFactsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: ReactNode\n  description?: ReactNode\n  items: DescriptionListItem[]\n}\n\nexport function EvidenceFacts({ title, description, items, className, ...rest }: EvidenceFactsProps) {\n  return <div className={cn('folio-evidence-facts', className)} {...rest}>\n    {title && <Text size=\"xs\" tone=\"muted\">{title}</Text>}{description && <Text size=\"sm\" className=\"mt-2\">{description}</Text>}\n    <DescriptionList items={items} layout=\"stacked\" className={title || description ? 'mt-4' : undefined} />\n  </div>\n}\n\nexport interface EvidenceDisclosureProps extends HTMLAttributes<HTMLDivElement> { label: string }\n\nexport function EvidenceDisclosure({ label, children, className, ...rest }: EvidenceDisclosureProps) {\n  return <CollapsibleSection title={label} role=\"group\" aria-label={label} className={cn('folio-evidence-disclosure', className)} {...rest}>{children}</CollapsibleSection>\n}\n\nexport interface EvidenceQueryProps extends HTMLAttributes<HTMLDivElement> { label: string; query: string; fingerprint: string }\n\nexport function EvidenceQuery({ label, query, fingerprint, className, ...rest }: EvidenceQueryProps) {\n  return <div className={cn('folio-evidence-query', className)} {...rest}><Text as=\"span\" size=\"xs\" tone=\"muted\">{label}</Text><Text as=\"span\" size=\"xs\" tone=\"strong\">{query}</Text><Text as=\"span\" size=\"xs\" tone=\"muted\">{fingerprint}</Text></div>\n}\n\nexport function EvidenceStages({ className, ...rest }: HTMLAttributes<HTMLOListElement>) { return <ol className={cn('folio-evidence-stages', className)} {...rest} /> }\n\nexport interface EvidenceStageProps extends Omit<HTMLAttributes<HTMLLIElement>, 'title'> {\n  number: string\n  state: 'idle' | 'active' | 'done'\n  stateLabel: string\n  title: ReactNode\n  description: ReactNode\n  time: ReactNode\n}\n\nexport function EvidenceStage({ number, state, stateLabel, title, description, time, children, className, ...rest }: EvidenceStageProps) {\n  return <li className={cn('folio-evidence-stage', className)} data-state={state} {...rest}>\n    <Text as=\"span\" size=\"xs\" tone=\"muted\" aria-hidden>{number}</Text>\n    <div><div className=\"folio-evidence-stage__header\"><Text as=\"span\" size=\"sm\" tone=\"strong\">{title}</Text><EvidenceStatus state={state === 'active' ? 'running' : state}>{stateLabel}</EvidenceStatus></div>\n      <div className=\"folio-evidence-stage__description\"><Text as=\"span\" size=\"xs\" tone=\"muted\">{description}</Text><Text as=\"span\" size=\"xs\" tone=\"muted\">{time}</Text></div>{children}\n    </div>\n  </li>\n}\n\nexport interface EvidenceScore { id: string; label: string; value: number; valueText: string }\n\nexport interface EvidenceScoresProps extends HTMLAttributes<HTMLDivElement> { items: EvidenceScore[] }\n\nexport function EvidenceScores({ items, className, ...rest }: EvidenceScoresProps) {\n  return <div className={cn('folio-evidence-scores', className)} {...rest}>{items.map((item) => <div key={item.id}>\n    <div><Text as=\"span\" size=\"xs\">{item.label}</Text><Text as=\"span\" size=\"xs\" tone=\"muted\">{item.valueText}</Text></div>\n    <Progress label={item.label} value={item.value} max={1} aria-valuetext={item.valueText} />\n  </div>)}</div>\n}\n\nexport interface SignalFigureProps extends HTMLAttributes<HTMLDivElement> {\n  bars: { height: number; opacity: number }[]\n  running?: boolean\n  settled?: boolean\n  caption: ReactNode\n  detail: ReactNode\n}\n\n/** A decorative signature supplied by the host, kept out of the evidence's accessibility tree. */\nexport function SignalFigure({ bars, running, settled, caption, detail, className, ...rest }: SignalFigureProps) {\n  return <div className={cn('folio-signal-figure', className)} {...rest}>\n    <div aria-hidden className=\"folio-signal-figure__bars\" data-running={running || undefined}>{bars.map((bar, index) => <span key={index} style={{ height: settled && !running ? bar.height : undefined, opacity: settled && !running ? bar.opacity : undefined, animationDelay: `${index * 16}ms` }} />)}</div>\n    <div className=\"folio-evidence-meter__labels\"><Text as=\"span\" size=\"xs\" tone=\"muted\">{caption}</Text><Text as=\"span\" size=\"xs\" tone=\"muted\">{detail}</Text></div>\n  </div>\n}\n\nexport interface EvidenceMeterProps extends HTMLAttributes<HTMLDivElement> {\n  label: string\n  /** Leave unset while the total is unknown. */\n  value?: number | null\n  valueText: ReactNode\n  detail: ReactNode\n}\n\nexport function EvidenceMeter({ label, value, valueText, detail, className, ...rest }: EvidenceMeterProps) {\n  return <div className={cn('folio-evidence-meter', className)} {...rest}><Progress label={label} value={value} /><div className=\"folio-evidence-meter__labels\"><Text as=\"span\" size=\"xs\" tone=\"muted\">{valueText}</Text><Text as=\"span\" size=\"xs\" tone=\"muted\">{detail}</Text></div></div>\n}\n\nexport interface EvidenceDuration { id: string; label: string; value: number | null; valueText: string }\n\nexport interface EvidenceDurationsProps extends HTMLAttributes<HTMLDivElement> { label: string; total: number | null; totalText: string; items: EvidenceDuration[] }\n\nexport function EvidenceDurations({ label, total, totalText, items, className, ...rest }: EvidenceDurationsProps) {\n  return <div className={cn('folio-evidence-durations', className)} {...rest}>\n    <div className=\"folio-evidence-durations__header\"><Text size=\"xs\" tone=\"muted\">{label}</Text><Text size=\"sm\" tone=\"strong\">{totalText}</Text></div>\n    <div className=\"folio-evidence-durations__bar\" aria-hidden>{items.map((item) => <span key={item.id} style={{ width: total != null && total > 0 && item.value != null ? `${Math.min(100, Math.max(0, item.value / total * 100))}%` : '0%' }} />)}</div>\n    <DescriptionList aria-label={label} items={items.map((item) => ({ id: item.id, term: item.label, description: item.valueText }))} layout=\"stacked\" divided={false} className=\"folio-evidence-durations__legend\" />\n  </div>\n}\n\nexport interface EvidenceSummaryProps extends HTMLAttributes<HTMLDListElement> { items: DescriptionListItem[] }\n\nexport function EvidenceSummary({ items, className, ...rest }: EvidenceSummaryProps) { return <DescriptionList items={items} layout=\"stacked\" divided={false} className={cn('folio-evidence-summary', className)} {...rest} /> }\n"],"mappings":"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","names":[]}

package/dist/website/Media/Media.d.ts

@@ -0,0 +1,173 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ReactElement, ComponentPropsWithRef } from 'react';
+import { ButtonProps } from '../../components/Button/Button.js';
+import { DescriptionListItem } from '../../components/DescriptionList/DescriptionList.js';
+
+interface MediaMastheadProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /** The title level when this page composition sits inside another document. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+/** The quiet opening to an image collection, before its controls and prints. */
+declare function MediaMasthead({ eyebrow, title, description, headingLevel, className, ...rest }: MediaMastheadProps): react.JSX.Element;
+interface PhotographFeatureProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    image: ReactNode;
+    title: ReactNode;
+    eyebrow?: ReactNode;
+    description?: ReactNode;
+    caption?: ReactNode;
+    action?: ReactNode;
+}
+/** A photograph and an editorial introduction, with the original image ratio. */
+declare function PhotographFeature({ image, title, eyebrow, description, caption, action, className, ...rest }: PhotographFeatureProps): react.JSX.Element;
+interface MediaCollectionProps extends HTMLAttributes<HTMLDivElement> {
+    masthead: ReactNode;
+    controls?: ReactNode;
+    collectionId?: string;
+    footer?: ReactNode;
+}
+/** Page-level gallery composition; the host owns its filters and collection. */
+declare function MediaCollection({ masthead, controls, collectionId, footer, children, className, ...rest }: MediaCollectionProps): react.JSX.Element;
+interface MediaGalleryProps extends HTMLAttributes<HTMLUListElement> {
+    children?: ReactNode;
+    /** Supply localized empty copy when the collection may have no children. */
+    emptyTitle?: ReactNode;
+    emptyAction?: ReactNode;
+}
+/** Level mounts keep unlike aspect ratios aligned without cropping the prints. */
+declare function MediaGallery({ children, emptyTitle, emptyAction, className, ...rest }: MediaGalleryProps): react.JSX.Element;
+interface MediaGalleryItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'title'> {
+    /** A host link containing its image. The package supplies the print layout. */
+    children: ReactElement;
+    title: ReactNode;
+    index?: ReactNode;
+    location?: ReactNode;
+    orientation?: 'portrait' | 'landscape' | 'square';
+}
+declare function MediaGalleryItem({ children, title, index, location, orientation, className, ...rest }: MediaGalleryItemProps): react.JSX.Element;
+interface MediaGallerySkeletonProps {
+    label: string;
+    count?: number;
+}
+declare function MediaGallerySkeleton({ label, count }: MediaGallerySkeletonProps): react.JSX.Element;
+interface MediaDetailLayoutProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    title: ReactNode;
+    titleId: string;
+    /** The title level when this page composition sits inside another document. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    category?: ReactNode;
+    notesLabel: string;
+    orientation: 'portrait' | 'landscape' | 'square';
+    backLink: ReactElement;
+    index?: ReactNode;
+    media: ReactNode;
+    light?: ReactNode;
+    actions?: ReactNode;
+    metadata?: ReactNode;
+    location?: ReactNode;
+    pager?: ReactNode;
+    related?: ReactNode;
+}
+/** Portraits share a spread with their notes; landscapes lead a full-width spread. */
+declare function MediaDetailLayout({ title, titleId, headingLevel, category, notesLabel, orientation, backLink, index, media, light, actions, metadata, location, pager, related, className, ...rest }: MediaDetailLayoutProps): react.JSX.Element;
+interface MediaMetadataProps extends HTMLAttributes<HTMLDListElement> {
+    items: DescriptionListItem[];
+}
+declare function MediaMetadata({ items, className, ...rest }: MediaMetadataProps): react.JSX.Element;
+interface MediaPagerProps extends HTMLAttributes<HTMLElement> {
+    label: string;
+    previous?: ReactNode;
+    next?: ReactNode;
+}
+declare function MediaPager({ label, previous, next, className, ...rest }: MediaPagerProps): react.JSX.Element | null;
+interface MediaPagerItemProps {
+    link: ReactElement;
+    direction: 'previous' | 'next';
+    label: ReactNode;
+    title: ReactNode;
+    image?: ReactNode;
+}
+declare function MediaPagerItem({ link, direction, label, title, image }: MediaPagerItemProps): react.JSX.Element;
+interface MediaThumbnailStripProps extends HTMLAttributes<HTMLElement> {
+    heading: ReactNode;
+}
+declare function MediaThumbnailStrip({ heading, children, className, ...rest }: MediaThumbnailStripProps): react.JSX.Element;
+interface MediaThumbnailProps {
+    children: ReactElement;
+}
+declare function MediaThumbnail({ children }: MediaThumbnailProps): react.JSX.Element;
+interface MediaLightNoteLine {
+    id: string;
+    icon?: ReactNode;
+    text: ReactNode;
+    detail?: ReactNode;
+}
+interface MediaLightNoteProps {
+    label: ReactNode;
+    lines: MediaLightNoteLine[];
+}
+/** The host supplies observations and formatted labels; this is presentation only. */
+declare function MediaLightNote({ label, lines }: MediaLightNoteProps): react.JSX.Element;
+interface MediaMapSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    title: ReactNode;
+    hint?: ReactNode;
+    /** An optional legacy anchor, owned and named by the host. */
+    aliasId?: string;
+    map: ReactNode;
+    preview: ReactNode;
+}
+declare function MediaMapSection({ title, hint, aliasId, map, preview, className, ...rest }: MediaMapSectionProps): react.JSX.Element;
+interface MediaMapFrameProps extends HTMLAttributes<HTMLDivElement> {
+    label?: ReactNode;
+    hint?: ReactNode;
+    navigation?: ReactNode;
+    compact?: boolean;
+}
+declare function MediaMapFrame({ label, hint, navigation, compact, children, className, ...rest }: MediaMapFrameProps): react.JSX.Element;
+interface MediaMapNavigationProps {
+    zoomInLabel: string;
+    zoomOutLabel: string;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+}
+declare function MediaMapNavigation({ zoomInLabel, zoomOutLabel, onZoomIn, onZoomOut }: MediaMapNavigationProps): react.JSX.Element;
+type MediaMapCanvasProps = ComponentPropsWithRef<'div'>;
+/** A sized provider container. Map creation, themes and geographic math stay in the host. */
+declare function MediaMapCanvas({ className, ...rest }: MediaMapCanvasProps): react.JSX.Element;
+interface MediaMapPreviewProps {
+    title: ReactNode;
+    image?: ReactNode;
+    action?: ReactNode;
+    place?: ReactNode;
+    coordinates?: ReactNode;
+    children?: ReactNode;
+}
+declare function MediaMapPreview({ title, image, action, place, coordinates, children }: MediaMapPreviewProps): react.JSX.Element;
+interface MediaMapArea {
+    id: string;
+    label: ReactNode;
+    count: ReactNode;
+}
+interface MediaMapAreaListProps {
+    items: MediaMapArea[];
+    value?: string;
+    onValueChange: (value: string) => void;
+}
+declare function MediaMapAreaList({ items, value, onValueChange }: MediaMapAreaListProps): react.JSX.Element;
+interface MediaMapMarkerProps extends Omit<Extract<ButtonProps, {
+    href?: undefined;
+}>, 'children' | 'iconOnly'> {
+    label: string;
+    active?: boolean;
+}
+/** A keyboard-operable 44px marker for a host's map-provider portal. */
+declare function MediaMapMarker({ label, active, className, ...rest }: MediaMapMarkerProps): react.JSX.Element;
+interface MediaMapPinProps {
+    active?: boolean;
+}
+declare function MediaMapPin({ active }: MediaMapPinProps): react.JSX.Element;
+declare function MediaMapSkeleton(): react.JSX.Element;
+
+export { MediaCollection, type MediaCollectionProps, MediaDetailLayout, type MediaDetailLayoutProps, MediaGallery, MediaGalleryItem, type MediaGalleryItemProps, type MediaGalleryProps, MediaGallerySkeleton, type MediaGallerySkeletonProps, MediaLightNote, type MediaLightNoteLine, type MediaLightNoteProps, type MediaMapArea, MediaMapAreaList, type MediaMapAreaListProps, MediaMapCanvas, type MediaMapCanvasProps, MediaMapFrame, type MediaMapFrameProps, MediaMapMarker, type MediaMapMarkerProps, MediaMapNavigation, type MediaMapNavigationProps, MediaMapPin, type MediaMapPinProps, MediaMapPreview, type MediaMapPreviewProps, MediaMapSection, type MediaMapSectionProps, MediaMapSkeleton, MediaMasthead, type MediaMastheadProps, MediaMetadata, type MediaMetadataProps, MediaPager, MediaPagerItem, type MediaPagerItemProps, type MediaPagerProps, MediaThumbnail, type MediaThumbnailProps, MediaThumbnailStrip, type MediaThumbnailStripProps, PhotographFeature, type PhotographFeatureProps };