@yahoo/uds-create-config 4.6.0 → 4.8.0

package/dist/configs/CanvasConfig.d.ts

@@ -1,11 +1,15 @@
 import { Ref } from "../framework/utils/refs.js";
-import { DerivedEntityClass } from "../framework/defineDerivedEntity.js";
 import { SubEntityClass } from "../framework/defineSubEntity.js";
+import { ComputedInput } from "../framework/registry.js";
+import { DerivedEntityClass } from "../framework/defineDerivedEntity.js";
 import { ComponentContractOf, PathOf } from "../framework/registered.js";
 import { EntityClass } from "../framework/defineEntity.js";
 import { ConfigClass, ConfigInstance } from "../framework/defineConfig.js";
 import { Config } from "../framework/Config.js";
-import { ComputedInput } from "../framework/registry.js";
+import { StoredPreviewCondition } from "../framework/preview-store.js";
+import { listSlots, namedSlots, slotHostedBy, slotOf } from "../spec/slot.js";
+import { cellAt } from "../spec/cell.js";
+import { instanceAt } from "../spec/instance.js";
 import { ReactNativeSystem } from "./react-native-system.js";
 import { System } from "./system.js";
 import { AnySystemConfig } from "./platform.js";
@@ -163,6 +167,11 @@ declare const Node: EntityClass<z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>>]>>;
       required: z.ZodOptional<z.ZodBoolean>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>, z.ZodObject<{
       type: z.ZodLiteral<"variant">;
       value: z.ZodUnion<readonly [z.ZodPipe<z.ZodArray<z.ZodString>, z.ZodTransform<{
@@ -175,6 +184,11 @@ declare const Node: EntityClass<z.ZodObject<{
         deprecated: z.ZodOptional<z.ZodBoolean>;
       }, z.core.$strict>>]>;
       required: z.ZodOptional<z.ZodBoolean>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>, z.ZodPipe<z.ZodObject<{
       type: z.ZodLiteral<"forward">;
       target: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
@@ -190,6 +204,11 @@ declare const Node: EntityClass<z.ZodObject<{
       }, z.core.$strip>>]>>;
       text: z.ZodOptional<z.ZodBoolean>;
       required: z.ZodOptional<z.ZodBoolean>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>, z.ZodTransform<{
       type: "forward";
       target: string | {
@@ -205,6 +224,11 @@ declare const Node: EntityClass<z.ZodObject<{
       }[] | undefined;
       text?: boolean | undefined;
       required?: boolean | undefined;
+      when?: Record<string, string | number | boolean | {
+        __ref: string;
+      } | (string | number | boolean | {
+        __ref: string;
+      })[]> | undefined;
     }, {
       type: "forward";
       target: string | {
@@ -220,45 +244,77 @@ declare const Node: EntityClass<z.ZodObject<{
       }[] | undefined;
       text?: boolean | undefined;
       required?: boolean | undefined;
+      when?: Record<string, string | number | boolean | {
+        __ref: string;
+      } | (string | number | boolean | {
+        __ref: string;
+      })[]> | undefined;
     }>>, z.ZodObject<{
       type: z.ZodLiteral<"styleProperty">;
       value: z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>, z.ZodObject<{
       type: z.ZodLiteral<"composite">;
       value: z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>, z.ZodObject<{
       type: z.ZodLiteral<"motion">;
       value: z.ZodDefault<z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>, z.ZodObject<{
       type: z.ZodLiteral<"string">;
       value: z.ZodOptional<z.ZodString>;
       required: z.ZodOptional<z.ZodBoolean>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>, z.ZodObject<{
       type: z.ZodLiteral<"number">;
       value: z.ZodOptional<z.ZodNumber>;
       required: z.ZodOptional<z.ZodBoolean>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>, z.ZodObject<{
       type: z.ZodLiteral<"boolean">;
       value: z.ZodOptional<z.ZodBoolean>;
       required: z.ZodOptional<z.ZodBoolean>;
+      when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>]>>]>>>;
     }, z.core.$strict>], "type">>>>;
     forwards: z.ZodOptional<SubEntityClass<z.ZodUnion<readonly [z.ZodLiteral<"*">, z.ZodArray<z.ZodObject<{
       __ref: z.ZodString;
     }, z.core.$strip>>]>>>;
     styles: z.ZodOptional<SubEntityClass<z.ZodType<ComponentStyleBody, unknown, z.core.$ZodTypeInternals<ComponentStyleBody, unknown>>>>;
+    renderProps: z.ZodOptional<z.ZodArray<z.ZodString>>;
     anatomy: z.ZodOptional<SubEntityClass<z.ZodType<ComponentElementBody, unknown, z.core.$ZodTypeInternals<ComponentElementBody, unknown>>>>;
     defaultProps: z.ZodOptional<SubEntityClass<z.ZodType<StyleValue, unknown, z.core.$ZodTypeInternals<StyleValue, unknown>>>>;
-    previewProps: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-    previewWhen: z.ZodOptional<z.ZodArray<z.ZodObject<{
-      when: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-      props: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-    }, z.core.$strip>>>;
+    preview: z.ZodOptional<SubEntityClass<z.ZodType<StoredPreviewCondition, unknown, z.core.$ZodTypeInternals<StoredPreviewCondition, unknown>>>>;
     file: z.ZodOptional<z.ZodObject<{
       __ref: z.ZodString;
     }, z.core.$strip>>;
@@ -281,6 +337,11 @@ declare const Node: EntityClass<z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>>]>>;
           required: z.ZodOptional<z.ZodBoolean>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>, z.ZodObject<{
           type: z.ZodLiteral<"variant">;
           value: z.ZodUnion<readonly [z.ZodPipe<z.ZodArray<z.ZodString>, z.ZodTransform<{
@@ -293,6 +354,11 @@ declare const Node: EntityClass<z.ZodObject<{
             deprecated: z.ZodOptional<z.ZodBoolean>;
           }, z.core.$strict>>]>;
           required: z.ZodOptional<z.ZodBoolean>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>, z.ZodPipe<z.ZodObject<{
           type: z.ZodLiteral<"forward">;
           target: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
@@ -308,6 +374,11 @@ declare const Node: EntityClass<z.ZodObject<{
           }, z.core.$strip>>]>>;
           text: z.ZodOptional<z.ZodBoolean>;
           required: z.ZodOptional<z.ZodBoolean>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>, z.ZodTransform<{
           type: "forward";
           target: string | {
@@ -323,6 +394,11 @@ declare const Node: EntityClass<z.ZodObject<{
           }[] | undefined;
           text?: boolean | undefined;
           required?: boolean | undefined;
+          when?: Record<string, string | number | boolean | {
+            __ref: string;
+          } | (string | number | boolean | {
+            __ref: string;
+          })[]> | undefined;
         }, {
           type: "forward";
           target: string | {
@@ -338,51 +414,83 @@ declare const Node: EntityClass<z.ZodObject<{
           }[] | undefined;
           text?: boolean | undefined;
           required?: boolean | undefined;
+          when?: Record<string, string | number | boolean | {
+            __ref: string;
+          } | (string | number | boolean | {
+            __ref: string;
+          })[]> | undefined;
         }>>, z.ZodObject<{
           type: z.ZodLiteral<"styleProperty">;
           value: z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>, z.ZodObject<{
           type: z.ZodLiteral<"composite">;
           value: z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>, z.ZodObject<{
           type: z.ZodLiteral<"motion">;
           value: z.ZodDefault<z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>, z.ZodObject<{
           type: z.ZodLiteral<"string">;
           value: z.ZodOptional<z.ZodString>;
           required: z.ZodOptional<z.ZodBoolean>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>, z.ZodObject<{
           type: z.ZodLiteral<"number">;
           value: z.ZodOptional<z.ZodNumber>;
           required: z.ZodOptional<z.ZodBoolean>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>, z.ZodObject<{
           type: z.ZodLiteral<"boolean">;
           value: z.ZodOptional<z.ZodBoolean>;
           required: z.ZodOptional<z.ZodBoolean>;
+          when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>]>>]>>>;
         }, z.core.$strict>], "type">>>>;
         forwards: z.ZodOptional<SubEntityClass<z.ZodUnion<readonly [z.ZodLiteral<"*">, z.ZodArray<z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>>]>>>;
         styles: z.ZodOptional<SubEntityClass<z.ZodType<ComponentStyleBody, unknown, z.core.$ZodTypeInternals<ComponentStyleBody, unknown>>>>;
+        renderProps: z.ZodOptional<z.ZodArray<z.ZodString>>;
         anatomy: z.ZodOptional<SubEntityClass<z.ZodType<ComponentElementBody, unknown, z.core.$ZodTypeInternals<ComponentElementBody, unknown>>>>;
         defaultProps: z.ZodOptional<SubEntityClass<z.ZodType<StyleValue, unknown, z.core.$ZodTypeInternals<StyleValue, unknown>>>>;
-        previewProps: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-        previewWhen: z.ZodOptional<z.ZodArray<z.ZodObject<{
-          when: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-          props: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-        }, z.core.$strip>>>;
+        preview: z.ZodOptional<SubEntityClass<z.ZodType<StoredPreviewCondition, unknown, z.core.$ZodTypeInternals<StoredPreviewCondition, unknown>>>>;
         file: z.ZodOptional<z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>>;
         export: z.ZodOptional<z.ZodString>;
       }, z.core.$strict>;
-      readonly description: "Create a component at a new qualified `path`. For a component with nothing in it yet, one to design on the canvas before it has props or variants, use `create-blank` with only a `path` instead of authoring a minimal body here. When its complete body is known, include all layers, anatomy, props, defaults, and styles in this one operation. `data.layers` maps each stable layer name to the element it renders and must include `root` — a tag for a primitive (`{ \"layers\": { \"root\": \"div\" } }`), and for anything built on top, a ref to a primitive (`{ \"root\": { \"__ref\": \"component:Box\" }, \"label\": { \"__ref\": \"component:Text\" } }`), which is what lets the layer take that primitive's style props. A primitive exposes style props as `{ \"type\": \"styleProperty\", \"value\": { \"__ref\": \"style-property:bg\" } }` and declares `children: { \"type\": \"slot\", \"text\": true }` when it holds content — without the slot, nothing nested inside it renders. A composed component exposes a layer's props at its own top level through `forwards`, keyed by layer: `{ \"forwards\": { \"root\": \"*\" } }` passes every prop the root's element takes (so `<Button width=\"full\">` reaches the root's `width`), and a list of member refs (`[{ \"__ref\": \"component:Box#props/width\" }]`, each naming the component that declares the prop) passes only those. A prop a layer already exposes is forwarded, never redeclared in `props`; a `props` entry of `{ \"type\": \"forward\" }` is the reverse route, one of this component's props into a layer's. `anatomy` is the tree the build would read off a render: each node renders a layer (`{ \"__ref\": \"layer:<name>\" }`), an intrinsic tag, or `Slot` (`{ \"element\": \"Slot\", \"props\": { \"name\": \"children\" } }`, where a slot prop's content lands — but a declared slot fills `root` by default, so a primitive still declares its `children` slot prop yet needs no `Slot` node or `children` entry for it, and a `Slot` node is only for landing that content in a nested layer); `children` lists sibling node keys from the `root` node, never a prop name; `text` is a fixed string; `visible` is a condition on a prop (`{ \"$state\": \"<prop>\" }`, or with `eq`); content shown in a nested layer is a route, `children: { \"type\": \"forward\", \"target\": \"label/children\" }`. `$state` appears only in `visible` and in an `element` a prop chooses, never as a prop value. A glyph is a node of its own, `{ \"element\": { \"__ref\": \"icon:<library>/<Name>\" } }`, listed in the `children` of the layer node that holds it, never a prop value. Text a prop supplies to a text layer is never a node either: declare the prop `{ \"type\": \"forward\", \"target\": \"<layer>/children\" }` and the layer shows it; a `Slot` node goes only under a layer that takes nodes. A style rule is `\"styles\": { \"*\": { \"when\": null, \"layers\": { \"root\": { \"bg\": \"surface\" } } } }`, keyed by a name, with each layer's bag under `layers`. A composed component carries its own styles: give it an unconditional (`\"*\"`) rule that lays out and surfaces it through the system's style properties — spacing, alignment and gap on the container, a background and color where it has one — rather than leaning on the bare primitives, which paint flat. Style a layer only with the style props the primitive it renders exposes, set to the values those props accept: `component/get` on the primitive lists both, so read it and choose from that rather than reaching for a CSS name or value the system has no style property for. Set `previewProps` (or `defaultProps`) so the component previews with content; a root that takes children renders empty otherwise. A style rule's layer bag is keyed by style-prop name (`fontWeight`, `color`), never by CSS property name, and each value is one of that prop's values.";
+      readonly description: "Create a component at a new qualified `path`. For a component with nothing in it yet, one to design on the canvas before it has props or variants, use `create-blank` with only a `path` instead of authoring a minimal body here. When its complete body is known, include all layers, anatomy, props, defaults, and styles in this one operation. `data.layers` maps each stable layer name to the element it renders and must include `root` — a tag for a primitive (`{ \"layers\": { \"root\": \"div\" } }`), and for anything built on top, a ref to a primitive (`{ \"root\": { \"__ref\": \"component:Box\" }, \"label\": { \"__ref\": \"component:Text\" } }`), which is what lets the layer take that primitive's style props. A primitive exposes style props as `{ \"type\": \"styleProperty\", \"value\": { \"__ref\": \"style-property:bg\" } }` and declares `children: { \"type\": \"slot\", \"text\": true }` when it holds content — without the slot, nothing nested inside it renders. A composed component exposes a layer's props at its own top level through `forwards`, keyed by layer: `{ \"forwards\": { \"root\": \"*\" } }` passes every prop the root's element takes (so `<Button width=\"full\">` reaches the root's `width`), and a list of member refs (`[{ \"__ref\": \"component:Box#props/width\" }]`, each naming the component that declares the prop) passes only those. A prop a layer already exposes is forwarded, never redeclared in `props`; a `props` entry of `{ \"type\": \"forward\" }` is the reverse route, one of this component's props into a layer's. `anatomy` is the tree the build would read off a render: each node renders a layer (`{ \"__ref\": \"layer:<name>\" }`), an intrinsic tag, or `Slot` (`{ \"element\": \"Slot\", \"props\": { \"name\": \"children\" } }`, where a slot prop's content lands — but a declared slot fills `root` by default, so a primitive still declares its `children` slot prop yet needs no `Slot` node or `children` entry for it, and a `Slot` node is only for landing that content in a nested layer); `children` lists sibling node keys from the `root` node, never a prop name; `text` is a fixed string; `visible` is a condition on a prop (`{ \"$state\": \"<prop>\" }`, or with `eq`); content shown in a nested layer is a route, `children: { \"type\": \"forward\", \"target\": \"label/children\" }`. `$state` appears only in `visible` and in an `element` a prop chooses, never as a prop value. A glyph is a node of its own, `{ \"element\": { \"__ref\": \"icon:<library>/<Name>\" } }`, listed in the `children` of the layer node that holds it, never a prop value. Text a prop supplies to a text layer is never a node either: declare the prop `{ \"type\": \"forward\", \"target\": \"<layer>/children\" }` and the layer shows it; a `Slot` node goes only under a layer that takes nodes. A style rule is `\"styles\": { \"*\": { \"when\": null, \"layers\": { \"root\": { \"bg\": \"surface\" } } } }`, keyed by a name, with each layer's bag under `layers`. A composed component carries its own styles: give it an unconditional (`\"*\"`) rule that lays out and surfaces it through the system's style properties — spacing, alignment and gap on the container, a background and color where it has one — rather than leaning on the bare primitives, which paint flat. Style a layer only with the style props the primitive it renders exposes, set to the values those props accept: `component/get` on the primitive lists both, so read it and choose from that rather than reaching for a CSS name or value the system has no style property for. Set `preview` (`{ \"*\": { \"when\": null, \"props\": { \"children\": \"Example\" } } }`) or `defaultProps` so the component previews with content; a root that takes children renders empty otherwise. A style rule's layer bag is keyed by style-prop name (`fontWeight`, `color`), never by CSS property name, and each value is one of that prop's values.";
       readonly example: ({
         config
       }: {
@@ -481,7 +589,34 @@ declare const Node: EntityClass<z.ZodObject<{
             lt?: number | undefined;
             lte?: number | undefined;
           }>>, z.ZodObject<{
-            $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+            $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+              not: z.ZodOptional<z.ZodLiteral<true>>;
+              eq: z.ZodOptional<z.ZodUnknown>;
+              neq: z.ZodOptional<z.ZodUnknown>;
+              gt: z.ZodOptional<z.ZodNumber>;
+              gte: z.ZodOptional<z.ZodNumber>;
+              lt: z.ZodOptional<z.ZodNumber>;
+              lte: z.ZodOptional<z.ZodNumber>;
+              $state: z.ZodString;
+            }, z.core.$strict>, z.ZodTransform<{
+              $state: string;
+              not?: true | undefined;
+              eq?: unknown;
+              neq?: unknown;
+              gt?: number | undefined;
+              gte?: number | undefined;
+              lt?: number | undefined;
+              lte?: number | undefined;
+            }, {
+              $state: string;
+              not?: true | undefined;
+              eq?: unknown;
+              neq?: unknown;
+              gt?: number | undefined;
+              gte?: number | undefined;
+              lt?: number | undefined;
+              lte?: number | undefined;
+            }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
               not: z.ZodOptional<z.ZodLiteral<true>>;
               eq: z.ZodOptional<z.ZodUnknown>;
               neq: z.ZodOptional<z.ZodUnknown>;
@@ -508,7 +643,7 @@ declare const Node: EntityClass<z.ZodObject<{
               gte?: number | undefined;
               lt?: number | undefined;
               lte?: number | undefined;
-            }>>>;
+            }>>>]>>;
           }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
             not: z.ZodOptional<z.ZodLiteral<true>>;
             eq: z.ZodOptional<z.ZodUnknown>;
@@ -537,7 +672,34 @@ declare const Node: EntityClass<z.ZodObject<{
             lt?: number | undefined;
             lte?: number | undefined;
           }>>, z.ZodObject<{
-            $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+            $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+              not: z.ZodOptional<z.ZodLiteral<true>>;
+              eq: z.ZodOptional<z.ZodUnknown>;
+              neq: z.ZodOptional<z.ZodUnknown>;
+              gt: z.ZodOptional<z.ZodNumber>;
+              gte: z.ZodOptional<z.ZodNumber>;
+              lt: z.ZodOptional<z.ZodNumber>;
+              lte: z.ZodOptional<z.ZodNumber>;
+              $state: z.ZodString;
+            }, z.core.$strict>, z.ZodTransform<{
+              $state: string;
+              not?: true | undefined;
+              eq?: unknown;
+              neq?: unknown;
+              gt?: number | undefined;
+              gte?: number | undefined;
+              lt?: number | undefined;
+              lte?: number | undefined;
+            }, {
+              $state: string;
+              not?: true | undefined;
+              eq?: unknown;
+              neq?: unknown;
+              gt?: number | undefined;
+              gte?: number | undefined;
+              lt?: number | undefined;
+              lte?: number | undefined;
+            }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
               not: z.ZodOptional<z.ZodLiteral<true>>;
               eq: z.ZodOptional<z.ZodUnknown>;
               neq: z.ZodOptional<z.ZodUnknown>;
@@ -564,8 +726,8 @@ declare const Node: EntityClass<z.ZodObject<{
               gte?: number | undefined;
               lt?: number | undefined;
               lte?: number | undefined;
-            }>>>;
-          }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+            }>>>]>>;
+          }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>]>>, z.ZodTransform<{
             $state: string;
@@ -614,7 +776,34 @@ declare const Node: EntityClass<z.ZodObject<{
               lt?: number | undefined;
               lte?: number | undefined;
             }>>, z.ZodObject<{
-              $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+              $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                not: z.ZodOptional<z.ZodLiteral<true>>;
+                eq: z.ZodOptional<z.ZodUnknown>;
+                neq: z.ZodOptional<z.ZodUnknown>;
+                gt: z.ZodOptional<z.ZodNumber>;
+                gte: z.ZodOptional<z.ZodNumber>;
+                lt: z.ZodOptional<z.ZodNumber>;
+                lte: z.ZodOptional<z.ZodNumber>;
+                $state: z.ZodString;
+              }, z.core.$strict>, z.ZodTransform<{
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }, {
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
                 neq: z.ZodOptional<z.ZodUnknown>;
@@ -641,7 +830,7 @@ declare const Node: EntityClass<z.ZodObject<{
                 gte?: number | undefined;
                 lt?: number | undefined;
                 lte?: number | undefined;
-              }>>>;
+              }>>>]>>;
             }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
               not: z.ZodOptional<z.ZodLiteral<true>>;
               eq: z.ZodOptional<z.ZodUnknown>;
@@ -670,7 +859,34 @@ declare const Node: EntityClass<z.ZodObject<{
               lt?: number | undefined;
               lte?: number | undefined;
             }>>, z.ZodObject<{
-              $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+              $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                not: z.ZodOptional<z.ZodLiteral<true>>;
+                eq: z.ZodOptional<z.ZodUnknown>;
+                neq: z.ZodOptional<z.ZodUnknown>;
+                gt: z.ZodOptional<z.ZodNumber>;
+                gte: z.ZodOptional<z.ZodNumber>;
+                lt: z.ZodOptional<z.ZodNumber>;
+                lte: z.ZodOptional<z.ZodNumber>;
+                $state: z.ZodString;
+              }, z.core.$strict>, z.ZodTransform<{
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }, {
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
                 neq: z.ZodOptional<z.ZodUnknown>;
@@ -697,8 +913,8 @@ declare const Node: EntityClass<z.ZodObject<{
                 gte?: number | undefined;
                 lt?: number | undefined;
                 lte?: number | undefined;
-              }>>>;
-            }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              }>>>]>>;
+            }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>]>>, z.ZodTransform<{
               $state: string;
@@ -748,7 +964,34 @@ declare const Node: EntityClass<z.ZodObject<{
                 lt?: number | undefined;
                 lte?: number | undefined;
               }>>, z.ZodObject<{
-                $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                  not: z.ZodOptional<z.ZodLiteral<true>>;
+                  eq: z.ZodOptional<z.ZodUnknown>;
+                  neq: z.ZodOptional<z.ZodUnknown>;
+                  gt: z.ZodOptional<z.ZodNumber>;
+                  gte: z.ZodOptional<z.ZodNumber>;
+                  lt: z.ZodOptional<z.ZodNumber>;
+                  lte: z.ZodOptional<z.ZodNumber>;
+                  $state: z.ZodString;
+                }, z.core.$strict>, z.ZodTransform<{
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }, {
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                   not: z.ZodOptional<z.ZodLiteral<true>>;
                   eq: z.ZodOptional<z.ZodUnknown>;
                   neq: z.ZodOptional<z.ZodUnknown>;
@@ -775,7 +1018,7 @@ declare const Node: EntityClass<z.ZodObject<{
                   gte?: number | undefined;
                   lt?: number | undefined;
                   lte?: number | undefined;
-                }>>>;
+                }>>>]>>;
               }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
@@ -804,7 +1047,34 @@ declare const Node: EntityClass<z.ZodObject<{
                 lt?: number | undefined;
                 lte?: number | undefined;
               }>>, z.ZodObject<{
-                $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                  not: z.ZodOptional<z.ZodLiteral<true>>;
+                  eq: z.ZodOptional<z.ZodUnknown>;
+                  neq: z.ZodOptional<z.ZodUnknown>;
+                  gt: z.ZodOptional<z.ZodNumber>;
+                  gte: z.ZodOptional<z.ZodNumber>;
+                  lt: z.ZodOptional<z.ZodNumber>;
+                  lte: z.ZodOptional<z.ZodNumber>;
+                  $state: z.ZodString;
+                }, z.core.$strict>, z.ZodTransform<{
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }, {
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                   not: z.ZodOptional<z.ZodLiteral<true>>;
                   eq: z.ZodOptional<z.ZodUnknown>;
                   neq: z.ZodOptional<z.ZodUnknown>;
@@ -831,8 +1101,8 @@ declare const Node: EntityClass<z.ZodObject<{
                   gte?: number | undefined;
                   lt?: number | undefined;
                   lte?: number | undefined;
-                }>>>;
-              }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+                }>>>]>>;
+              }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
                 __ref: z.ZodString;
               }, z.core.$strip>]>>, z.ZodTransform<{
                 $state: string;
@@ -925,6 +1195,12 @@ declare const Node: EntityClass<z.ZodObject<{
     }: ComputedInput) => string[];
   }, false>, "ref"> & {
     ref<const Path extends PathOf<"component">>(path: Path): ComponentReference<ComponentContractOf<Path>>;
+    slots: typeof listSlots;
+    slot: typeof slotOf;
+    slotHostedBy: typeof slotHostedBy;
+    namedSlots: typeof namedSlots;
+    cell: typeof cellAt;
+    instance: typeof instanceAt;
   }, EntityClass<z.ZodObject<{
     categories: z.ZodOptional<z.ZodArray<z.ZodString>>;
     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -1050,6 +1326,11 @@ declare const CanvasConfig: ConfigClass<{
           __ref: z.ZodString;
         }, z.core.$strip>>]>>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"variant">;
         value: z.ZodUnion<readonly [z.ZodPipe<z.ZodArray<z.ZodString>, z.ZodTransform<{
@@ -1062,6 +1343,11 @@ declare const CanvasConfig: ConfigClass<{
           deprecated: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strict>>]>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodPipe<z.ZodObject<{
         type: z.ZodLiteral<"forward">;
         target: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
@@ -1077,6 +1363,11 @@ declare const CanvasConfig: ConfigClass<{
         }, z.core.$strip>>]>>;
         text: z.ZodOptional<z.ZodBoolean>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodTransform<{
         type: "forward";
         target: string | {
@@ -1092,6 +1383,11 @@ declare const CanvasConfig: ConfigClass<{
         }[] | undefined;
         text?: boolean | undefined;
         required?: boolean | undefined;
+        when?: Record<string, string | number | boolean | {
+          __ref: string;
+        } | (string | number | boolean | {
+          __ref: string;
+        })[]> | undefined;
       }, {
         type: "forward";
         target: string | {
@@ -1107,45 +1403,77 @@ declare const CanvasConfig: ConfigClass<{
         }[] | undefined;
         text?: boolean | undefined;
         required?: boolean | undefined;
+        when?: Record<string, string | number | boolean | {
+          __ref: string;
+        } | (string | number | boolean | {
+          __ref: string;
+        })[]> | undefined;
       }>>, z.ZodObject<{
         type: z.ZodLiteral<"styleProperty">;
         value: z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"composite">;
         value: z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"motion">;
         value: z.ZodDefault<z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"string">;
         value: z.ZodOptional<z.ZodString>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"number">;
         value: z.ZodOptional<z.ZodNumber>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"boolean">;
         value: z.ZodOptional<z.ZodBoolean>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>], "type">>>>;
       forwards: z.ZodOptional<SubEntityClass<z.ZodUnion<readonly [z.ZodLiteral<"*">, z.ZodArray<z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>>]>>>;
       styles: z.ZodOptional<SubEntityClass<z.ZodType<ComponentStyleBody, unknown, z.core.$ZodTypeInternals<ComponentStyleBody, unknown>>>>;
+      renderProps: z.ZodOptional<z.ZodArray<z.ZodString>>;
       anatomy: z.ZodOptional<SubEntityClass<z.ZodType<ComponentElementBody, unknown, z.core.$ZodTypeInternals<ComponentElementBody, unknown>>>>;
       defaultProps: z.ZodOptional<SubEntityClass<z.ZodType<StyleValue, unknown, z.core.$ZodTypeInternals<StyleValue, unknown>>>>;
-      previewProps: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-      previewWhen: z.ZodOptional<z.ZodArray<z.ZodObject<{
-        when: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-        props: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-      }, z.core.$strip>>>;
+      preview: z.ZodOptional<SubEntityClass<z.ZodType<StoredPreviewCondition, unknown, z.core.$ZodTypeInternals<StoredPreviewCondition, unknown>>>>;
       file: z.ZodOptional<z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>>;
@@ -1168,6 +1496,11 @@ declare const CanvasConfig: ConfigClass<{
               __ref: z.ZodString;
             }, z.core.$strip>>]>>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"variant">;
             value: z.ZodUnion<readonly [z.ZodPipe<z.ZodArray<z.ZodString>, z.ZodTransform<{
@@ -1180,6 +1513,11 @@ declare const CanvasConfig: ConfigClass<{
               deprecated: z.ZodOptional<z.ZodBoolean>;
             }, z.core.$strict>>]>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodPipe<z.ZodObject<{
             type: z.ZodLiteral<"forward">;
             target: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
@@ -1195,6 +1533,11 @@ declare const CanvasConfig: ConfigClass<{
             }, z.core.$strip>>]>>;
             text: z.ZodOptional<z.ZodBoolean>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodTransform<{
             type: "forward";
             target: string | {
@@ -1210,6 +1553,11 @@ declare const CanvasConfig: ConfigClass<{
             }[] | undefined;
             text?: boolean | undefined;
             required?: boolean | undefined;
+            when?: Record<string, string | number | boolean | {
+              __ref: string;
+            } | (string | number | boolean | {
+              __ref: string;
+            })[]> | undefined;
           }, {
             type: "forward";
             target: string | {
@@ -1225,51 +1573,83 @@ declare const CanvasConfig: ConfigClass<{
             }[] | undefined;
             text?: boolean | undefined;
             required?: boolean | undefined;
+            when?: Record<string, string | number | boolean | {
+              __ref: string;
+            } | (string | number | boolean | {
+              __ref: string;
+            })[]> | undefined;
           }>>, z.ZodObject<{
             type: z.ZodLiteral<"styleProperty">;
             value: z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"composite">;
             value: z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"motion">;
             value: z.ZodDefault<z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"string">;
             value: z.ZodOptional<z.ZodString>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"number">;
             value: z.ZodOptional<z.ZodNumber>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"boolean">;
             value: z.ZodOptional<z.ZodBoolean>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>], "type">>>>;
           forwards: z.ZodOptional<SubEntityClass<z.ZodUnion<readonly [z.ZodLiteral<"*">, z.ZodArray<z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>>]>>>;
           styles: z.ZodOptional<SubEntityClass<z.ZodType<ComponentStyleBody, unknown, z.core.$ZodTypeInternals<ComponentStyleBody, unknown>>>>;
+          renderProps: z.ZodOptional<z.ZodArray<z.ZodString>>;
           anatomy: z.ZodOptional<SubEntityClass<z.ZodType<ComponentElementBody, unknown, z.core.$ZodTypeInternals<ComponentElementBody, unknown>>>>;
           defaultProps: z.ZodOptional<SubEntityClass<z.ZodType<StyleValue, unknown, z.core.$ZodTypeInternals<StyleValue, unknown>>>>;
-          previewProps: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-          previewWhen: z.ZodOptional<z.ZodArray<z.ZodObject<{
-            when: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-            props: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-          }, z.core.$strip>>>;
+          preview: z.ZodOptional<SubEntityClass<z.ZodType<StoredPreviewCondition, unknown, z.core.$ZodTypeInternals<StoredPreviewCondition, unknown>>>>;
           file: z.ZodOptional<z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>>;
           export: z.ZodOptional<z.ZodString>;
         }, z.core.$strict>;
-        readonly description: "Create a component at a new qualified `path`. For a component with nothing in it yet, one to design on the canvas before it has props or variants, use `create-blank` with only a `path` instead of authoring a minimal body here. When its complete body is known, include all layers, anatomy, props, defaults, and styles in this one operation. `data.layers` maps each stable layer name to the element it renders and must include `root` — a tag for a primitive (`{ \"layers\": { \"root\": \"div\" } }`), and for anything built on top, a ref to a primitive (`{ \"root\": { \"__ref\": \"component:Box\" }, \"label\": { \"__ref\": \"component:Text\" } }`), which is what lets the layer take that primitive's style props. A primitive exposes style props as `{ \"type\": \"styleProperty\", \"value\": { \"__ref\": \"style-property:bg\" } }` and declares `children: { \"type\": \"slot\", \"text\": true }` when it holds content — without the slot, nothing nested inside it renders. A composed component exposes a layer's props at its own top level through `forwards`, keyed by layer: `{ \"forwards\": { \"root\": \"*\" } }` passes every prop the root's element takes (so `<Button width=\"full\">` reaches the root's `width`), and a list of member refs (`[{ \"__ref\": \"component:Box#props/width\" }]`, each naming the component that declares the prop) passes only those. A prop a layer already exposes is forwarded, never redeclared in `props`; a `props` entry of `{ \"type\": \"forward\" }` is the reverse route, one of this component's props into a layer's. `anatomy` is the tree the build would read off a render: each node renders a layer (`{ \"__ref\": \"layer:<name>\" }`), an intrinsic tag, or `Slot` (`{ \"element\": \"Slot\", \"props\": { \"name\": \"children\" } }`, where a slot prop's content lands — but a declared slot fills `root` by default, so a primitive still declares its `children` slot prop yet needs no `Slot` node or `children` entry for it, and a `Slot` node is only for landing that content in a nested layer); `children` lists sibling node keys from the `root` node, never a prop name; `text` is a fixed string; `visible` is a condition on a prop (`{ \"$state\": \"<prop>\" }`, or with `eq`); content shown in a nested layer is a route, `children: { \"type\": \"forward\", \"target\": \"label/children\" }`. `$state` appears only in `visible` and in an `element` a prop chooses, never as a prop value. A glyph is a node of its own, `{ \"element\": { \"__ref\": \"icon:<library>/<Name>\" } }`, listed in the `children` of the layer node that holds it, never a prop value. Text a prop supplies to a text layer is never a node either: declare the prop `{ \"type\": \"forward\", \"target\": \"<layer>/children\" }` and the layer shows it; a `Slot` node goes only under a layer that takes nodes. A style rule is `\"styles\": { \"*\": { \"when\": null, \"layers\": { \"root\": { \"bg\": \"surface\" } } } }`, keyed by a name, with each layer's bag under `layers`. A composed component carries its own styles: give it an unconditional (`\"*\"`) rule that lays out and surfaces it through the system's style properties — spacing, alignment and gap on the container, a background and color where it has one — rather than leaning on the bare primitives, which paint flat. Style a layer only with the style props the primitive it renders exposes, set to the values those props accept: `component/get` on the primitive lists both, so read it and choose from that rather than reaching for a CSS name or value the system has no style property for. Set `previewProps` (or `defaultProps`) so the component previews with content; a root that takes children renders empty otherwise. A style rule's layer bag is keyed by style-prop name (`fontWeight`, `color`), never by CSS property name, and each value is one of that prop's values.";
+        readonly description: "Create a component at a new qualified `path`. For a component with nothing in it yet, one to design on the canvas before it has props or variants, use `create-blank` with only a `path` instead of authoring a minimal body here. When its complete body is known, include all layers, anatomy, props, defaults, and styles in this one operation. `data.layers` maps each stable layer name to the element it renders and must include `root` — a tag for a primitive (`{ \"layers\": { \"root\": \"div\" } }`), and for anything built on top, a ref to a primitive (`{ \"root\": { \"__ref\": \"component:Box\" }, \"label\": { \"__ref\": \"component:Text\" } }`), which is what lets the layer take that primitive's style props. A primitive exposes style props as `{ \"type\": \"styleProperty\", \"value\": { \"__ref\": \"style-property:bg\" } }` and declares `children: { \"type\": \"slot\", \"text\": true }` when it holds content — without the slot, nothing nested inside it renders. A composed component exposes a layer's props at its own top level through `forwards`, keyed by layer: `{ \"forwards\": { \"root\": \"*\" } }` passes every prop the root's element takes (so `<Button width=\"full\">` reaches the root's `width`), and a list of member refs (`[{ \"__ref\": \"component:Box#props/width\" }]`, each naming the component that declares the prop) passes only those. A prop a layer already exposes is forwarded, never redeclared in `props`; a `props` entry of `{ \"type\": \"forward\" }` is the reverse route, one of this component's props into a layer's. `anatomy` is the tree the build would read off a render: each node renders a layer (`{ \"__ref\": \"layer:<name>\" }`), an intrinsic tag, or `Slot` (`{ \"element\": \"Slot\", \"props\": { \"name\": \"children\" } }`, where a slot prop's content lands — but a declared slot fills `root` by default, so a primitive still declares its `children` slot prop yet needs no `Slot` node or `children` entry for it, and a `Slot` node is only for landing that content in a nested layer); `children` lists sibling node keys from the `root` node, never a prop name; `text` is a fixed string; `visible` is a condition on a prop (`{ \"$state\": \"<prop>\" }`, or with `eq`); content shown in a nested layer is a route, `children: { \"type\": \"forward\", \"target\": \"label/children\" }`. `$state` appears only in `visible` and in an `element` a prop chooses, never as a prop value. A glyph is a node of its own, `{ \"element\": { \"__ref\": \"icon:<library>/<Name>\" } }`, listed in the `children` of the layer node that holds it, never a prop value. Text a prop supplies to a text layer is never a node either: declare the prop `{ \"type\": \"forward\", \"target\": \"<layer>/children\" }` and the layer shows it; a `Slot` node goes only under a layer that takes nodes. A style rule is `\"styles\": { \"*\": { \"when\": null, \"layers\": { \"root\": { \"bg\": \"surface\" } } } }`, keyed by a name, with each layer's bag under `layers`. A composed component carries its own styles: give it an unconditional (`\"*\"`) rule that lays out and surfaces it through the system's style properties — spacing, alignment and gap on the container, a background and color where it has one — rather than leaning on the bare primitives, which paint flat. Style a layer only with the style props the primitive it renders exposes, set to the values those props accept: `component/get` on the primitive lists both, so read it and choose from that rather than reaching for a CSS name or value the system has no style property for. Set `preview` (`{ \"*\": { \"when\": null, \"props\": { \"children\": \"Example\" } } }`) or `defaultProps` so the component previews with content; a root that takes children renders empty otherwise. A style rule's layer bag is keyed by style-prop name (`fontWeight`, `color`), never by CSS property name, and each value is one of that prop's values.";
         readonly example: ({
           config
         }: {
@@ -1368,7 +1748,7 @@ declare const CanvasConfig: ConfigClass<{
               lt?: number | undefined;
               lte?: number | undefined;
             }>>, z.ZodObject<{
-              $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+              $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
                 neq: z.ZodOptional<z.ZodUnknown>;
@@ -1395,7 +1775,34 @@ declare const CanvasConfig: ConfigClass<{
                 gte?: number | undefined;
                 lt?: number | undefined;
                 lte?: number | undefined;
-              }>>>;
+              }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
+                not: z.ZodOptional<z.ZodLiteral<true>>;
+                eq: z.ZodOptional<z.ZodUnknown>;
+                neq: z.ZodOptional<z.ZodUnknown>;
+                gt: z.ZodOptional<z.ZodNumber>;
+                gte: z.ZodOptional<z.ZodNumber>;
+                lt: z.ZodOptional<z.ZodNumber>;
+                lte: z.ZodOptional<z.ZodNumber>;
+                $state: z.ZodString;
+              }, z.core.$strict>, z.ZodTransform<{
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }, {
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }>>>]>>;
             }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
               not: z.ZodOptional<z.ZodLiteral<true>>;
               eq: z.ZodOptional<z.ZodUnknown>;
@@ -1424,7 +1831,34 @@ declare const CanvasConfig: ConfigClass<{
               lt?: number | undefined;
               lte?: number | undefined;
             }>>, z.ZodObject<{
-              $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+              $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                not: z.ZodOptional<z.ZodLiteral<true>>;
+                eq: z.ZodOptional<z.ZodUnknown>;
+                neq: z.ZodOptional<z.ZodUnknown>;
+                gt: z.ZodOptional<z.ZodNumber>;
+                gte: z.ZodOptional<z.ZodNumber>;
+                lt: z.ZodOptional<z.ZodNumber>;
+                lte: z.ZodOptional<z.ZodNumber>;
+                $state: z.ZodString;
+              }, z.core.$strict>, z.ZodTransform<{
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }, {
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
                 neq: z.ZodOptional<z.ZodUnknown>;
@@ -1451,8 +1885,8 @@ declare const CanvasConfig: ConfigClass<{
                 gte?: number | undefined;
                 lt?: number | undefined;
                 lte?: number | undefined;
-              }>>>;
-            }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              }>>>]>>;
+            }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>]>>, z.ZodTransform<{
               $state: string;
@@ -1501,7 +1935,34 @@ declare const CanvasConfig: ConfigClass<{
                 lt?: number | undefined;
                 lte?: number | undefined;
               }>>, z.ZodObject<{
-                $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                  not: z.ZodOptional<z.ZodLiteral<true>>;
+                  eq: z.ZodOptional<z.ZodUnknown>;
+                  neq: z.ZodOptional<z.ZodUnknown>;
+                  gt: z.ZodOptional<z.ZodNumber>;
+                  gte: z.ZodOptional<z.ZodNumber>;
+                  lt: z.ZodOptional<z.ZodNumber>;
+                  lte: z.ZodOptional<z.ZodNumber>;
+                  $state: z.ZodString;
+                }, z.core.$strict>, z.ZodTransform<{
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }, {
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                   not: z.ZodOptional<z.ZodLiteral<true>>;
                   eq: z.ZodOptional<z.ZodUnknown>;
                   neq: z.ZodOptional<z.ZodUnknown>;
@@ -1528,7 +1989,7 @@ declare const CanvasConfig: ConfigClass<{
                   gte?: number | undefined;
                   lt?: number | undefined;
                   lte?: number | undefined;
-                }>>>;
+                }>>>]>>;
               }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
@@ -1557,7 +2018,7 @@ declare const CanvasConfig: ConfigClass<{
                 lt?: number | undefined;
                 lte?: number | undefined;
               }>>, z.ZodObject<{
-                $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                   not: z.ZodOptional<z.ZodLiteral<true>>;
                   eq: z.ZodOptional<z.ZodUnknown>;
                   neq: z.ZodOptional<z.ZodUnknown>;
@@ -1584,8 +2045,35 @@ declare const CanvasConfig: ConfigClass<{
                   gte?: number | undefined;
                   lt?: number | undefined;
                   lte?: number | undefined;
-                }>>>;
-              }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+                }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
+                  not: z.ZodOptional<z.ZodLiteral<true>>;
+                  eq: z.ZodOptional<z.ZodUnknown>;
+                  neq: z.ZodOptional<z.ZodUnknown>;
+                  gt: z.ZodOptional<z.ZodNumber>;
+                  gte: z.ZodOptional<z.ZodNumber>;
+                  lt: z.ZodOptional<z.ZodNumber>;
+                  lte: z.ZodOptional<z.ZodNumber>;
+                  $state: z.ZodString;
+                }, z.core.$strict>, z.ZodTransform<{
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }, {
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }>>>]>>;
+              }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
                 __ref: z.ZodString;
               }, z.core.$strip>]>>, z.ZodTransform<{
                 $state: string;
@@ -1635,7 +2123,34 @@ declare const CanvasConfig: ConfigClass<{
                   lt?: number | undefined;
                   lte?: number | undefined;
                 }>>, z.ZodObject<{
-                  $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                  $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                    not: z.ZodOptional<z.ZodLiteral<true>>;
+                    eq: z.ZodOptional<z.ZodUnknown>;
+                    neq: z.ZodOptional<z.ZodUnknown>;
+                    gt: z.ZodOptional<z.ZodNumber>;
+                    gte: z.ZodOptional<z.ZodNumber>;
+                    lt: z.ZodOptional<z.ZodNumber>;
+                    lte: z.ZodOptional<z.ZodNumber>;
+                    $state: z.ZodString;
+                  }, z.core.$strict>, z.ZodTransform<{
+                    $state: string;
+                    not?: true | undefined;
+                    eq?: unknown;
+                    neq?: unknown;
+                    gt?: number | undefined;
+                    gte?: number | undefined;
+                    lt?: number | undefined;
+                    lte?: number | undefined;
+                  }, {
+                    $state: string;
+                    not?: true | undefined;
+                    eq?: unknown;
+                    neq?: unknown;
+                    gt?: number | undefined;
+                    gte?: number | undefined;
+                    lt?: number | undefined;
+                    lte?: number | undefined;
+                  }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                     not: z.ZodOptional<z.ZodLiteral<true>>;
                     eq: z.ZodOptional<z.ZodUnknown>;
                     neq: z.ZodOptional<z.ZodUnknown>;
@@ -1662,7 +2177,7 @@ declare const CanvasConfig: ConfigClass<{
                     gte?: number | undefined;
                     lt?: number | undefined;
                     lte?: number | undefined;
-                  }>>>;
+                  }>>>]>>;
                 }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                   not: z.ZodOptional<z.ZodLiteral<true>>;
                   eq: z.ZodOptional<z.ZodUnknown>;
@@ -1691,7 +2206,7 @@ declare const CanvasConfig: ConfigClass<{
                   lt?: number | undefined;
                   lte?: number | undefined;
                 }>>, z.ZodObject<{
-                  $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                  $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                     not: z.ZodOptional<z.ZodLiteral<true>>;
                     eq: z.ZodOptional<z.ZodUnknown>;
                     neq: z.ZodOptional<z.ZodUnknown>;
@@ -1718,8 +2233,35 @@ declare const CanvasConfig: ConfigClass<{
                     gte?: number | undefined;
                     lt?: number | undefined;
                     lte?: number | undefined;
-                  }>>>;
-                }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+                  }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
+                    not: z.ZodOptional<z.ZodLiteral<true>>;
+                    eq: z.ZodOptional<z.ZodUnknown>;
+                    neq: z.ZodOptional<z.ZodUnknown>;
+                    gt: z.ZodOptional<z.ZodNumber>;
+                    gte: z.ZodOptional<z.ZodNumber>;
+                    lt: z.ZodOptional<z.ZodNumber>;
+                    lte: z.ZodOptional<z.ZodNumber>;
+                    $state: z.ZodString;
+                  }, z.core.$strict>, z.ZodTransform<{
+                    $state: string;
+                    not?: true | undefined;
+                    eq?: unknown;
+                    neq?: unknown;
+                    gt?: number | undefined;
+                    gte?: number | undefined;
+                    lt?: number | undefined;
+                    lte?: number | undefined;
+                  }, {
+                    $state: string;
+                    not?: true | undefined;
+                    eq?: unknown;
+                    neq?: unknown;
+                    gt?: number | undefined;
+                    gte?: number | undefined;
+                    lt?: number | undefined;
+                    lte?: number | undefined;
+                  }>>>]>>;
+                }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
                   __ref: z.ZodString;
                 }, z.core.$strip>]>>, z.ZodTransform<{
                   $state: string;
@@ -1812,6 +2354,12 @@ declare const CanvasConfig: ConfigClass<{
       }: ComputedInput) => string[];
     }, false>, "ref"> & {
       ref<const Path extends PathOf<"component">>(path: Path): ComponentReference<ComponentContractOf<Path>>;
+      slots: typeof listSlots;
+      slot: typeof slotOf;
+      slotHostedBy: typeof slotHostedBy;
+      namedSlots: typeof namedSlots;
+      cell: typeof cellAt;
+      instance: typeof instanceAt;
     }, EntityClass<z.ZodObject<{
       categories: z.ZodOptional<z.ZodArray<z.ZodString>>;
       tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -2202,6 +2750,11 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
           __ref: z.ZodString;
         }, z.core.$strip>>]>>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"variant">;
         value: z.ZodUnion<readonly [z.ZodPipe<z.ZodArray<z.ZodString>, z.ZodTransform<{
@@ -2214,6 +2767,11 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
           deprecated: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strict>>]>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodPipe<z.ZodObject<{
         type: z.ZodLiteral<"forward">;
         target: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
@@ -2229,6 +2787,11 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
         }, z.core.$strip>>]>>;
         text: z.ZodOptional<z.ZodBoolean>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodTransform<{
         type: "forward";
         target: string | {
@@ -2244,6 +2807,11 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
         }[] | undefined;
         text?: boolean | undefined;
         required?: boolean | undefined;
+        when?: Record<string, string | number | boolean | {
+          __ref: string;
+        } | (string | number | boolean | {
+          __ref: string;
+        })[]> | undefined;
       }, {
         type: "forward";
         target: string | {
@@ -2259,45 +2827,77 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
         }[] | undefined;
         text?: boolean | undefined;
         required?: boolean | undefined;
+        when?: Record<string, string | number | boolean | {
+          __ref: string;
+        } | (string | number | boolean | {
+          __ref: string;
+        })[]> | undefined;
       }>>, z.ZodObject<{
         type: z.ZodLiteral<"styleProperty">;
         value: z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"composite">;
         value: z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"motion">;
         value: z.ZodDefault<z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"string">;
         value: z.ZodOptional<z.ZodString>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"number">;
         value: z.ZodOptional<z.ZodNumber>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>, z.ZodObject<{
         type: z.ZodLiteral<"boolean">;
         value: z.ZodOptional<z.ZodBoolean>;
         required: z.ZodOptional<z.ZodBoolean>;
+        when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>]>>]>>>;
       }, z.core.$strict>], "type">>>>;
       forwards: z.ZodOptional<SubEntityClass<z.ZodUnion<readonly [z.ZodLiteral<"*">, z.ZodArray<z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>>]>>>;
       styles: z.ZodOptional<SubEntityClass<z.ZodType<ComponentStyleBody, unknown, z.core.$ZodTypeInternals<ComponentStyleBody, unknown>>>>;
+      renderProps: z.ZodOptional<z.ZodArray<z.ZodString>>;
       anatomy: z.ZodOptional<SubEntityClass<z.ZodType<ComponentElementBody, unknown, z.core.$ZodTypeInternals<ComponentElementBody, unknown>>>>;
       defaultProps: z.ZodOptional<SubEntityClass<z.ZodType<StyleValue, unknown, z.core.$ZodTypeInternals<StyleValue, unknown>>>>;
-      previewProps: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-      previewWhen: z.ZodOptional<z.ZodArray<z.ZodObject<{
-        when: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-        props: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-      }, z.core.$strip>>>;
+      preview: z.ZodOptional<SubEntityClass<z.ZodType<StoredPreviewCondition, unknown, z.core.$ZodTypeInternals<StoredPreviewCondition, unknown>>>>;
       file: z.ZodOptional<z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>>;
@@ -2320,6 +2920,11 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
               __ref: z.ZodString;
             }, z.core.$strip>>]>>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"variant">;
             value: z.ZodUnion<readonly [z.ZodPipe<z.ZodArray<z.ZodString>, z.ZodTransform<{
@@ -2332,6 +2937,11 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
               deprecated: z.ZodOptional<z.ZodBoolean>;
             }, z.core.$strict>>]>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodPipe<z.ZodObject<{
             type: z.ZodLiteral<"forward">;
             target: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
@@ -2347,6 +2957,11 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
             }, z.core.$strip>>]>>;
             text: z.ZodOptional<z.ZodBoolean>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodTransform<{
             type: "forward";
             target: string | {
@@ -2362,6 +2977,11 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
             }[] | undefined;
             text?: boolean | undefined;
             required?: boolean | undefined;
+            when?: Record<string, string | number | boolean | {
+              __ref: string;
+            } | (string | number | boolean | {
+              __ref: string;
+            })[]> | undefined;
           }, {
             type: "forward";
             target: string | {
@@ -2377,51 +2997,83 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
             }[] | undefined;
             text?: boolean | undefined;
             required?: boolean | undefined;
+            when?: Record<string, string | number | boolean | {
+              __ref: string;
+            } | (string | number | boolean | {
+              __ref: string;
+            })[]> | undefined;
           }>>, z.ZodObject<{
             type: z.ZodLiteral<"styleProperty">;
             value: z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"composite">;
             value: z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"motion">;
             value: z.ZodDefault<z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"string">;
             value: z.ZodOptional<z.ZodString>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"number">;
             value: z.ZodOptional<z.ZodNumber>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>, z.ZodObject<{
             type: z.ZodLiteral<"boolean">;
             value: z.ZodOptional<z.ZodBoolean>;
             required: z.ZodOptional<z.ZodBoolean>;
+            when: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>]>>]>>>;
           }, z.core.$strict>], "type">>>>;
           forwards: z.ZodOptional<SubEntityClass<z.ZodUnion<readonly [z.ZodLiteral<"*">, z.ZodArray<z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>>]>>>;
           styles: z.ZodOptional<SubEntityClass<z.ZodType<ComponentStyleBody, unknown, z.core.$ZodTypeInternals<ComponentStyleBody, unknown>>>>;
+          renderProps: z.ZodOptional<z.ZodArray<z.ZodString>>;
           anatomy: z.ZodOptional<SubEntityClass<z.ZodType<ComponentElementBody, unknown, z.core.$ZodTypeInternals<ComponentElementBody, unknown>>>>;
           defaultProps: z.ZodOptional<SubEntityClass<z.ZodType<StyleValue, unknown, z.core.$ZodTypeInternals<StyleValue, unknown>>>>;
-          previewProps: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-          previewWhen: z.ZodOptional<z.ZodArray<z.ZodObject<{
-            when: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-            props: z.ZodRecord<z.ZodString, z.ZodUnknown>;
-          }, z.core.$strip>>>;
+          preview: z.ZodOptional<SubEntityClass<z.ZodType<StoredPreviewCondition, unknown, z.core.$ZodTypeInternals<StoredPreviewCondition, unknown>>>>;
           file: z.ZodOptional<z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>>;
           export: z.ZodOptional<z.ZodString>;
         }, z.core.$strict>;
-        readonly description: "Create a component at a new qualified `path`. For a component with nothing in it yet, one to design on the canvas before it has props or variants, use `create-blank` with only a `path` instead of authoring a minimal body here. When its complete body is known, include all layers, anatomy, props, defaults, and styles in this one operation. `data.layers` maps each stable layer name to the element it renders and must include `root` — a tag for a primitive (`{ \"layers\": { \"root\": \"div\" } }`), and for anything built on top, a ref to a primitive (`{ \"root\": { \"__ref\": \"component:Box\" }, \"label\": { \"__ref\": \"component:Text\" } }`), which is what lets the layer take that primitive's style props. A primitive exposes style props as `{ \"type\": \"styleProperty\", \"value\": { \"__ref\": \"style-property:bg\" } }` and declares `children: { \"type\": \"slot\", \"text\": true }` when it holds content — without the slot, nothing nested inside it renders. A composed component exposes a layer's props at its own top level through `forwards`, keyed by layer: `{ \"forwards\": { \"root\": \"*\" } }` passes every prop the root's element takes (so `<Button width=\"full\">` reaches the root's `width`), and a list of member refs (`[{ \"__ref\": \"component:Box#props/width\" }]`, each naming the component that declares the prop) passes only those. A prop a layer already exposes is forwarded, never redeclared in `props`; a `props` entry of `{ \"type\": \"forward\" }` is the reverse route, one of this component's props into a layer's. `anatomy` is the tree the build would read off a render: each node renders a layer (`{ \"__ref\": \"layer:<name>\" }`), an intrinsic tag, or `Slot` (`{ \"element\": \"Slot\", \"props\": { \"name\": \"children\" } }`, where a slot prop's content lands — but a declared slot fills `root` by default, so a primitive still declares its `children` slot prop yet needs no `Slot` node or `children` entry for it, and a `Slot` node is only for landing that content in a nested layer); `children` lists sibling node keys from the `root` node, never a prop name; `text` is a fixed string; `visible` is a condition on a prop (`{ \"$state\": \"<prop>\" }`, or with `eq`); content shown in a nested layer is a route, `children: { \"type\": \"forward\", \"target\": \"label/children\" }`. `$state` appears only in `visible` and in an `element` a prop chooses, never as a prop value. A glyph is a node of its own, `{ \"element\": { \"__ref\": \"icon:<library>/<Name>\" } }`, listed in the `children` of the layer node that holds it, never a prop value. Text a prop supplies to a text layer is never a node either: declare the prop `{ \"type\": \"forward\", \"target\": \"<layer>/children\" }` and the layer shows it; a `Slot` node goes only under a layer that takes nodes. A style rule is `\"styles\": { \"*\": { \"when\": null, \"layers\": { \"root\": { \"bg\": \"surface\" } } } }`, keyed by a name, with each layer's bag under `layers`. A composed component carries its own styles: give it an unconditional (`\"*\"`) rule that lays out and surfaces it through the system's style properties — spacing, alignment and gap on the container, a background and color where it has one — rather than leaning on the bare primitives, which paint flat. Style a layer only with the style props the primitive it renders exposes, set to the values those props accept: `component/get` on the primitive lists both, so read it and choose from that rather than reaching for a CSS name or value the system has no style property for. Set `previewProps` (or `defaultProps`) so the component previews with content; a root that takes children renders empty otherwise. A style rule's layer bag is keyed by style-prop name (`fontWeight`, `color`), never by CSS property name, and each value is one of that prop's values.";
+        readonly description: "Create a component at a new qualified `path`. For a component with nothing in it yet, one to design on the canvas before it has props or variants, use `create-blank` with only a `path` instead of authoring a minimal body here. When its complete body is known, include all layers, anatomy, props, defaults, and styles in this one operation. `data.layers` maps each stable layer name to the element it renders and must include `root` — a tag for a primitive (`{ \"layers\": { \"root\": \"div\" } }`), and for anything built on top, a ref to a primitive (`{ \"root\": { \"__ref\": \"component:Box\" }, \"label\": { \"__ref\": \"component:Text\" } }`), which is what lets the layer take that primitive's style props. A primitive exposes style props as `{ \"type\": \"styleProperty\", \"value\": { \"__ref\": \"style-property:bg\" } }` and declares `children: { \"type\": \"slot\", \"text\": true }` when it holds content — without the slot, nothing nested inside it renders. A composed component exposes a layer's props at its own top level through `forwards`, keyed by layer: `{ \"forwards\": { \"root\": \"*\" } }` passes every prop the root's element takes (so `<Button width=\"full\">` reaches the root's `width`), and a list of member refs (`[{ \"__ref\": \"component:Box#props/width\" }]`, each naming the component that declares the prop) passes only those. A prop a layer already exposes is forwarded, never redeclared in `props`; a `props` entry of `{ \"type\": \"forward\" }` is the reverse route, one of this component's props into a layer's. `anatomy` is the tree the build would read off a render: each node renders a layer (`{ \"__ref\": \"layer:<name>\" }`), an intrinsic tag, or `Slot` (`{ \"element\": \"Slot\", \"props\": { \"name\": \"children\" } }`, where a slot prop's content lands — but a declared slot fills `root` by default, so a primitive still declares its `children` slot prop yet needs no `Slot` node or `children` entry for it, and a `Slot` node is only for landing that content in a nested layer); `children` lists sibling node keys from the `root` node, never a prop name; `text` is a fixed string; `visible` is a condition on a prop (`{ \"$state\": \"<prop>\" }`, or with `eq`); content shown in a nested layer is a route, `children: { \"type\": \"forward\", \"target\": \"label/children\" }`. `$state` appears only in `visible` and in an `element` a prop chooses, never as a prop value. A glyph is a node of its own, `{ \"element\": { \"__ref\": \"icon:<library>/<Name>\" } }`, listed in the `children` of the layer node that holds it, never a prop value. Text a prop supplies to a text layer is never a node either: declare the prop `{ \"type\": \"forward\", \"target\": \"<layer>/children\" }` and the layer shows it; a `Slot` node goes only under a layer that takes nodes. A style rule is `\"styles\": { \"*\": { \"when\": null, \"layers\": { \"root\": { \"bg\": \"surface\" } } } }`, keyed by a name, with each layer's bag under `layers`. A composed component carries its own styles: give it an unconditional (`\"*\"`) rule that lays out and surfaces it through the system's style properties — spacing, alignment and gap on the container, a background and color where it has one — rather than leaning on the bare primitives, which paint flat. Style a layer only with the style props the primitive it renders exposes, set to the values those props accept: `component/get` on the primitive lists both, so read it and choose from that rather than reaching for a CSS name or value the system has no style property for. Set `preview` (`{ \"*\": { \"when\": null, \"props\": { \"children\": \"Example\" } } }`) or `defaultProps` so the component previews with content; a root that takes children renders empty otherwise. A style rule's layer bag is keyed by style-prop name (`fontWeight`, `color`), never by CSS property name, and each value is one of that prop's values.";
         readonly example: ({
           config
         }: {
@@ -2520,7 +3172,7 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
               lt?: number | undefined;
               lte?: number | undefined;
             }>>, z.ZodObject<{
-              $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+              $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
                 neq: z.ZodOptional<z.ZodUnknown>;
@@ -2547,7 +3199,34 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                 gte?: number | undefined;
                 lt?: number | undefined;
                 lte?: number | undefined;
-              }>>>;
+              }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
+                not: z.ZodOptional<z.ZodLiteral<true>>;
+                eq: z.ZodOptional<z.ZodUnknown>;
+                neq: z.ZodOptional<z.ZodUnknown>;
+                gt: z.ZodOptional<z.ZodNumber>;
+                gte: z.ZodOptional<z.ZodNumber>;
+                lt: z.ZodOptional<z.ZodNumber>;
+                lte: z.ZodOptional<z.ZodNumber>;
+                $state: z.ZodString;
+              }, z.core.$strict>, z.ZodTransform<{
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }, {
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }>>>]>>;
             }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
               not: z.ZodOptional<z.ZodLiteral<true>>;
               eq: z.ZodOptional<z.ZodUnknown>;
@@ -2576,7 +3255,7 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
               lt?: number | undefined;
               lte?: number | undefined;
             }>>, z.ZodObject<{
-              $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+              $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
                 neq: z.ZodOptional<z.ZodUnknown>;
@@ -2603,8 +3282,35 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                 gte?: number | undefined;
                 lt?: number | undefined;
                 lte?: number | undefined;
-              }>>>;
-            }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+              }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
+                not: z.ZodOptional<z.ZodLiteral<true>>;
+                eq: z.ZodOptional<z.ZodUnknown>;
+                neq: z.ZodOptional<z.ZodUnknown>;
+                gt: z.ZodOptional<z.ZodNumber>;
+                gte: z.ZodOptional<z.ZodNumber>;
+                lt: z.ZodOptional<z.ZodNumber>;
+                lte: z.ZodOptional<z.ZodNumber>;
+                $state: z.ZodString;
+              }, z.core.$strict>, z.ZodTransform<{
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }, {
+                $state: string;
+                not?: true | undefined;
+                eq?: unknown;
+                neq?: unknown;
+                gt?: number | undefined;
+                gte?: number | undefined;
+                lt?: number | undefined;
+                lte?: number | undefined;
+              }>>>]>>;
+            }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>]>>, z.ZodTransform<{
               $state: string;
@@ -2653,7 +3359,34 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                 lt?: number | undefined;
                 lte?: number | undefined;
               }>>, z.ZodObject<{
-                $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                  not: z.ZodOptional<z.ZodLiteral<true>>;
+                  eq: z.ZodOptional<z.ZodUnknown>;
+                  neq: z.ZodOptional<z.ZodUnknown>;
+                  gt: z.ZodOptional<z.ZodNumber>;
+                  gte: z.ZodOptional<z.ZodNumber>;
+                  lt: z.ZodOptional<z.ZodNumber>;
+                  lte: z.ZodOptional<z.ZodNumber>;
+                  $state: z.ZodString;
+                }, z.core.$strict>, z.ZodTransform<{
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }, {
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                   not: z.ZodOptional<z.ZodLiteral<true>>;
                   eq: z.ZodOptional<z.ZodUnknown>;
                   neq: z.ZodOptional<z.ZodUnknown>;
@@ -2680,7 +3413,7 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                   gte?: number | undefined;
                   lt?: number | undefined;
                   lte?: number | undefined;
-                }>>>;
+                }>>>]>>;
               }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                 not: z.ZodOptional<z.ZodLiteral<true>>;
                 eq: z.ZodOptional<z.ZodUnknown>;
@@ -2709,7 +3442,34 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                 lt?: number | undefined;
                 lte?: number | undefined;
               }>>, z.ZodObject<{
-                $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                  not: z.ZodOptional<z.ZodLiteral<true>>;
+                  eq: z.ZodOptional<z.ZodUnknown>;
+                  neq: z.ZodOptional<z.ZodUnknown>;
+                  gt: z.ZodOptional<z.ZodNumber>;
+                  gte: z.ZodOptional<z.ZodNumber>;
+                  lt: z.ZodOptional<z.ZodNumber>;
+                  lte: z.ZodOptional<z.ZodNumber>;
+                  $state: z.ZodString;
+                }, z.core.$strict>, z.ZodTransform<{
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }, {
+                  $state: string;
+                  not?: true | undefined;
+                  eq?: unknown;
+                  neq?: unknown;
+                  gt?: number | undefined;
+                  gte?: number | undefined;
+                  lt?: number | undefined;
+                  lte?: number | undefined;
+                }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                   not: z.ZodOptional<z.ZodLiteral<true>>;
                   eq: z.ZodOptional<z.ZodUnknown>;
                   neq: z.ZodOptional<z.ZodUnknown>;
@@ -2736,8 +3496,8 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                   gte?: number | undefined;
                   lt?: number | undefined;
                   lte?: number | undefined;
-                }>>>;
-              }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+                }>>>]>>;
+              }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
                 __ref: z.ZodString;
               }, z.core.$strip>]>>, z.ZodTransform<{
                 $state: string;
@@ -2787,7 +3547,7 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                   lt?: number | undefined;
                   lte?: number | undefined;
                 }>>, z.ZodObject<{
-                  $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                  $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                     not: z.ZodOptional<z.ZodLiteral<true>>;
                     eq: z.ZodOptional<z.ZodUnknown>;
                     neq: z.ZodOptional<z.ZodUnknown>;
@@ -2814,7 +3574,34 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                     gte?: number | undefined;
                     lt?: number | undefined;
                     lte?: number | undefined;
-                  }>>>;
+                  }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
+                    not: z.ZodOptional<z.ZodLiteral<true>>;
+                    eq: z.ZodOptional<z.ZodUnknown>;
+                    neq: z.ZodOptional<z.ZodUnknown>;
+                    gt: z.ZodOptional<z.ZodNumber>;
+                    gte: z.ZodOptional<z.ZodNumber>;
+                    lt: z.ZodOptional<z.ZodNumber>;
+                    lte: z.ZodOptional<z.ZodNumber>;
+                    $state: z.ZodString;
+                  }, z.core.$strict>, z.ZodTransform<{
+                    $state: string;
+                    not?: true | undefined;
+                    eq?: unknown;
+                    neq?: unknown;
+                    gt?: number | undefined;
+                    gte?: number | undefined;
+                    lt?: number | undefined;
+                    lte?: number | undefined;
+                  }, {
+                    $state: string;
+                    not?: true | undefined;
+                    eq?: unknown;
+                    neq?: unknown;
+                    gt?: number | undefined;
+                    gte?: number | undefined;
+                    lt?: number | undefined;
+                    lte?: number | undefined;
+                  }>>>]>>;
                 }, z.core.$strict>, z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
                   not: z.ZodOptional<z.ZodLiteral<true>>;
                   eq: z.ZodOptional<z.ZodUnknown>;
@@ -2843,7 +3630,34 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                   lt?: number | undefined;
                   lte?: number | undefined;
                 }>>, z.ZodObject<{
-                  $or: z.ZodArray<z.ZodPipe<z.ZodObject<{
+                  $or: z.ZodArray<z.ZodUnion<readonly [z.ZodPipe<z.ZodObject<{
+                    not: z.ZodOptional<z.ZodLiteral<true>>;
+                    eq: z.ZodOptional<z.ZodUnknown>;
+                    neq: z.ZodOptional<z.ZodUnknown>;
+                    gt: z.ZodOptional<z.ZodNumber>;
+                    gte: z.ZodOptional<z.ZodNumber>;
+                    lt: z.ZodOptional<z.ZodNumber>;
+                    lte: z.ZodOptional<z.ZodNumber>;
+                    $state: z.ZodString;
+                  }, z.core.$strict>, z.ZodTransform<{
+                    $state: string;
+                    not?: true | undefined;
+                    eq?: unknown;
+                    neq?: unknown;
+                    gt?: number | undefined;
+                    gte?: number | undefined;
+                    lt?: number | undefined;
+                    lte?: number | undefined;
+                  }, {
+                    $state: string;
+                    not?: true | undefined;
+                    eq?: unknown;
+                    neq?: unknown;
+                    gt?: number | undefined;
+                    gte?: number | undefined;
+                    lt?: number | undefined;
+                    lte?: number | undefined;
+                  }>>, z.ZodArray<z.ZodPipe<z.ZodObject<{
                     not: z.ZodOptional<z.ZodLiteral<true>>;
                     eq: z.ZodOptional<z.ZodUnknown>;
                     neq: z.ZodOptional<z.ZodUnknown>;
@@ -2870,8 +3684,8 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
                     gte?: number | undefined;
                     lt?: number | undefined;
                     lte?: number | undefined;
-                  }>>>;
-                }, z.core.$strict>]>>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
+                  }>>>]>>;
+                }, z.core.$strict>]>>, z.ZodLiteral<false>, z.ZodPipe<z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodObject<{
                   __ref: z.ZodString;
                 }, z.core.$strip>]>>, z.ZodTransform<{
                   $state: string;
@@ -2964,6 +3778,12 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
       }: ComputedInput) => string[];
     }, false>, "ref"> & {
       ref<const Path extends PathOf<"component">>(path: Path): ComponentReference<ComponentContractOf<Path>>;
+      slots: typeof listSlots;
+      slot: typeof slotOf;
+      slotHostedBy: typeof slotHostedBy;
+      namedSlots: typeof namedSlots;
+      cell: typeof cellAt;
+      instance: typeof instanceAt;
     }, EntityClass<z.ZodObject<{
       categories: z.ZodOptional<z.ZodArray<z.ZodString>>;
       tags: z.ZodOptional<z.ZodArray<z.ZodString>>;