@mithrl/design-system 0.4.0 → 0.4.2

package/dist/components/flowchart/Flowchart.d.ts

@@ -1,5 +1,6 @@
 import { type HTMLAttributes, type ReactNode } from "react";
 import { type IconGlyphComponent } from "../icon/Icon";
+import { type FlowchartGraphEdge, type FlowchartGraphNodeKind } from "./graphLayout";
 
 export type FlowchartCanvasProps = HTMLAttributes<HTMLDivElement> & {
     /** Flow nodes and connectors, composed top to bottom. */
@@ -54,6 +55,11 @@ export type FlowchartTriggerProps = Omit<HTMLAttributes<HTMLDivElement>, "title"
     eyebrow?: string;
     /** Optional metadata slot, typically a `Tag`. */
     trailing?: ReactNode;
+    /**
+     * Drag grip rendered at the card's leading edge. It repositions the card on
+     * the canvas; it does not reorder the flow, which stays owned by the edges.
+     */
+    handle?: ReactNode;
 };
 /** The entry node of a flow. Carries an accent left treatment. */
 export declare const FlowchartTrigger: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "title"> & {
@@ -67,6 +73,11 @@ export declare const FlowchartTrigger: import("react").ForwardRefExoticComponent
     eyebrow?: string;
     /** Optional metadata slot, typically a `Tag`. */
     trailing?: ReactNode;
+    /**
+     * Drag grip rendered at the card's leading edge. It repositions the card on
+     * the canvas; it does not reorder the flow, which stays owned by the edges.
+     */
+    handle?: ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export type FlowchartActionProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
     icon?: IconGlyphComponent;
@@ -79,6 +90,11 @@ export type FlowchartActionProps = Omit<HTMLAttributes<HTMLDivElement>, "title">
     trailing?: ReactNode;
     /** Extra detail rendered beneath the header. */
     children?: ReactNode;
+    /**
+     * Drag grip rendered at the card's leading edge. It repositions the card on
+     * the canvas; it does not reorder the flow, which stays owned by the edges.
+     */
+    handle?: ReactNode;
 };
 /** A generic executed step in the flow. */
 export declare const FlowchartAction: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
@@ -92,6 +108,11 @@ export declare const FlowchartAction: import("react").ForwardRefExoticComponent<
     trailing?: ReactNode;
     /** Extra detail rendered beneath the header. */
     children?: ReactNode;
+    /**
+     * Drag grip rendered at the card's leading edge. It repositions the card on
+     * the canvas; it does not reorder the flow, which stays owned by the edges.
+     */
+    handle?: ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export type FlowchartClauseJoin = "and" | "or";
 export type FlowchartConditionClause = {
@@ -121,6 +142,11 @@ export type FlowchartConditionProps = Omit<HTMLAttributes<HTMLDivElement>, "titl
     elseLabel?: string;
     /** Optional metadata slot, typically a `Tag`. */
     trailing?: ReactNode;
+    /**
+     * Drag grip rendered at the card's leading edge. It repositions the card on
+     * the canvas; it does not reorder the flow, which stays owned by the edges.
+     */
+    handle?: ReactNode;
 };
 /** A branching If/Else node whose clauses read as inline chips. */
 export declare const FlowchartCondition: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
@@ -137,4 +163,88 @@ export declare const FlowchartCondition: import("react").ForwardRefExoticCompone
     elseLabel?: string;
     /** Optional metadata slot, typically a `Tag`. */
     trailing?: ReactNode;
+    /**
+     * Drag grip rendered at the card's leading edge. It repositions the card on
+     * the canvas; it does not reorder the flow, which stays owned by the edges.
+     */
+    handle?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+type FlowchartGraphNodeBase = {
+    id: string;
+    title: ReactNode;
+    description?: ReactNode;
+    eyebrow?: string;
+    icon?: IconGlyphComponent;
+};
+/**
+ * A node in a graph-laid-out flowchart.
+ *
+ * Discriminated on `kind` so that `clauses` is *required* for a condition and
+ * unavailable on the other kinds. `FlowchartCondition` throws without at least
+ * one clause, so a condition that omits them has no valid rendering — this
+ * turns that into a compile error instead of silently drawing the branch as an
+ * ordinary action step.
+ */
+export type FlowchartGraphNode = (FlowchartGraphNodeBase & {
+    kind: Exclude<FlowchartGraphNodeKind, "condition">;
+    clauses?: never;
+}) | (FlowchartGraphNodeBase & {
+    kind: "condition";
+    clauses: readonly FlowchartConditionClause[];
+});
+export type FlowchartGraphProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    nodes: readonly FlowchartGraphNode[];
+    edges: readonly FlowchartGraphEdge[];
+    /** Hides the dotted grid when the flow sits inside an already-textured surface. */
+    grid?: boolean;
+    /** Widest layer the layout will accept. @default 3 */
+    maxLanes?: number;
+    /** Largest graph the layout will accept. @default 12 */
+    maxNodes?: number;
+    /** Rendered when the graph is outside the supported layout bound. */
+    fallback?: ReactNode;
+    /**
+     * Gives every card the reorder grip and lets a reader move it around the
+     * canvas. The grip is a real button, so pointer drag has a full keyboard
+     * equivalent: arrow keys nudge by 8px, `Shift` + arrow by 32px, and `Escape`
+     * returns the card to its laid-out position — cancelling an in-flight pointer
+     * drag as well as undoing keyboard nudges. Positions are ephemeral: they live
+     * for the life of the mount and are never persisted, because the graph itself
+     * is still the source of truth.
+     */
+    interactive?: boolean;
+};
+/**
+ * A bounded directed-acyclic flow: parallel branches sit side by side as lanes
+ * in the same layer, and lanes rejoin wherever a node has more than one
+ * incoming edge. Layout is automatic and presentation-only — the graph is
+ * already decided, `FlowchartGraph` only draws it.
+ *
+ * Supports at most `FLOWCHART_GRAPH_MAX_NODES` (12) nodes and
+ * `FLOWCHART_GRAPH_MAX_LANES` (3) parallel lanes per layer. Outside that
+ * bound it renders `fallback` (or nothing), so a consumer can present the flow
+ * some other way rather than show an unreadable tangle.
+ */
+export declare const FlowchartGraph: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    nodes: readonly FlowchartGraphNode[];
+    edges: readonly FlowchartGraphEdge[];
+    /** Hides the dotted grid when the flow sits inside an already-textured surface. */
+    grid?: boolean;
+    /** Widest layer the layout will accept. @default 3 */
+    maxLanes?: number;
+    /** Largest graph the layout will accept. @default 12 */
+    maxNodes?: number;
+    /** Rendered when the graph is outside the supported layout bound. */
+    fallback?: ReactNode;
+    /**
+     * Gives every card the reorder grip and lets a reader move it around the
+     * canvas. The grip is a real button, so pointer drag has a full keyboard
+     * equivalent: arrow keys nudge by 8px, `Shift` + arrow by 32px, and `Escape`
+     * returns the card to its laid-out position — cancelling an in-flight pointer
+     * drag as well as undoing keyboard nudges. Positions are ephemeral: they live
+     * for the life of the mount and are never persisted, because the graph itself
+     * is still the source of truth.
+     */
+    interactive?: boolean;
 } & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/flowchart/graphLayout.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Layered layout for the small directed acyclic graphs `FlowchartGraph`
+ * renders. The layout is deliberately bounded: past these limits a readable
+ * automatic layout stops being possible in a reading surface, and consumers
+ * are expected to fall back to their own presentation.
+ */
+export declare const FLOWCHART_GRAPH_MAX_NODES = 12;
+export declare const FLOWCHART_GRAPH_MAX_LANES = 3;
+export type FlowchartGraphNodeKind = "trigger" | "action" | "condition";
+export type FlowchartGraphEdge = {
+    from: string;
+    to: string;
+    /** Short caption drawn on the run, e.g. `Yes` or `on failure`. */
+    label?: string;
+    /** Draws the run dashed to signal a conditional or indirect path. */
+    dashed?: boolean;
+};
+export type FlowchartGraphLayout = {
+    /** Node ids grouped into layers, first layer first. */
+    layers: readonly (readonly string[])[];
+};
+type LayoutInput = {
+    ids: readonly string[];
+    edges: readonly FlowchartGraphEdge[];
+    maxNodes?: number;
+    maxLanes?: number;
+};
+/**
+ * Assigns every node to a layer using longest-path layering, so an edge always
+ * runs from a lower layer to a higher one and merges land on a shared layer.
+ * Returns `null` when the graph is outside the supported bound: unknown edge
+ * endpoints, a cycle, too many nodes, or a layer wider than the lane limit.
+ */
+export declare function layoutFlowchartGraph({ ids, edges, maxNodes, maxLanes, }: LayoutInput): FlowchartGraphLayout | null;
+export {};

package/dist/components/pixel-loader/PixelLoader.d.ts

@@ -0,0 +1,94 @@
+import type { CSSProperties } from "react";
+
+/**
+ * The pixel grid is always square. Five columns is the smallest grid that still
+ * reads as a *pattern* rather than a row of dots at 16px, and stays crisp at 50.
+ */
+export declare const PIXEL_LOADER_GRID = 5;
+/**
+ * Motion patterns. Each is a distinct reading of the same grid, not a speed
+ * variation of one loop:
+ *
+ * - `dots`   — cells pulse in a scattered, non-repeating rhythm.
+ * - `orbit`  — a lit cluster travels around the perimeter; the core stays dim.
+ * - `drive`  — a column sweeps left to right, like a plate reader head.
+ * - `surfer` — a diagonal wavefront crosses the grid corner to corner.
+ */
+export declare const pixelLoaderVariants: readonly ["dots", "orbit", "drive", "surfer"];
+export type PixelLoaderVariant = (typeof pixelLoaderVariants)[number];
+/**
+ * DS size scale, deliberately identical to `StatusOrbSize` so a running-state
+ * indicator can be swapped between the two without touching layout.
+ */
+export type PixelLoaderSize = "small" | "default" | "medium" | "large";
+/**
+ * Where one cell sits in the loop, as a fraction of the cycle in `[0, 1)`.
+ * `null` means the cell never lights for this variant and stays at rest — the
+ * dim core of `orbit`, for instance.
+ *
+ * Exported so the phase table can be asserted directly rather than inferred
+ * from rendered CSS.
+ */
+export declare function pixelLoaderCellPhase(variant: PixelLoaderVariant, x: number, y: number, grid?: number): number | null;
+/**
+ * Accessible name used when the caller supplies none, or supplies one that is
+ * blank once trimmed. `role="img"` must always resolve to a name.
+ */
+export declare const PIXEL_LOADER_DEFAULT_LABEL = "Loading";
+/**
+ * A cell's `animation-delay`, as a multiple of the cycle. Mirrors the `calc()`
+ * in `pixel-loader.css` exactly, and is asserted against that stylesheet in the
+ * tests so the two cannot drift.
+ *
+ * Always negative, so the loop is in flight on the first painted frame. The
+ * shape is `phase - 1`, not `-phase`: a negative delay advances the playhead by
+ * its own magnitude, so `-phase` would light the *highest* phase first and run
+ * every pattern backwards.
+ */
+export declare function pixelLoaderCellDelay(phase: number): number;
+/**
+ * Which cells are at peak brightness at wall-clock time `t`, expressed as a
+ * fraction of one cycle.
+ *
+ * This resolves the same delay/duration arithmetic the browser does — playhead
+ * `= t - delay`, brightest when the playhead sits on the keyframe's peak — so
+ * the *rendered travel direction* can be asserted directly rather than inferred
+ * from the phase table. Returned in row-major cell-index order.
+ */
+export declare function pixelLoaderLitCellsAt(variant: PixelLoaderVariant, t: number, grid?: number): number[];
+export interface PixelLoaderProps {
+    /** Which pattern the grid animates. @default "dots" */
+    variant?: PixelLoaderVariant;
+    /** DS size scale. @default "medium" (30px) */
+    size?: PixelLoaderSize;
+    /** One full pass of the pattern, in milliseconds. @default `--motion-duration-ambient` */
+    cycle?: number;
+    /** Sweep a soft highlight across the grid on top of the pattern. @default false */
+    shimmer?: boolean;
+    /** Freeze the pattern on its resting frame. @default false */
+    paused?: boolean;
+    /**
+     * Accessible name. Trimmed; a blank or whitespace-only value falls back to
+     * the default rather than leaving `role="img"` unnamed. @default "Loading"
+     */
+    "aria-label"?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Pixel-grid loading indicator.
+ *
+ * A 5×5 grid of cells lights in a variant-specific rhythm. Every cell carries a
+ * phase offset computed once at render; the animation itself is a single CSS
+ * keyframe on the compositor (opacity and transform only), so a page full of
+ * these costs no JavaScript per frame.
+ *
+ * Colour comes entirely from the brand ramp, mixed against `transparent`, so
+ * both themes are correct without a theme prop.
+ *
+ * Reduced motion: no travel. Cells settle into a static readout of their phase
+ * and the whole grid breathes on a slow, low-amplitude opacity pulse.
+ *
+ * This component never displays elapsed time.
+ */
+export declare function PixelLoader({ variant, size, cycle, shimmer, paused, "aria-label": ariaLabel, className, style, }: PixelLoaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/status-orb/StatusOrb.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from "react";
+import { type CSSProperties } from "react";
 import { type OrbState } from "thinking-orbs";
 /**
  * The nine orb states shipped by the animation engine. Each is a distinct
@@ -13,7 +13,7 @@ export type StatusOrbState = OrbState;
 export type StatusOrbSize = "small" | "default" | "medium" | "large";
 /**
  * Theme mode. `auto` (default) resolves from the nearest ancestor carrying
- * `data-theme="dark|light"` — the attribute the Mithrl shell already sets —
+ * `data-theme="dark|dim|light"` — the attribute the Mithrl shell already sets —
  * and falls back to `prefers-color-scheme`. It live-updates on theme change.
  */
 export type StatusOrbTheme = "auto" | "dark" | "light";

package/dist/components/text-reveal/TextReveal.d.ts

@@ -0,0 +1,62 @@
+import { type CSSProperties } from "react";
+
+/**
+ * Milliseconds one swap takes. Both halves of the strip share it — see the
+ * stylesheet for why they cannot be decoupled. Mirrors `--motion-duration-slow`;
+ * the CSS reads the token directly and only falls back to this number when the
+ * caller overrides `revealDuration`.
+ */
+export declare const TEXT_REVEAL_DEFAULT_DURATION_MS = 320;
+export type TextRevealElement = "span" | "div" | "p" | "strong" | "em";
+export type TextRevealAlign = "start" | "center" | "end";
+export interface TextRevealProps {
+    /** The string to display. Changing it rolls the whole line over. */
+    text: string;
+    /** Host element. @default "span" */
+    as?: TextRevealElement;
+    /** Swap duration, in milliseconds. @default `--motion-duration-slow` */
+    revealDuration?: number;
+    /** Horizontal alignment of the rendered line. @default "start" */
+    align?: TextRevealAlign;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Roller-style line transition.
+ *
+ * The line lives behind a one-line mask. When `text` changes the two lines move
+ * together as one rigid strip, downwards: the incoming line starts one line
+ * height *above* the window and slides down into place, while the outgoing line
+ * slides down and out through the bottom. New copy is revealed from the top,
+ * the way a station roller tag turns over.
+ *
+ * This is the transitions.dev "texts-reveal" technique — opacity, `translateY`
+ * and blur transitioned together on a smooth-out curve — kept strictly 2D. An
+ * earlier `rotateX` version could not survive a consumer that clips the label:
+ * each half collapsed into a sliver at its own hinge, so the flip never read as
+ * completing. A masked strip is both the sturdier mechanism and the closer
+ * match to the roller reference.
+ *
+ * Layout: the outgoing line is lifted out of flow and the mask is exactly one
+ * line tall, so the host's height never changes across a swap.
+ *
+ * Interruption: one swap is identified by a token. A `text` change mid-flight
+ * bumps the token, which re-keys both lines and restarts the animation from a
+ * known state — there is no partial transform to inherit. Settling is driven by
+ * the incoming line's `animationend` *and* by a token-guarded timer, so a
+ * dropped event or a throttled background tab still resolves to the settled
+ * DOM: exactly one line, no outgoing line, no transform.
+ *
+ * Accessibility: the visual lines are `aria-hidden`, the host carries
+ * `aria-label={text}`, and a visually hidden polite live region announces the
+ * settled string once.
+ *
+ * Reduced motion: no travel and no blur — the line crossfades in place.
+ */
+export declare function TextReveal({ text, as, revealDuration, align, className, style, }: TextRevealProps): import("react").DetailedReactHTMLElement<{
+    className: string;
+    style: CSSProperties | undefined;
+    "aria-label": string;
+    "data-align": TextRevealAlign;
+    "data-revealing": string;
+}, HTMLElement>;

package/dist/components/upload-queue/UploadQueue.d.ts

@@ -1,12 +1,16 @@
 import { type HTMLAttributes } from "react";
+import { type UploadResourceType } from "../../internal/ResourceTypeIcon";
 
 export type UploadQueueItemKind = "file" | "folder";
+export type UploadQueueFileType = UploadResourceType;
 export type UploadQueueItemState = "ready" | "uploading" | "completed" | "failed" | "canceled";
 export type UploadQueueResource = {
     /** Stable consumer-owned identity. */
     id: string;
     name: string;
     kind: UploadQueueItemKind;
+    /** Optional Explorer-compatible override for the inferred leading file marker. */
+    fileType?: UploadQueueFileType;
     state: UploadQueueItemState;
     /** Size, contained-item count, or another concise factual detail. */
     metadata?: string;

package/dist/index.d.ts

@@ -29,6 +29,12 @@ export { Textarea, textareaVariants } from "./components/textarea/Textarea";
 export type { TextareaPreviewState, TextareaProps, TextareaResize, TextareaStatus, TextareaSurface, } from "./components/textarea/Textarea";
 export { Composer } from "./components/composer/Composer";
 export type { ComposerLabels, ComposerMode, ComposerPreviewState, ComposerProps, ComposerStatus, } from "./components/composer/Composer";
+export { ComposerUpload } from "./components/composer/ComposerUpload";
+export type { ComposerUploadProps } from "./components/composer/ComposerUpload";
+export { ApprovalCard } from "./components/approval-card/ApprovalCard";
+export type { ApprovalCardAnswer, ApprovalCardLabels, ApprovalCardMode, ApprovalCardNavigationReason, ApprovalCardOption, ApprovalCardPermissionDecision, ApprovalCardPermissionLabels, ApprovalCardPermissionProps, ApprovalCardProps, ApprovalCardQuestion, ApprovalQuestionCardProps, } from "./components/approval-card/ApprovalCard";
+export { ApprovalPlanCard } from "./components/approval-plan-card/ApprovalPlanCard";
+export type { ApprovalPlan, ApprovalPlanCardProps, ApprovalPlanPhase, ApprovalPlanStep, ApprovalPlanSummary, } from "./components/approval-plan-card/ApprovalPlanCard";
 export { ComposerViewTransition } from "./components/composer/ComposerViewTransition";
 export type { ComposerView, ComposerViewTransitionProps, } from "./components/composer/ComposerViewTransition";
 export { ComposerAttachmentView } from "./components/composer/ComposerAttachmentView";
@@ -80,13 +86,15 @@ export type { GlobalAppBarProjectSelector, GlobalAppBarProjectSelectorPresentati
 export { ProjectCard } from "./components/project-card/ProjectCard";
 export type { ProjectCardActivity, ProjectCardCreator, ProjectCardMetric, ProjectCardPresentation, ProjectCardPreviewArtwork, ProjectCardPreviewState, ProjectCardProps, } from "./components/project-card/ProjectCard";
 export { UploadQueue, UploadQueueItem } from "./components/upload-queue/UploadQueue";
-export type { UploadQueueAction, UploadQueueItemKind, UploadQueueItemProps, UploadQueueItemState, UploadQueueProps, UploadQueueResource, UploadQueueStateLabels, } from "./components/upload-queue/UploadQueue";
+export type { UploadQueueAction, UploadQueueFileType, UploadQueueItemKind, UploadQueueItemProps, UploadQueueItemState, UploadQueueProps, UploadQueueResource, UploadQueueStateLabels, } from "./components/upload-queue/UploadQueue";
 export { ProjectLibrary } from "./patterns/project-library/ProjectLibrary";
 export type { ProjectLibraryPresentation, ProjectLibraryProject, ProjectLibraryProps, ProjectLibraryScope, ProjectLibrarySort, ProjectLibraryState, } from "./patterns/project-library/ProjectLibrary";
+export { ApprovalPlanReview, ApprovedPlanDisclosure, } from "./patterns/approval-plan-review/ApprovalPlanReview";
+export type { ApprovalPlanReviewProps, ApprovedPlanDisclosureProps, } from "./patterns/approval-plan-review/ApprovalPlanReview";
 export { NewProjectDialog } from "./patterns/new-project-dialog/NewProjectDialog";
 export type { NewProjectDialogInitialValue, NewProjectDialogProps, NewProjectDraft, NewProjectResource, } from "./patterns/new-project-dialog/NewProjectDialog";
 export { FileDropzone } from "./components/file-dropzone/FileDropzone";
-export type { FileDropzoneHandle, FileDropzoneProps, FileDropzoneRejection, FileDropzoneRejectionReason, FileDropzoneSelection, FileDropzoneSelectionSource, FileDropzoneState, } from "./components/file-dropzone/FileDropzone";
+export type { FileDropzoneDensity, FileDropzoneHandle, FileDropzoneProps, FileDropzoneRejection, FileDropzoneRejectionReason, FileDropzoneSelection, FileDropzoneSelectionSource, FileDropzoneState, } from "./components/file-dropzone/FileDropzone";
 export { DialogBackdrop, DialogBody, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogViewport, dialogPopupVariants, } from "./components/dialog/Dialog";
 export type { DialogBackdropProps, DialogBodyProps, DialogCloseButtonProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogPortalProps, DialogRootProps, DialogSize, DialogTitleProps, DialogTriggerProps, DialogViewportProps, } from "./components/dialog/Dialog";
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "./components/resizable-panels/ResizablePanels";
@@ -97,24 +105,30 @@ export { WorkspaceQuestionSurface } from "./patterns/workspace-app-shell/Workspa
 export type { WorkspaceAppShellNavigationRenderContext, WorkspaceAppShellNavigationRenderer, WorkspaceAppShellLayout, WorkspaceAppShellProps, WorkspaceNavigationConfiguration, } from "./patterns/workspace-app-shell/WorkspaceAppShell";
 export type { WorkspaceNewQuestionDialogProps, WorkspaceNewQuestionDraft, } from "./patterns/workspace-app-shell/WorkspaceNewQuestionDialog";
 export type { WorkspaceQuestionSurfacePanel, WorkspaceQuestionSurfaceProps, WorkspaceQuestionSurfaceScroll, } from "./patterns/workspace-app-shell/WorkspaceQuestionSurface";
+export { PIXEL_LOADER_DEFAULT_LABEL, PIXEL_LOADER_GRID, PixelLoader, pixelLoaderCellDelay, pixelLoaderCellPhase, pixelLoaderLitCellsAt, pixelLoaderVariants, } from "./components/pixel-loader/PixelLoader";
+export type { PixelLoaderProps, PixelLoaderSize, PixelLoaderVariant, } from "./components/pixel-loader/PixelLoader";
+export { DotField, dotFieldDistanceToRect, dotFieldExclusionAlpha, dotFieldFalloff, dotFieldInflateRect, } from "./components/dot-field/DotField";
+export type { DotFieldProps, DotFieldRect, } from "./components/dot-field/DotField";
 export { StatusOrb } from "./components/status-orb/StatusOrb";
 export type { StatusOrbProps, StatusOrbSize, StatusOrbState, StatusOrbTheme, } from "./components/status-orb/StatusOrb";
 export { FlapText, FLAP_TEXT_DEFAULT_DURATION_MS, FLAP_TEXT_DEFAULT_STAGGER_MS, } from "./components/flap-text/FlapText";
 export type { FlapTextAlign, FlapTextElement, FlapTextProps, } from "./components/flap-text/FlapText";
+export { TextReveal, TEXT_REVEAL_DEFAULT_DURATION_MS, } from "./components/text-reveal/TextReveal";
+export type { TextRevealAlign, TextRevealElement, TextRevealProps, } from "./components/text-reveal/TextReveal";
 export { NumberFlow, numberFlowCells, NUMBER_FLOW_DEFAULT_DURATION_MS, NUMBER_FLOW_DEFAULT_STAGGER_MS, } from "./components/number-flow/NumberFlow";
 export type { NumberFlowCell, NumberFlowDirection, NumberFlowElement, NumberFlowProps, NumberFlowSize, } from "./components/number-flow/NumberFlow";
-export { ApprovalCard } from "./components/approval-card/ApprovalCard";
-export type { ApprovalAnswers, ApprovalCardProps, ApprovalOption, ApprovalQuestion, } from "./components/approval-card/ApprovalCard";
 export { CodeBlock } from "./components/code-block/CodeBlock";
 export type { CodeBlockLabels, CodeBlockProps, CodeBlockRenderLineArgs, CodeBlockVariant, CodeLine, CodeLineKind, } from "./components/code-block/CodeBlock";
 export { CommandSearch } from "./components/command-search/CommandSearch";
-export type { CommandSearchItem, CommandSearchProps, } from "./components/command-search/CommandSearch";
+export type { CommandSearchItem, CommandSearchItemState, CommandSearchProps, } from "./components/command-search/CommandSearch";
 export { ContextCard, ContextCardList, FileTypeChip, } from "./components/context-cards/ContextCards";
 export type { ContextCardListProps, ContextCardProps, ContextFileType, FileTypeChipProps, } from "./components/context-cards/ContextCards";
 export { FilterTable, filterTableStatusLabels, filterTableStatuses, } from "./components/filter-table/FilterTable";
 export type { FilterTableProps, FilterTableRow, FilterTableStatus, FilterTableStatusLabelMap, } from "./components/filter-table/FilterTable";
-export { FlowchartAction, FlowchartCanvas, FlowchartCondition, FlowchartConnector, FlowchartTrigger, } from "./components/flowchart/Flowchart";
-export type { FlowchartActionProps, FlowchartCanvasProps, FlowchartClauseJoin, FlowchartConditionClause, FlowchartConditionProps, FlowchartConnectorProps, FlowchartConnectorVariant, FlowchartTriggerProps, } from "./components/flowchart/Flowchart";
+export { FlowchartAction, FlowchartCanvas, FlowchartCondition, FlowchartConnector, FlowchartGraph, FlowchartTrigger, } from "./components/flowchart/Flowchart";
+export type { FlowchartActionProps, FlowchartCanvasProps, FlowchartClauseJoin, FlowchartConditionClause, FlowchartConditionProps, FlowchartConnectorProps, FlowchartConnectorVariant, FlowchartGraphNode, FlowchartGraphProps, FlowchartTriggerProps, } from "./components/flowchart/Flowchart";
+export { FLOWCHART_GRAPH_MAX_LANES, FLOWCHART_GRAPH_MAX_NODES, layoutFlowchartGraph, } from "./components/flowchart/graphLayout";
+export type { FlowchartGraphEdge, FlowchartGraphLayout, FlowchartGraphNodeKind, } from "./components/flowchart/graphLayout";
 export { InsightCards } from "./components/insight-cards/InsightCards";
 export type { Insight, InsightCardsProps, InsightChart, InsightChartPoint, InsightComparison, InsightFollowUp, InsightSegment, InsightTone, } from "./components/insight-cards/InsightCards";
 export { PromptBar, readTriggerAtCaret, } from "./components/prompt-bar/PromptBar";