@lattice-php/lattice 0.19.0 → 0.21.0

package/dist/types/generated.d.ts

@@ -1,11 +1,116 @@
+export type NodeProps = Record<string, unknown>;
+export type CommonNodeProps = {
+    dataBindings?: Record<string, string> | null;
+    hideWhenCollapsed?: boolean | null;
+};
+/**
+ * Augmentable map of wire `type` string → props for consumer components. Apps
+ * extend it via `declare module "@lattice-php/lattice"` so their custom components
+ * gain strong prop types; the entries are generated by `php artisan lattice:typescript`.
+ * Built-in components resolve through the generated `ComponentPropsMap` below.
+ * Types in neither fall back to a loose bag.
+ */
+export interface ComponentProps {
+}
+/** The column counterpart of `ComponentProps`. */
+export interface ColumnProps {
+}
+/** The filter counterpart of `ComponentProps`. */
+export interface FilterProps {
+}
+/** The effect counterpart of `ComponentProps`. */
+export interface EffectProps {
+}
+/**
+ * Resolves a `type` string to its payload: consumer augmentations (`TAugment`)
+ * win over generated built-ins (`TBuiltins`), then a loose fallback. The one
+ * resolver behind the component, column, filter and effect maps.
+ */
+export type ResolveProps<TAugment, TBuiltins, TType extends string, TFallback> = TType extends keyof TAugment ? TAugment[TType] : TType extends keyof TBuiltins ? TBuiltins[TType] : TFallback;
+export type ComponentPropsOf<TType extends string> = ResolveProps<ComponentProps, ComponentPropsMap, TType, NodeProps> & CommonNodeProps;
+/**
+ * The loose wire node an unknown/untyped `type` resolves to: the shape every node
+ * shares, with a loose `props` bag. The single source of the wire-node shape —
+ * `Node` (i.e. `Node<string>`) is this.
+ */
+type LooseNode = {
+    id?: string;
+    key?: string;
+    type: string;
+    props?: NodeProps;
+    schema?: Schema;
+};
+/**
+ * Built-in `props` is required, not optional — the wire serializes the full prop
+ * object, so reads need no optional chaining. Unknown types fall back to `LooseNode`.
+ */
+export type Node<TType extends string = string> = string extends TType ? LooseNode : {
+    id?: string;
+    key?: string;
+    props: ComponentPropsOf<TType>;
+    schema?: Schema;
+    type: TType;
+};
+/**
+ * Distributes so `NodeUnionOf<"a" | "b">` is `Node<"a"> | Node<"b">` — a
+ * discriminated union where `node.type` narrows `node.props`. Domains build
+ * their node union from a generated `…NodeType` string union with this.
+ */
+export type NodeUnionOf<TTypes extends string> = TTypes extends string ? Node<TTypes> : never;
+export type Schema = Node[];
+/**
+ * The generated `Column` base props (serialized by every column regardless of
+ * type) back the fallback, so even an unaugmented custom column keeps its
+ * common concerns typed.
+ */
+export type ColumnPropsOf<TType extends string> = ResolveProps<ColumnProps, ColumnPropsMap, TType, Column & Record<string, unknown>>;
+export type CommonColumnProps = Column;
+/**
+ * A column node, authored and consumed like a field/component: `key`/`type`
+ * stay top-level, every common concern (`label`/`width`/`filter`/…) lives in
+ * `props` on each generated column type. `schema` is only present for a
+ * container column: the bound component nodes rendered per row. The column
+ * counterpart of `Node`.
+ */
+export type ColumnNode<TType extends string = string> = {
+    type: TType;
+    key: string;
+    props: ColumnPropsOf<TType>;
+    schema?: Schema;
+};
+export type FilterPropsOf<TType extends string> = ResolveProps<FilterProps, FilterPropsMap, TType, Filter & Record<string, unknown>>;
+/**
+ * A dedicated table filter, authored and consumed like a field/component:
+ * `key`/`type` stay top-level, `props` carries `label` plus whatever the
+ * filter type contributes. `schema` is the bound field(s) rendering the
+ * filter's control and is absent when empty. The filter counterpart of
+ * `ColumnNode`.
+ */
+export type FilterNode<TType extends string = string> = {
+    type: TType;
+    key: string;
+    props: FilterPropsOf<TType>;
+    schema?: Schema;
+};
+export type EffectPropsOf<TType extends string> = ResolveProps<EffectProps, EffectPropsMap, TType, Record<string, unknown>>;
+/**
+ * Deliberate exception to the `XNode` naming: an effect is a `{type, props}`
+ * envelope without id/key/schema — it is not a node.
+ */
+export type EffectOf<TType extends string> = string extends TType ? Effect : {
+    type: TType;
+    props: EffectPropsOf<TType>;
+};
 export type Action = {
     confirmation: Confirmation | null;
     endpoint: string | null;
-    form: WireNode | null;
+    form: Node<"form"> | null;
     icon: string | null;
     label: string | null;
     lazyForm: boolean;
     method: HttpMethod | null;
+    modalSide: Side | null;
+    modalWidth: ModalWidth | null;
     ref: string | null;
     variant: ButtonVariant | null;
 };
@@ -16,7 +121,6 @@ export type ActionGroup = {
 };
 export type ActionNodeType = "action" | "action.bulk" | "action.group";
 export type ActionResult = {
-    readonly ok: boolean;
     readonly data: Record<string, unknown>;
     readonly effects: Effect[];
 };
@@ -25,12 +129,17 @@ export type Affix = {
     readonly text: string | null;
 };
 export type Align = "center" | "left" | "start" | "stretch";
+export type Avatar = {
+    name: string | null;
+    size: Size;
+    src: string | null;
+};
 export type Badge = {
     label: string;
 };
 export type BadgeColumn = {
     align: ColumnAlign;
-    colors: Record<string | number, string> | null;
+    colors: Record<string | number, Color> | null;
     filter: ColumnFilter | null;
     hiddenByDefault: boolean;
     label: string | null;
@@ -47,23 +156,22 @@ export type BooleanColumn = {
     toggleable: boolean;
     width: ColumnWidth;
 };
+export type Breadcrumb = {
+    readonly href: string;
+    readonly title: string;
+};
 export type Breadcrumbs = Record<string, never>;
 export type BrowserToken = {
     readonly accessToken: string;
-    readonly tokenType: string;
-    readonly expiresIn: number;
     readonly audience: string;
+    readonly expiresIn: number;
     readonly scopes: string[];
+    readonly tokenType: string;
 };
 export type Builder = {
     addLabel: string | null;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     defaultItems: number;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
@@ -89,16 +197,18 @@ export type Builder = {
 export type BulkAction = {
     confirmation: Confirmation | null;
     endpoint: string | null;
-    form: WireNode | null;
+    form: Node<"form"> | null;
     icon: string | null;
     label: string | null;
     lazyForm: boolean;
     method: HttpMethod | null;
+    modalSide: Side | null;
+    modalWidth: ModalWidth | null;
     ref: string | null;
     variant: ButtonVariant | null;
 };
 export type Button = {
-    action: WireNode | null;
+    action: Node<"action"> | Node<"action.bulk"> | null;
     buttonType: ButtonType;
     effects: Effect[];
     href: string | null;
@@ -110,14 +220,11 @@ export type Button = {
 export type ButtonType = "button" | "submit" | "reset";
 export type ButtonVariant = "default" | "destructive" | "ghost" | "info" | "link" | "outline" | "secondary" | "success";
 export type Callout = {
-    title: string | null;
+    action: Node | null;
     dismissible: boolean;
-    action: WireNode | null;
-    variant: Variant;
     message: string;
-};
-export type CalloutEffect = {
-    readonly callout: Callout;
+    title: string | null;
+    variant: Variant;
 };
 export type Callouts = Record<string, never>;
 export type Card = {
@@ -142,14 +249,16 @@ export type Chart = {
     yAxis: boolean;
 };
 export type ChartSeries = {
-    readonly type: ChartSeriesType;
+    readonly color: Color | null;
     readonly dataKey: string;
-    readonly name: string | null;
-    readonly color: string | null;
-    readonly stackId: string | null;
+    readonly innerRadius: string;
+    readonly maxValue: number | null;
+    readonly name: string;
     readonly nameKey: string | null;
+    readonly stackId: string | null;
+    readonly type: ChartSeriesType;
 };
-export type ChartSeriesType = "area" | "bar" | "line" | "pie";
+export type ChartSeriesType = "area" | "bar" | "distribution" | "gauge" | "line" | "pie";
 export type ChatBox = {
     fill: boolean;
     historyEndpoint: string | null;
@@ -160,19 +269,15 @@ export type ChatBox = {
 };
 export type ChatMessage = {
     readonly id: string;
+    readonly parts: Node[];
     readonly role: ChatRole;
-    readonly parts: WireNode[];
 };
+export type ChatNodeType = "chat.box" | "chat.part.text" | "chat.part.tool-call";
 export type ChatRole = "user" | "assistant" | "system";
 export type Checkbox = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -191,12 +296,7 @@ export type Checkbox = {
 export type Choice = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -213,36 +313,71 @@ export type Choice = {
     tooltip: string | null;
     value: unknown;
 };
-export type CloseModalEffect = {
+export type CloseModal = {
     readonly modal: string | null;
 };
 export type Collapsible = {
     collapsed: boolean;
     rememberState: boolean;
     tooltip: string | null;
-    trigger: WireNode[];
+    trigger: Node[];
+};
+export type Color = {
+    readonly dark: string | null;
+    readonly kind: ColorKind;
+    readonly value: string;
+};
+export type ColorKind = "named" | "css";
+export type ColorName = "default" | "muted" | "primary" | "success" | "info" | "warning" | "danger" | "gray" | "red" | "orange" | "yellow" | "green" | "blue" | "purple";
+export type ColorPicker = {
+    columnWidth: ColumnWidth;
+    conditions: FieldConditions | null;
+    dependsOnAny: boolean;
+    dependsOnKeys: string[] | null;
+    disabled: boolean;
+    editablePrefill: boolean;
+    helperText: string | null;
+    label: string | null;
+    name: string;
+    palette: string[];
+    placeholder: string | null;
+    prefillRefreshOn: string[] | null;
+    prefillResetOn: string[] | null;
+    readOnly: boolean;
+    required: boolean;
+    tooltip: string | null;
+    value: unknown;
+};
+export type Column = {
+    align: ColumnAlign;
+    filter: ColumnFilter | null;
+    hiddenByDefault: boolean;
+    label: string | null;
+    sortable: boolean;
+    toggleable: boolean;
+    width: ColumnWidth;
 };
-export type Color = "default" | "muted" | "primary" | "success" | "info" | "warning" | "danger";
 export type ColumnAlign = "start" | "center" | "end";
 export type ColumnFilter = {
-    readonly type: FilterType;
-    readonly operators: Op[];
-    readonly defaultOperator: Op;
+    readonly clauseOptions: ColumnFilterOption[];
     readonly control: FilterControl | null;
-    readonly options: Option[];
+    readonly defaultOperator: Op;
     readonly multiple: boolean;
+    readonly operators: Op[];
+    readonly options: Option[];
     readonly searchable: boolean;
-    readonly clauseOptions?: ColumnFilterOption[];
+    readonly type: FilterType;
 };
 export type ColumnFilterOption = {
+    readonly clauses: ColumnFilterOptionClause[];
     readonly label: string;
     readonly value: string;
-    readonly clauses: ColumnFilterOptionClause[];
 };
 export type ColumnFilterOptionClause = {
     readonly operator: Op;
     readonly value: string;
 };
+export type ColumnNodeType = "column.badge" | "column.boolean" | "column.icon" | "column.image" | "column.money" | "column.number" | "column.stack" | "column.text";
 export type ColumnPropsMap = {
     "column.badge": BadgeColumn;
     "column.boolean": BooleanColumn;
@@ -253,12 +388,12 @@ export type ColumnPropsMap = {
     "column.stack": StackColumn;
     "column.text": TextColumn;
 };
-export type ColumnType = "column.text" | "column.boolean" | "column.number" | "column.money" | "column.stack" | "column.badge" | "column.icon" | "column.image";
 export type ColumnWidth = "xs" | "sm" | "md" | "lg" | "xl";
 export type ComponentPropsMap = {
     action: Action;
     "action.bulk": BulkAction;
     "action.group": ActionGroup;
+    avatar: Avatar;
     badge: Badge;
     breadcrumbs: Breadcrumbs;
     button: Button;
@@ -273,6 +408,7 @@ export type ComponentPropsMap = {
     "field.builder": Builder;
     "field.checkbox": Checkbox;
     "field.choice": Choice;
+    "field.color-picker": ColorPicker;
     "field.date-input": DateInput;
     "field.date-time-input": DateTimeInput;
     "field.file-upload": FileUpload;
@@ -293,16 +429,19 @@ export type ComponentPropsMap = {
     grid: Grid;
     heading: Heading;
     icon: Icon;
+    image: Image;
     link: Link;
     menu: Menu;
     "menu-item": MenuItem;
     modal: Modal;
     notifications: Notifications;
     outlet: Outlet;
+    progress: Progress;
     "raw-block": RawBlock;
     "remote.data-list": DataList;
     section: Section;
     "segmented-control": SegmentedControl;
+    separator: Separator;
     sidebar: Sidebar;
     stack: Stack;
     tab: Tab;
@@ -311,6 +450,7 @@ export type ComponentPropsMap = {
     text: Text;
     tooltip: Tooltip;
     topbar: Topbar;
+    tree: Tree;
 };
 export type Condition = {
     readonly field: string;
@@ -318,10 +458,10 @@ export type Condition = {
     readonly value: unknown;
 };
 export type Confirmation = {
-    readonly title: string;
-    readonly description: string | null;
-    readonly confirmLabel: string | null;
     readonly cancelLabel: string | null;
+    readonly confirmLabel: string | null;
+    readonly description: string | null;
+    readonly title: string;
 };
 export type DataList = {
     dataEndpoint: string | null;
@@ -329,21 +469,16 @@ export type DataList = {
     remote: RemoteAccess | null;
 };
 export type DateFormat = {
+    dateStyle: DateTimeStyle | null;
     kind: string;
-    dateStyle: string | null;
-    timeStyle: string | null;
     month: string | null;
+    timeStyle: DateTimeStyle | null;
     year: string | null;
 };
 export type DateInput = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -367,12 +502,7 @@ export type DateRangeFilter = {
 export type DateTimeInput = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     convertTimezone: boolean;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
@@ -394,39 +524,93 @@ export type DateTimeInput = {
     value: unknown;
 };
 export type DateTimeStyle = "full" | "long" | "medium" | "short";
-export type DownloadEffect = {
+export type Download = {
     readonly url: string;
 };
 export type Dropdown = {
     placement: Placement;
-    trigger: WireNode[];
-};
+    trigger: Node[];
+};
+export type EditorBlockquote = Record<string, never>;
+export type EditorBold = Record<string, never>;
+export type EditorBulletList = Record<string, never>;
+export type EditorCode = Record<string, never>;
+export type EditorCodeBlock = Record<string, never>;
+export type EditorDetails = Record<string, never>;
+export type EditorEmoji = {
+    emojis: string[];
+};
+export type EditorExtension = {
+    type: string;
+    props: Record<string, unknown>;
+};
+export type EditorExtensionPropsMap = {
+    blockquote: EditorBlockquote;
+    bold: EditorBold;
+    "bullet-list": EditorBulletList;
+    code: EditorCode;
+    "code-block": EditorCodeBlock;
+    details: EditorDetails;
+    emoji: EditorEmoji;
+    heading: EditorHeading;
+    highlight: EditorHighlight;
+    "horizontal-rule": EditorHorizontalRule;
+    italic: EditorItalic;
+    link: EditorLink;
+    "ordered-list": EditorOrderedList;
+    strike: EditorStrike;
+    table: EditorTable;
+    "text-align": EditorTextAlign;
+    underline: EditorUnderline;
+};
+export type EditorHeading = {
+    levels: number[];
+};
+export type EditorHighlight = Record<string, never>;
+export type EditorHorizontalRule = Record<string, never>;
+export type EditorItalic = Record<string, never>;
+export type EditorLink = {
+    openOnClick: boolean;
+    protocols: string[];
+};
+export type EditorOrderedList = Record<string, never>;
+export type EditorStrike = Record<string, never>;
+export type EditorTable = {
+    cols: number;
+    rows: number;
+    withHeaderRow: boolean;
+};
+export type EditorTextAlign = {
+    alignments: string[];
+};
+export type EditorUnderline = Record<string, never>;
 export type Effect = {
     type: string;
-} & Record<string, unknown>;
+    props: Record<string, unknown>;
+};
 export type EffectPropsMap = {
-    callout: CalloutEffect;
-    "close-modal": CloseModalEffect;
-    download: DownloadEffect;
-    "locale-change": LocaleChangeEffect;
-    "open-modal": OpenModalEffect;
-    redirect: RedirectEffect;
-    "reload-component": ReloadComponentEffect;
-    "reload-page": ReloadPageEffect;
-    "reset-form": ResetFormEffect;
-    toast: ToastEffect;
-    "toggle-sidebar": ToggleSidebarEffect;
-};
-export type FieldType = "field.builder" | "field.checkbox" | "field.choice" | "field.date-input" | "field.date-time-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.textarea" | "field.text-input" | "field.time-input" | "field.toggle";
+    callout: Callout;
+    "close-modal": CloseModal;
+    download: Download;
+    "locale-change": LocaleChange;
+    "open-modal": OpenModal;
+    redirect: Redirect;
+    "reload-component": ReloadComponent;
+    "reload-page": ReloadPage;
+    "reset-form": ResetForm;
+    toast: Toast;
+    "toggle-sidebar": ToggleSidebar;
+};
+export type FieldConditions = {
+    readonly disabled: Condition[];
+    readonly readOnly: Condition[];
+    readonly required: Condition[];
+    readonly visible: Condition[];
+};
 export type FileUpload = {
     accept: string | null;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -453,9 +637,12 @@ export type FileUpload = {
     tooltip: string | null;
     value: unknown;
 };
+export type Filter = {
+    label: string | null;
+};
 export type FilterClause = {
     readonly field: string;
-    readonly operator: string;
+    readonly operator: Op;
     readonly value: string;
 };
 export type FilterControl = "filter.select" | "filter.ternary" | "filter.date-range" | "filter.toggle";
@@ -464,6 +651,7 @@ export type FilterIndicator = {
     readonly label: string;
     readonly value: string;
 };
+export type FilterNodeType = "filter.date-range" | "filter.select" | "filter.ternary" | "filter.toggle";
 export type FilterPropsMap = {
     "filter.date-range": DateRangeFilter;
     "filter.select": SelectFilter;
@@ -475,7 +663,7 @@ export type FloatingPanel = {
     label: string | null;
     offset: number;
     placement: FloatingPlacement;
-    trigger: WireNode[];
+    trigger: Node[];
 };
 export type FloatingPlacement = "bottom-end" | "bottom-start" | "top-end" | "top-start";
 export type Form = {
@@ -493,19 +681,24 @@ export type Form = {
     validationSummaryLabel: string;
     validationTimeout: number | null;
 };
-export type FormFieldNodeType = "field.builder" | "field.checkbox" | "field.choice" | "field.date-input" | "field.date-time-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.text-input" | "field.textarea" | "field.time-input" | "field.toggle";
-export type FormNodeType = "field.builder" | "field.checkbox" | "field.choice" | "field.date-input" | "field.date-time-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.text-input" | "field.textarea" | "field.time-input" | "field.toggle" | "form";
+export type FormFieldNodeType = "field.builder" | "field.checkbox" | "field.choice" | "field.color-picker" | "field.date-input" | "field.date-time-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.text-input" | "field.textarea" | "field.time-input" | "field.toggle";
+export type FormNodeType = "field.builder" | "field.checkbox" | "field.choice" | "field.color-picker" | "field.date-input" | "field.date-time-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.text-input" | "field.textarea" | "field.time-input" | "field.toggle" | "form";
 export type Fragment = {
     endpoint: string | null;
     lazy: boolean;
     ref: string | null;
     size: Size;
 };
+export type FragmentNodeType = "fragment";
+export type FragmentResponse = {
+    readonly schema: Node[];
+};
 export type Gap = "none" | "xs" | "sm" | "md" | "lg" | "xl";
 export type Grid = {
     columns: number | null;
 };
 export type Heading = {
+    copyable: boolean;
     level: number;
     text: string;
     tooltip: string | null;
@@ -513,12 +706,7 @@ export type Heading = {
 export type Height = "full" | "screen";
 export type HiddenInput = {
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -536,9 +724,9 @@ export type HiddenInput = {
 export type HttpMethod = import('@inertiajs/core').Method;
 export type I18nConfig = {
     readonly enabled: boolean;
-    readonly saveMissing: boolean;
     readonly locales: string[];
     readonly preloadLocales: string[];
+    readonly saveMissing: boolean;
     readonly timezone: string | null;
 };
 export type Icon = {
@@ -549,7 +737,7 @@ export type Icon = {
 };
 export type IconColumn = {
     align: ColumnAlign;
-    colors: Record<string | number, string> | null;
+    colors: Record<string | number, Color> | null;
     filter: ColumnFilter | null;
     hiddenByDefault: boolean;
     icon: string | null;
@@ -559,20 +747,34 @@ export type IconColumn = {
     toggleable: boolean;
     width: ColumnWidth;
 };
+export type Image = {
+    alt: string | null;
+    circular: boolean;
+    previewable: boolean;
+    size: number | null;
+    src: string;
+};
 export type ImageColumn = {
     align: ColumnAlign;
     circular: boolean;
     filter: ColumnFilter | null;
     hiddenByDefault: boolean;
     label: string | null;
+    previewable: boolean;
     size: number | null;
     sortable: boolean;
     toggleable: boolean;
     width: ColumnWidth;
 };
 export type Justify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export type LabelAction = {
+    readonly href: string;
+    readonly label: string;
+    readonly tabIndex: number | null;
+};
+export type LayoutNodeType = "breadcrumbs" | "callouts" | "dropdown" | "menu" | "menu-item" | "outlet" | "sidebar" | "topbar";
 export type Link = {
-    action: WireNode | null;
+    action: Node<"action"> | Node<"action.bulk"> | null;
     effects: Effect[];
     href: string | null;
     icon: string | null;
@@ -582,18 +784,18 @@ export type Link = {
     suffix: Affix | null;
     tabIndex: number | null;
 };
-export type ListenerPayload = {
+export type Listen = {
     readonly channel: string;
+    effects: Effect[];
+    events: string[];
     readonly visibility: ChannelVisibility;
-    readonly events: string[];
-    readonly effects: Effect[];
 };
-export type LocaleChangeEffect = {
+export type LocaleChange = {
     readonly locale: string;
 };
 export type Menu = Record<string, never>;
 export type MenuItem = {
-    action: WireNode | null;
+    action: Node<"action"> | Node<"action.bulk"> | null;
     effects: Effect[];
     href: string | null;
     icon: string | null;
@@ -607,10 +809,14 @@ export type Modal = {
     description: string | null;
     open: boolean;
     ref: string | null;
+    side: Side | null;
     title: string | null;
+    width: ModalWidth;
 };
+export type ModalWidth = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
 export type MoneyColumn = {
     align: ColumnAlign;
+    copyable: boolean;
     currency: string | null;
     currencyField: string | null;
     filter: ColumnFilter | null;
@@ -622,18 +828,24 @@ export type MoneyColumn = {
     toggleable: boolean;
     width: ColumnWidth;
 };
-export type NodeType = "action" | "action.bulk" | "action.group" | "badge" | "breadcrumbs" | "button" | "callouts" | "card" | "chart" | "chat.box" | "chat.part.text" | "chat.part.tool-call" | "collapsible" | "dropdown" | "field.builder" | "field.checkbox" | "field.choice" | "field.date-input" | "field.date-time-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.text-input" | "field.textarea" | "field.time-input" | "field.toggle" | "floating-panel" | "form" | "fragment" | "grid" | "heading" | "icon" | "link" | "menu" | "menu-item" | "modal" | "notifications" | "outlet" | "raw-block" | "remote.data-list" | "section" | "segmented-control" | "sidebar" | "stack" | "tab" | "table" | "tabs" | "text" | "tooltip" | "topbar";
+export type NodeType = "action" | "action.bulk" | "action.group" | "avatar" | "badge" | "breadcrumbs" | "button" | "callouts" | "card" | "chart" | "chat.box" | "chat.part.text" | "chat.part.tool-call" | "collapsible" | "dropdown" | "field.builder" | "field.checkbox" | "field.choice" | "field.color-picker" | "field.date-input" | "field.date-time-input" | "field.file-upload" | "field.hidden-input" | "field.number-input" | "field.otp" | "field.password-input" | "field.repeater" | "field.rich-editor" | "field.select" | "field.text-input" | "field.textarea" | "field.time-input" | "field.toggle" | "floating-panel" | "form" | "fragment" | "grid" | "heading" | "icon" | "image" | "link" | "menu" | "menu-item" | "modal" | "notifications" | "outlet" | "progress" | "raw-block" | "remote.data-list" | "section" | "segmented-control" | "separator" | "sidebar" | "stack" | "tab" | "table" | "tabs" | "text" | "tooltip" | "topbar" | "tree";
 export type NotificationItem = {
-    readonly id: string;
-    readonly title: string | null;
+    readonly actions: Node[];
     readonly body: string | null;
-    readonly icon: string | null;
-    readonly variant: Variant | null;
+    readonly createdAt: string | null;
     readonly href: string | null;
+    readonly icon: string | null;
+    readonly id: string;
     readonly isRead: boolean;
-    readonly createdAt: string | null;
-    readonly actions: WireNode[];
+    readonly title: string | null;
+    readonly variant: Variant | null;
 };
+export type NotificationList = {
+    readonly hasMore: boolean;
+    readonly notifications: NotificationItem[];
+    readonly unreadCount: number;
+};
+export type NotificationNodeType = "notifications";
 export type Notifications = {
     channel: string;
     endpoint: string;
@@ -643,6 +855,7 @@ export type Notifications = {
 export type NumberColumn = {
     align: ColumnAlign;
     compact: boolean;
+    copyable: boolean;
     filter: ColumnFilter | null;
     hiddenByDefault: boolean;
     label: string | null;
@@ -654,23 +867,18 @@ export type NumberColumn = {
     width: ColumnWidth;
 };
 export type NumberFormat = {
+    currency: string | null;
     kind: string;
-    notation: string;
-    minimumFractionDigits: number | null;
     maximumFractionDigits: number | null;
-    currency: string | null;
+    minimumFractionDigits: number | null;
+    notation: string;
     unit: NumberFormatUnit | null;
 };
 export type NumberFormatUnit = "percent" | "kilogram" | "gram" | "kilometer" | "meter" | "byte" | "kilobyte" | "megabyte" | "gigabyte" | "millisecond" | "second" | "minute" | "hour" | "celsius" | "fahrenheit";
 export type NumberInput = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -694,10 +902,11 @@ export type NumberInput = {
     value: unknown;
 };
 export type Op = "contains" | "starts_with" | "ends_with" | "eq" | "neq" | "gt" | "gte" | "lt" | "lte" | "in" | "not_in" | "before" | "after" | "empty" | "filled";
-export type OpenModalEffect = {
+export type OpenModal = {
     readonly modal: string;
 };
 export type Option = {
+    readonly data: Record<string, unknown> | null;
     readonly label: string;
     readonly value: string;
 };
@@ -705,12 +914,7 @@ export type Orientation = "horizontal" | "vertical";
 export type OtpInput = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -729,17 +933,24 @@ export type OtpInput = {
 export type Outlet = Record<string, never>;
 export type PageContainer = "centered" | "default";
 export type PageLayout = "app" | "auth" | "none";
+export type PageLayoutPayload = {
+    readonly key: string;
+    readonly schema: Node[];
+};
+export type PagePayload = {
+    readonly breadcrumbs: Breadcrumb[];
+    readonly container: string;
+    readonly layout: PageLayoutPayload | null;
+    readonly listeners: Listen[];
+    readonly schema: Node[];
+    readonly title: string | null;
+};
 export type PaginationType = "none" | "simple" | "table" | "infinite";
 export type PasswordInput = {
     autoComplete: string | null;
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     confirmation: {
         label: string;
         name: string;
@@ -751,11 +962,7 @@ export type PasswordInput = {
     editablePrefill: boolean;
     helperText: string | null;
     label: string | null;
-    labelAction: {
-        href: string;
-        label: string;
-        tabIndex?: number;
-    } | null;
+    labelAction: LabelAction | null;
     name: string;
     passwordRules: string | null;
     placeholder: string | null;
@@ -770,34 +977,39 @@ export type PasswordInput = {
     value: unknown;
 };
 export type Placement = "top" | "bottom" | "right";
+export type Progress = {
+    color: Color | null;
+    max: number;
+    showValue: boolean;
+    size: Size;
+    value: number;
+    variant: ProgressVariant;
+};
+export type ProgressVariant = "bar" | "circle";
 export type RawBlock = {
     html: string;
 };
-export type RedirectEffect = {
+export type Redirect = {
     readonly url: string;
 };
-export type ReloadComponentEffect = {
+export type ReloadComponent = {
     readonly component: string;
 };
-export type ReloadPageEffect = object;
+export type ReloadPage = Record<string, never>;
 export type RemoteAccess = {
-    readonly source: string;
     readonly audience: string;
-    readonly scopes: string[];
     readonly nodeId: string;
     readonly nodeType: string;
-    readonly tokenEndpoint: string;
     readonly ref: string;
+    readonly scopes: string[];
+    readonly source: string;
+    readonly tokenEndpoint: string;
 };
+export type RemoteNodeType = "remote.data-list";
 export type Repeater = {
     addLabel: string | null;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     defaultItems: number;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
@@ -821,21 +1033,22 @@ export type Repeater = {
     tooltip: string | null;
     value: unknown;
 };
-export type ResetFormEffect = {
+export type ResetForm = {
     readonly form: string | null;
 };
+export type ResolveResponse = {
+    readonly fields: Record<string, Node>;
+    readonly prefill: Record<string, unknown>;
+    readonly values: Record<string, unknown>;
+};
 export type RichEditor = {
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
     editablePrefill: boolean;
+    extensions: EditorExtension[];
     helperText: string | null;
     label: string | null;
     name: string;
@@ -848,11 +1061,11 @@ export type RichEditor = {
     value: unknown;
 };
 export type RowAction = {
-    type: RowActionType;
-    key: string;
     destructive: boolean;
     icon: string | null;
+    key: string;
     label: string | null;
+    type: RowActionType;
 };
 export type RowActionType = "duplicate" | "remove";
 export type RowLayout = "stack" | "table";
@@ -860,7 +1073,7 @@ export type Section = {
     collapsed: boolean;
     collapsible: boolean;
     description: string | null;
-    headerActions: WireNode[];
+    headerActions: Node[];
     rememberState: boolean;
     title: string | null;
     tooltip: string | null;
@@ -875,12 +1088,8 @@ export type SegmentedControl = {
 export type Select = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
+    creatable: boolean;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -909,16 +1118,25 @@ export type SelectFilter = {
     placeholder: string | null;
     searchable: boolean;
 };
+export type Separator = {
+    orientation: Orientation;
+};
 export type Side = "start" | "end";
 export type Sidebar = {
     collapsible: boolean;
     rememberState: boolean;
 };
+export type SignedUpload = {
+    readonly headers: Record<string, unknown>;
+    readonly key: string;
+    readonly method: HttpMethod;
+    readonly url: string;
+};
 export type Size = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
 export type SortDirection = "asc" | "desc";
 export type Stack = {
     align: Align | null;
-    direction: string | null;
+    direction: StackDirection | null;
     float: Side | null;
     gap: Gap | null;
     height: Height | null;
@@ -934,51 +1152,60 @@ export type StackColumn = {
     toggleable: boolean;
     width: ColumnWidth;
 };
+export type StackDirection = "row" | "column";
 export type Tab = {
     confirm: {
         required: boolean;
         redirectUrl: string;
-        timeout?: number;
+        timeout: number | null;
     } | null;
     label: string;
     value: string;
 };
 export type Table = {
-    actionsLabel: string;
-    bulkActions: WireNode[];
-    columns: Record<string, unknown>[];
-    emptyLabel: string;
+    actionsLabel: string | null;
+    bulkActions: (Node<"action"> | Node<"action.bulk">)[];
+    columns: ColumnNode[];
+    emptyLabel: string | null;
     endpoint: string | null;
-    filters: WireNode[];
+    filters: FilterNode[];
     layout: string | null;
     lazy: boolean;
     ref: string | null;
     resizableColumns: boolean;
     resizeIndicator: boolean;
+    searchable: boolean;
     striped: boolean;
 };
+export type TableNodeType = "table";
 export type TablePagination = {
-    readonly mode: PaginationType;
     readonly currentPage: number | null;
-    readonly lastPage: number | null;
-    readonly perPage: number | null;
-    readonly total: number | null;
     readonly from: number | null;
-    readonly to: number | null;
     readonly hasMore: boolean;
+    readonly lastPage: number | null;
+    readonly mode: PaginationType;
     readonly nextPage: number | null;
+    readonly perPage: number | null;
+    readonly to: number | null;
+    readonly total: number | null;
 };
 export type TableQuery = {
     readonly filters: FilterClause[];
-    readonly sorts: TableSort[];
     readonly page: number;
     readonly perPage: number;
-    readonly tableFilters: Record<string, Record<string, unknown>>;
+    readonly search: string;
+    readonly sorts: TableSort[];
     readonly tableFilterIndicators: FilterIndicator[];
+    readonly tableFilters: Record<string, Record<string, unknown>>;
+};
+export type TableResult = {
+    readonly data: Record<string, unknown>[];
+    readonly pagination: TablePagination | null;
+    readonly query: TableQuery;
 };
 export type TableSort = {
-    readonly key: string;
     readonly direction: SortDirection;
+    readonly key: string;
 };
 export type Tabs = {
     activeValue: string;
@@ -1008,8 +1235,8 @@ export type TextColumn = {
     } | null;
     copyable: boolean;
     date: {
-        dateStyle: string | null;
-        timeStyle: string | null;
+        dateStyle: DateTimeStyle | null;
+        timeStyle: DateTimeStyle | null;
     } | null;
     filter: ColumnFilter | null;
     hiddenByDefault: boolean;
@@ -1027,12 +1254,8 @@ export type TextInput = {
     autoComplete: string | null;
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
+    copyable: boolean;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -1058,12 +1281,7 @@ export type TextPart = {
 export type Textarea = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -1084,12 +1302,7 @@ export type Textarea = {
 export type TimeInput = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -1108,26 +1321,18 @@ export type TimeInput = {
     tooltip: string | null;
     value: unknown;
 };
-export type ToastEffect = {
-    readonly toast: ToastMessage;
-};
-export type ToastMessage = {
+export type Toast = {
+    action: Node | null;
+    dismissible: boolean;
     duration: number | null;
+    message: Translatable | string;
     persistent: boolean;
-    dismissible: boolean;
-    action: WireNode | null;
     variant: Variant;
-    message: Translatable | string;
 };
 export type Toggle = {
     autoFocus: boolean;
     columnWidth: ColumnWidth;
-    conditions: {
-        visible?: Condition[];
-        required?: Condition[];
-        readOnly?: Condition[];
-        disabled?: Condition[];
-    } | null;
+    conditions: FieldConditions | null;
     dependsOnAny: boolean;
     dependsOnKeys: string[] | null;
     disabled: boolean;
@@ -1146,7 +1351,7 @@ export type Toggle = {
 export type ToggleFilter = {
     label: string | null;
 };
-export type ToggleSidebarEffect = {
+export type ToggleSidebar = {
     readonly target: string | null;
 };
 export type ToolCallPart = {
@@ -1155,22 +1360,36 @@ export type ToolCallPart = {
 };
 export type Tooltip = {
     content: string | null;
-    trigger: WireNode[];
+    trigger: Node[];
 };
 export type Topbar = {
     sticky: boolean;
 };
 export type Translatable = {
+    key: string;
     payload: Record<string, string>;
     replacements: Record<string, string | number | boolean>;
-    key: string;
+};
+export type Tree = {
+    activeId: string | null;
+    defaultExpanded: string[];
+    rememberState: boolean;
+};
+export type TreeNode = {
+    actions: Node<"action"> | Node<"action.bulk"> | Node<"action.group"> | null;
+    badge: string | null;
+    children: TreeNode[];
+    disabled: boolean;
+    hasChildren: boolean;
+    href: string | null;
+    icon: string | null;
+    readonly id: string;
+    readonly label: string;
+};
+export type UiNodeType = "avatar" | "badge" | "button" | "card" | "chart" | "collapsible" | "floating-panel" | "grid" | "heading" | "icon" | "image" | "link" | "modal" | "progress" | "raw-block" | "section" | "segmented-control" | "separator" | "stack" | "tab" | "tabs" | "text" | "tooltip" | "tree";
+export type UnreadCount = {
+    readonly unreadCount: number;
 };
 export type Variant = "success" | "info" | "warning" | "error";
 export type Width = "full" | "auto" | "sm" | "md" | "lg" | "fill";
-export type WireNode = {
-    id?: string;
-    key?: string;
-    type: string;
-    props?: Record<string, unknown>;
-    schema?: WireNode[];
-};
+export {};