@arnilo/liveframe-starter 0.0.0-stage → 0.3.0-rc.1

package/dist/ui.gen.d.ts

@@ -0,0 +1,1018 @@
+import { type Element as _Element, type Expr as _Expr, type Intent as _Intent, type Json as _Json, type LocalIntent as _LocalIntent } from "@arnilo/liveframe/sdk";
+type _Space = "space.0" | "space.1" | "space.2" | "space.3" | "space.4" | "space.5" | "space.6" | "space.7";
+type _Length = "space.0" | "space.1" | "space.2" | "space.3" | "space.4" | "space.5" | "space.6" | "space.7" | "size.glyph" | "size.panel";
+type _Track = _Length | `${number}fr`;
+type _Dimension = _Length | "fill" | "fit" | `${number}ch` | `${number}%`;
+type _Surface = "surface.base" | "surface.raised" | "surface.well" | "surface.hover" | "surface.active" | "surface.selected" | "surface.scrim" | "surface.scrollbar";
+type _Fill = "accent.fill" | "accent.soft" | "status.critical.fill" | "diagnostic.error" | "diagnostic.warning" | "diagnostic.success" | "diagnostic.info";
+type _Radius = "radius.control" | "radius.plate" | "radius.pill" | "full";
+type _TextStyle = "body" | "caption" | "label" | "label.strong" | "heading.1" | "heading.2" | "heading.3" | "mono";
+type _Tone = "default" | "muted" | "accent" | "success" | "warning" | "danger" | "info";
+type _Responsive<T> = T | {
+    readonly base: T;
+    readonly "bp.sm"?: T;
+    readonly "bp.md"?: T;
+};
+type _Child = _Element | null | undefined | boolean | readonly _Child[];
+type _ExplicitIntent = {
+    readonly type: "setState";
+    readonly key: string;
+    readonly value: _Json;
+} | {
+    readonly type: "setLocal";
+    readonly key: string;
+    readonly value: _Json;
+} | {
+    readonly type: "action";
+    readonly name: string;
+    readonly args: Readonly<Record<string, _Json>>;
+    readonly bind?: never;
+    readonly bindAll?: never;
+};
+import type { NodeRef as _NodeRef } from "@arnilo/liveframe";
+/**
+ * A generic container. Variants add a plate, rule or callout; `semantics` picks the element.
+ */
+export declare const Box: import("@arnilo/liveframe/sdk").Component<{
+    readonly semantics?: "section" | "article" | "aside" | "header" | "footer" | "nav" | "list" | "listItem" | "terms" | "term" | "detail" | "form" | "group" | "figure" | "status" | "alert";
+    readonly label?: string;
+    readonly variant?: "default" | "plate" | "rule" | "callout";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly deferOffscreen?: _Responsive<_Length>;
+    readonly surface?: _Responsive<_Surface>;
+    readonly fill?: _Responsive<_Fill>;
+    readonly radius?: _Responsive<_Radius>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly semantics?: _Expr;
+        readonly label?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * Lays its children out in a column.
+ */
+export declare const Stack: import("@arnilo/liveframe/sdk").Component<{
+    readonly semantics?: "section" | "article" | "aside" | "header" | "footer" | "nav" | "list" | "listItem" | "terms" | "term" | "detail" | "form" | "group" | "figure" | "status" | "alert";
+    readonly label?: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly gap?: _Responsive<_Space>;
+    readonly direction?: _Responsive<"horizontal" | "vertical">;
+    readonly align?: _Responsive<"start" | "center" | "end" | "stretch" | "baseline">;
+    readonly justify?: _Responsive<"start" | "center" | "end" | "between" | "around" | "evenly">;
+    readonly wrap?: _Responsive<"nowrap" | "wrap">;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly semantics?: _Expr;
+        readonly label?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * Lays its children out in a row.
+ */
+export declare const Inline: import("@arnilo/liveframe/sdk").Component<{
+    readonly semantics?: "section" | "article" | "aside" | "header" | "footer" | "nav" | "list" | "listItem" | "terms" | "term" | "detail" | "form" | "group" | "figure" | "status" | "alert";
+    readonly label?: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly gap?: _Responsive<_Space>;
+    readonly direction?: _Responsive<"horizontal" | "vertical">;
+    readonly align?: _Responsive<"start" | "center" | "end" | "stretch" | "baseline">;
+    readonly justify?: _Responsive<"start" | "center" | "end" | "between" | "around" | "evenly">;
+    readonly wrap?: _Responsive<"nowrap" | "wrap">;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly semantics?: _Expr;
+        readonly label?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * Lays its children out on a grid whose tracks the author sets.
+ */
+export declare const Grid: import("@arnilo/liveframe/sdk").Component<{
+    readonly semantics?: "section" | "article" | "aside" | "header" | "footer" | "nav" | "list" | "listItem" | "terms" | "term" | "detail" | "form" | "group" | "figure" | "status" | "alert";
+    readonly label?: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly gap?: _Responsive<_Space>;
+    readonly align?: _Responsive<"start" | "center" | "end" | "stretch" | "baseline">;
+    readonly justify?: _Responsive<"start" | "center" | "end" | "between" | "around" | "evenly">;
+    readonly columns?: _Responsive<ReadonlyArray<_Track>>;
+    readonly rows?: _Responsive<ReadonlyArray<_Track>>;
+    readonly area?: _Responsive<ReadonlyArray<string>>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly semantics?: _Expr;
+        readonly label?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * A named, keyboard-focusable region that scrolls its children.
+ */
+export declare const Scroll: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly axis?: "vertical" | "horizontal" | "both";
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly minHeight?: _Responsive<_Dimension>;
+    readonly maxHeight?: _Responsive<_Dimension>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly axis?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * A thin rule between groups of content.
+ */
+export declare const Separator: import("@arnilo/liveframe/sdk").Component<{
+    readonly orientation?: "horizontal" | "vertical";
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly orientation?: _Expr;
+    };
+}>;
+/**
+ * A run of text. Use `tone` and `textStyle` to emphasise it.
+ */
+export declare const Text: import("@arnilo/liveframe/sdk").Component<{
+    readonly text: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly textStyle?: _Responsive<_TextStyle>;
+    readonly tone?: _Responsive<_Tone>;
+    readonly textAlign?: _Responsive<"start" | "center" | "end">;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly text?: _Expr;
+    };
+}>;
+/**
+ * Secondary text that describes another control; a control's `describedBy` can reference it.
+ */
+export declare const Hint: import("@arnilo/liveframe/sdk").Component<{
+    readonly text: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly textAlign?: _Responsive<"start" | "center" | "end">;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly text?: _Expr;
+    };
+}>;
+/**
+ * A section heading, level 1 to 6.
+ */
+export declare const Heading: import("@arnilo/liveframe/sdk").Component<{
+    readonly text: string;
+    readonly level: number;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly textStyle?: _Responsive<_TextStyle>;
+    readonly tone?: _Responsive<_Tone>;
+    readonly textAlign?: _Responsive<"start" | "center" | "end">;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly text?: _Expr;
+        readonly level?: _Expr;
+    };
+}>;
+/**
+ * A small glyph from the app's icon set.
+ */
+export declare const Icon: import("@arnilo/liveframe/sdk").Component<{
+    readonly name: string;
+    readonly label?: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly tone?: _Responsive<_Tone>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly name?: _Expr;
+        readonly label?: _Expr;
+    };
+}>;
+/**
+ * An image from a `https` or relative URL.
+ */
+export declare const Image: import("@arnilo/liveframe/sdk").Component<{
+    /** Expects a URL with scheme https or a relative reference. */
+    readonly src: string;
+    readonly alt: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly src?: _Expr;
+        readonly alt?: _Expr;
+    };
+}>;
+/**
+ * A link to a `https` or relative URL.
+ */
+export declare const Link: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    /** Expects a URL with scheme https or a relative reference. */
+    readonly href: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly href?: _Expr;
+    };
+}>;
+/**
+ * Runs one intent when pressed. `tone` marks a critical action.
+ */
+export declare const Button: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly icon?: string;
+    readonly disabled?: boolean;
+    readonly current?: boolean;
+    readonly pressed?: boolean;
+    readonly tone?: "neutral" | "critical";
+    readonly variant?: "default" | "primary" | "ghost";
+    readonly width?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly align?: _Responsive<"start" | "center" | "end" | "stretch" | "baseline">;
+    readonly onPress?: _ExplicitIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly icon?: _Expr;
+        readonly disabled?: _Expr;
+        readonly current?: _Expr;
+        readonly pressed?: _Expr;
+        readonly tone?: _Expr;
+    };
+}>;
+/**
+ * A single- or multi-line text input. `onChange` carries the text; `onCommit` fires on Enter.
+ */
+export declare const TextField: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly value?: string;
+    readonly placeholder?: string;
+    readonly multiline?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly maxLength?: number;
+    readonly describedBy?: _NodeRef;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly onChange?: _Intent | _LocalIntent;
+    readonly onCommit?: _Intent | _LocalIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly value?: _Expr;
+        readonly placeholder?: _Expr;
+        readonly multiline?: _Expr;
+        readonly disabled?: _Expr;
+        readonly readOnly?: _Expr;
+        readonly maxLength?: _Expr;
+    };
+}>;
+/**
+ * Chooses one value from a list of options.
+ */
+export declare const Select: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly value?: string;
+    readonly disabled?: boolean;
+    readonly options: ReadonlyArray<{
+        readonly value: string;
+        readonly label: string;
+        readonly disabled?: boolean;
+    }>;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly onChange?: _Intent | _LocalIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly value?: _Expr;
+        readonly disabled?: _Expr;
+        readonly options?: _Expr;
+    };
+}>;
+/**
+ * A box that is checked or not.
+ */
+export declare const Checkbox: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly checked?: boolean;
+    readonly disabled?: boolean;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly onChange?: _Intent | _LocalIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly checked?: _Expr;
+        readonly disabled?: _Expr;
+    };
+}>;
+/**
+ * A two-state toggle that takes effect at once.
+ */
+export declare const Switch: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly checked?: boolean;
+    readonly disabled?: boolean;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly onChange?: _Intent | _LocalIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly checked?: _Expr;
+        readonly disabled?: _Expr;
+    };
+}>;
+/**
+ * A button that opens a list of menu items.
+ */
+export declare const Menu: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly disabled?: boolean;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly disabled?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * One action in a menu.
+ */
+export declare const MenuItem: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly icon?: string;
+    readonly disabled?: boolean;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly onPress?: _ExplicitIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly icon?: _Expr;
+        readonly disabled?: _Expr;
+    };
+}>;
+/**
+ * A button that opens a small floating panel of children.
+ */
+export declare const Popover: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * A modal panel over the surface. `onClose` fires when it is dismissed.
+ */
+export declare const Dialog: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly open?: boolean;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly onClose?: _ExplicitIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly open?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * Short text shown when its children are hovered or focused.
+ */
+export declare const Tooltip: import("@arnilo/liveframe/sdk").Component<{
+    readonly text: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly text?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * A row of tabs with one panel visible at a time.
+ */
+export declare const Tabs: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly value?: string;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly onChange?: _Intent | _LocalIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly value?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * A summary label that expands its children locally; `onToggle` reports the new state.
+ */
+export declare const Disclosure: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly open?: boolean;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly onToggle?: _Intent | _LocalIntent;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly open?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+/**
+ * One tab and its panel; a child of `tabs`.
+ */
+export declare const Tab: import("@arnilo/liveframe/sdk").Component<{
+    readonly label: string;
+    readonly count?: string;
+    readonly value: string;
+    readonly disabled?: boolean;
+    readonly variant?: "default";
+    readonly padding?: _Responsive<_Space>;
+    readonly paddingX?: _Responsive<_Space>;
+    readonly paddingY?: _Responsive<_Space>;
+    readonly paddingTop?: _Responsive<_Space>;
+    readonly paddingRight?: _Responsive<_Space>;
+    readonly paddingBottom?: _Responsive<_Space>;
+    readonly paddingLeft?: _Responsive<_Space>;
+    readonly margin?: _Responsive<_Space>;
+    readonly marginX?: _Responsive<_Space>;
+    readonly marginY?: _Responsive<_Space>;
+    readonly marginTop?: _Responsive<_Space>;
+    readonly marginRight?: _Responsive<_Space>;
+    readonly marginBottom?: _Responsive<_Space>;
+    readonly marginLeft?: _Responsive<_Space>;
+    readonly width?: _Responsive<_Dimension>;
+    readonly height?: _Responsive<_Dimension>;
+    readonly minWidth?: _Responsive<_Dimension>;
+    readonly maxWidth?: _Responsive<_Dimension>;
+    readonly grow?: _Responsive<number>;
+    readonly shrink?: _Responsive<number>;
+    readonly basis?: _Responsive<number>;
+    readonly position?: _Responsive<"static" | "sticky">;
+    readonly insetTop?: _Responsive<_Space>;
+    readonly insetBottom?: _Responsive<_Space>;
+    readonly when?: _Expr;
+    readonly bind?: {
+        readonly label?: _Expr;
+        readonly count?: _Expr;
+        readonly value?: _Expr;
+        readonly disabled?: _Expr;
+    };
+    readonly children?: _Child;
+}>;
+export {};