@yahoo/uds-create-config 4.23.4 → 4.25.0

package/dist/configs/CanvasConfig.d.ts

@@ -9,15 +9,15 @@ import { Config } from "../framework/Config.js";
 import { GlyphNamespace } from "../entities/system/glyph-identity.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";
 import { ComposedValue } from "../entities/system/composed-values.js";
 import { StyleValue } from "../entities/system/style-bag.js";
 import { OverrideCondition, TokenRefPath, TokenReference } from "../entities/system/Token.js";
+import { instanceAt } from "../spec/instance.js";
 import { ComponentElementBody, ComponentReference, ComponentStyleBody } from "../entities/system/Component.js";
+import { cellAt } from "../spec/cell.js";
+import { ReactNativeSystem } from "./react-native-system.js";
+import { System } from "./system.js";
+import { AnySystemConfig } from "./platform.js";
 import { z } from "zod";
 
 //#region src/configs/CanvasConfig.d.ts
@@ -169,6 +169,16 @@ declare const Node: EntityClass<z.ZodObject<{
       }, z.core.$strip>, z.ZodArray<z.ZodObject<{
         __ref: z.ZodString;
       }, z.core.$strip>>]>>;
+      value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+        __ref: z.ZodString;
+      }, z.core.$strip>>]>>;
+      code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+        node: "node";
+        element: "element";
+        render: "render";
+      }>>>;
       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;
@@ -357,6 +367,16 @@ declare const Node: EntityClass<z.ZodObject<{
           }, z.core.$strip>, z.ZodArray<z.ZodObject<{
             __ref: z.ZodString;
           }, z.core.$strip>>]>>;
+          value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+            __ref: z.ZodString;
+          }, z.core.$strip>>]>>;
+          code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+            node: "node";
+            element: "element";
+            render: "render";
+          }>>>;
           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;
@@ -1713,6 +1733,16 @@ declare const CanvasConfig: ConfigClass<{
         }, z.core.$strip>, z.ZodArray<z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>>]>>;
+        value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>>]>>;
+        code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+          node: "node";
+          element: "element";
+          render: "render";
+        }>>>;
         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;
@@ -1901,6 +1931,16 @@ declare const CanvasConfig: ConfigClass<{
             }, z.core.$strip>, z.ZodArray<z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>>]>>;
+            value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>>]>>;
+            code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+              node: "node";
+              element: "element";
+              render: "render";
+            }>>>;
             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;
@@ -3522,6 +3562,16 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
         }, z.core.$strip>, z.ZodArray<z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>>]>>;
+        value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>>]>>;
+        code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+          node: "node";
+          element: "element";
+          render: "render";
+        }>>>;
         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;
@@ -3710,6 +3760,16 @@ declare function createCanvasConfig(system: AnySystemConfig): ConfigInstance<{
             }, z.core.$strip>, z.ZodArray<z.ZodObject<{
               __ref: z.ZodString;
             }, z.core.$strip>>]>>;
+            value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+              __ref: z.ZodString;
+            }, z.core.$strip>>]>>;
+            code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+              node: "node";
+              element: "element";
+              render: "render";
+            }>>>;
             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;

package/dist/configs/react-native-system.d.ts

@@ -13,13 +13,13 @@ import { GlyphNamespace } from "../entities/system/glyph-identity.js";
 import { StylePropValue } from "../entities/system/StyleProperty.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 { ComposedValue } from "../entities/system/composed-values.js";
 import { DerivedColor } from "../entities/system/color.js";
+import { ComposedValue } from "../entities/system/composed-values.js";
 import { StyleValue } from "../entities/system/style-bag.js";
 import { OverrideCondition, TokenRefPath, TokenReference } from "../entities/system/Token.js";
+import { instanceAt } from "../spec/instance.js";
 import { ComponentElementBody, ComponentReference, ComponentStyleBody } from "../entities/system/Component.js";
+import { cellAt } from "../spec/cell.js";
 import * as _$zod from "zod";
 import * as _$zod_v4_core0 from "zod/v4/core";
 
@@ -58,7 +58,7 @@ declare const ReactNativeSystem: ConfigClass<{
       pagesDir: _$zod.ZodOptional<_$zod.ZodString>;
       port: _$zod.ZodOptional<_$zod.ZodNumber>;
     }, _$zod_v4_core0.$strict>>;
-  }, "css" | "playground" | "canvas"> & {
+  }, "canvas" | "css" | "playground"> & {
     canvas: _$zod.ZodOptional<_$zod.ZodObject<{
       packageAliases: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodString>>;
     }, _$zod_v4_core0.$strict>>;
@@ -96,6 +96,16 @@ declare const ReactNativeSystem: ConfigClass<{
       }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
         __ref: _$zod.ZodString;
       }, _$zod_v4_core0.$strip>>]>>;
+      value: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodObject<{
+        __ref: _$zod.ZodString;
+      }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
+        __ref: _$zod.ZodString;
+      }, _$zod_v4_core0.$strip>>]>>;
+      code: _$zod.ZodOptional<_$zod.ZodArray<_$zod.ZodEnum<{
+        node: "node";
+        element: "element";
+        render: "render";
+      }>>>;
       required: _$zod.ZodOptional<_$zod.ZodBoolean>;
       when: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodUnion<readonly [_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodNumber, _$zod.ZodBoolean, _$zod.ZodObject<{
         __ref: _$zod.ZodString;
@@ -284,6 +294,16 @@ declare const ReactNativeSystem: ConfigClass<{
           }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
             __ref: _$zod.ZodString;
           }, _$zod_v4_core0.$strip>>]>>;
+          value: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodObject<{
+            __ref: _$zod.ZodString;
+          }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
+            __ref: _$zod.ZodString;
+          }, _$zod_v4_core0.$strip>>]>>;
+          code: _$zod.ZodOptional<_$zod.ZodArray<_$zod.ZodEnum<{
+            node: "node";
+            element: "element";
+            render: "render";
+          }>>>;
           required: _$zod.ZodOptional<_$zod.ZodBoolean>;
           when: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodUnion<readonly [_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodNumber, _$zod.ZodBoolean, _$zod.ZodObject<{
             __ref: _$zod.ZodString;
@@ -2245,7 +2265,7 @@ declare const ReactNativeSystem: ConfigClass<{
         pagesDir: _$zod.ZodOptional<_$zod.ZodString>;
         port: _$zod.ZodOptional<_$zod.ZodNumber>;
       }, _$zod_v4_core0.$strict>>;
-    }, "css" | "playground" | "canvas"> & {
+    }, "canvas" | "css" | "playground"> & {
       canvas: _$zod.ZodOptional<_$zod.ZodObject<{
         packageAliases: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodString>>;
       }, _$zod_v4_core0.$strict>>;
@@ -2283,6 +2303,16 @@ declare const ReactNativeSystem: ConfigClass<{
         }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
           __ref: _$zod.ZodString;
         }, _$zod_v4_core0.$strip>>]>>;
+        value: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodObject<{
+          __ref: _$zod.ZodString;
+        }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
+          __ref: _$zod.ZodString;
+        }, _$zod_v4_core0.$strip>>]>>;
+        code: _$zod.ZodOptional<_$zod.ZodArray<_$zod.ZodEnum<{
+          node: "node";
+          element: "element";
+          render: "render";
+        }>>>;
         required: _$zod.ZodOptional<_$zod.ZodBoolean>;
         when: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodUnion<readonly [_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodNumber, _$zod.ZodBoolean, _$zod.ZodObject<{
           __ref: _$zod.ZodString;
@@ -2471,6 +2501,16 @@ declare const ReactNativeSystem: ConfigClass<{
             }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
               __ref: _$zod.ZodString;
             }, _$zod_v4_core0.$strip>>]>>;
+            value: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodObject<{
+              __ref: _$zod.ZodString;
+            }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
+              __ref: _$zod.ZodString;
+            }, _$zod_v4_core0.$strip>>]>>;
+            code: _$zod.ZodOptional<_$zod.ZodArray<_$zod.ZodEnum<{
+              node: "node";
+              element: "element";
+              render: "render";
+            }>>>;
             required: _$zod.ZodOptional<_$zod.ZodBoolean>;
             when: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodUnion<readonly [_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodNumber, _$zod.ZodBoolean, _$zod.ZodObject<{
               __ref: _$zod.ZodString;

package/dist/configs/system.d.ts

@@ -13,12 +13,13 @@ import { GlyphNamespace } from "../entities/system/glyph-identity.js";
 import { StylePropValue } from "../entities/system/StyleProperty.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 { DerivedColor } from "../entities/system/color.js";
 import { ComposedValue } from "../entities/system/composed-values.js";
 import { StyleValue } from "../entities/system/style-bag.js";
 import { OverrideCondition, TokenRefPath, TokenReference } from "../entities/system/Token.js";
+import { instanceAt } from "../spec/instance.js";
 import { ComponentElementBody, ComponentReference, ComponentStyleBody } from "../entities/system/Component.js";
+import { cellAt } from "../spec/cell.js";
 import * as _$zod from "zod";
 import * as _$zod_v4_core0 from "zod/v4/core";
 
@@ -85,6 +86,16 @@ declare const System: ConfigClass<{
       }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
         __ref: _$zod.ZodString;
       }, _$zod_v4_core0.$strip>>]>>;
+      value: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodObject<{
+        __ref: _$zod.ZodString;
+      }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
+        __ref: _$zod.ZodString;
+      }, _$zod_v4_core0.$strip>>]>>;
+      code: _$zod.ZodOptional<_$zod.ZodArray<_$zod.ZodEnum<{
+        node: "node";
+        element: "element";
+        render: "render";
+      }>>>;
       required: _$zod.ZodOptional<_$zod.ZodBoolean>;
       when: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodUnion<readonly [_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodNumber, _$zod.ZodBoolean, _$zod.ZodObject<{
         __ref: _$zod.ZodString;
@@ -273,6 +284,16 @@ declare const System: ConfigClass<{
           }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
             __ref: _$zod.ZodString;
           }, _$zod_v4_core0.$strip>>]>>;
+          value: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodObject<{
+            __ref: _$zod.ZodString;
+          }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
+            __ref: _$zod.ZodString;
+          }, _$zod_v4_core0.$strip>>]>>;
+          code: _$zod.ZodOptional<_$zod.ZodArray<_$zod.ZodEnum<{
+            node: "node";
+            element: "element";
+            render: "render";
+          }>>>;
           required: _$zod.ZodOptional<_$zod.ZodBoolean>;
           when: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodUnion<readonly [_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodNumber, _$zod.ZodBoolean, _$zod.ZodObject<{
             __ref: _$zod.ZodString;
@@ -1667,19 +1688,20 @@ declare const System: ConfigClass<{
   }, Record<never, never>, false, Record<never, never>, Record<never, never>>;
   globalStyles: EntityClass<_$zod.ZodObject<{
     selector: _$zod.ZodString;
-    declarations: _$zod.ZodRecord<_$zod.ZodString, _$zod.ZodType<string | number | {
+    declarations: _$zod.ZodRecord<_$zod.ZodString, _$zod.ZodType<string | number | DerivedColor | {
       __ref: string;
     } | {
-      [key: string]: string | number | {
+      [key: string]: string | number | DerivedColor | {
         __ref: string;
       } | /*elided*/any;
-    }, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | {
+    }, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | DerivedColor | {
       __ref: string;
     } | {
-      [key: string]: string | number | {
+      [key: string]: string | number | DerivedColor | {
         __ref: string;
       } | /*elided*/any;
     }, unknown>>>;
+    important: _$zod.ZodOptional<_$zod.ZodBoolean>;
   }, _$zod_v4_core0.$strict>, _$zod.ZodObject<Record<never, never>, _$zod_v4_core0.$strip>, "global-style", Record<never, never>, Record<never, never>, false, Record<never, never>, Record<never, never>>;
   devices: EntityClass<_$zod.ZodObject<{
     width: _$zod.ZodNumber;
@@ -2146,6 +2168,16 @@ declare const System: ConfigClass<{
         }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
           __ref: _$zod.ZodString;
         }, _$zod_v4_core0.$strip>>]>>;
+        value: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodObject<{
+          __ref: _$zod.ZodString;
+        }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
+          __ref: _$zod.ZodString;
+        }, _$zod_v4_core0.$strip>>]>>;
+        code: _$zod.ZodOptional<_$zod.ZodArray<_$zod.ZodEnum<{
+          node: "node";
+          element: "element";
+          render: "render";
+        }>>>;
         required: _$zod.ZodOptional<_$zod.ZodBoolean>;
         when: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodUnion<readonly [_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodNumber, _$zod.ZodBoolean, _$zod.ZodObject<{
           __ref: _$zod.ZodString;
@@ -2334,6 +2366,16 @@ declare const System: ConfigClass<{
             }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
               __ref: _$zod.ZodString;
             }, _$zod_v4_core0.$strip>>]>>;
+            value: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodObject<{
+              __ref: _$zod.ZodString;
+            }, _$zod_v4_core0.$strip>, _$zod.ZodArray<_$zod.ZodObject<{
+              __ref: _$zod.ZodString;
+            }, _$zod_v4_core0.$strip>>]>>;
+            code: _$zod.ZodOptional<_$zod.ZodArray<_$zod.ZodEnum<{
+              node: "node";
+              element: "element";
+              render: "render";
+            }>>>;
             required: _$zod.ZodOptional<_$zod.ZodBoolean>;
             when: _$zod.ZodOptional<_$zod.ZodRecord<_$zod.ZodString, _$zod.ZodUnion<readonly [_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodNumber, _$zod.ZodBoolean, _$zod.ZodObject<{
               __ref: _$zod.ZodString;
@@ -3728,19 +3770,20 @@ declare const System: ConfigClass<{
     }, Record<never, never>, false, Record<never, never>, Record<never, never>>;
     globalStyles: EntityClass<_$zod.ZodObject<{
       selector: _$zod.ZodString;
-      declarations: _$zod.ZodRecord<_$zod.ZodString, _$zod.ZodType<string | number | {
+      declarations: _$zod.ZodRecord<_$zod.ZodString, _$zod.ZodType<string | number | DerivedColor | {
         __ref: string;
       } | {
-        [key: string]: string | number | {
+        [key: string]: string | number | DerivedColor | {
           __ref: string;
         } | /*elided*/any;
-      }, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | {
+      }, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | DerivedColor | {
         __ref: string;
       } | {
-        [key: string]: string | number | {
+        [key: string]: string | number | DerivedColor | {
           __ref: string;
         } | /*elided*/any;
       }, unknown>>>;
+      important: _$zod.ZodOptional<_$zod.ZodBoolean>;
     }, _$zod_v4_core0.$strict>, _$zod.ZodObject<Record<never, never>, _$zod_v4_core0.$strip>, "global-style", Record<never, never>, Record<never, never>, false, Record<never, never>, Record<never, never>>;
     devices: EntityClass<_$zod.ZodObject<{
       width: _$zod.ZodNumber;

package/dist/configs/system.js

@@ -39,6 +39,8 @@ import { iconCanvasToolMigration } from "../migrations/20260923005318_icon_canva
 import { computedValuesAndRepeatedNodesMigration } from "../migrations/20260923112910_computed_values_and_repeated_nodes.js";
 import { transitionTokenValueMigration } from "../migrations/20260923144958_transition_token_value.js";
 import { renderTokenRefsMigration } from "../migrations/20260923160425_render_token_refs.js";
+import { globalStyleDerivedColorsMigration } from "../migrations/20260923163604_global_style_derived_colors.js";
+import { slotCodeFormsMigration } from "../migrations/20260924044539_slot_code_forms.js";
 //#region src/configs/system.ts
 /**
 * `System` — the design-system config TYPE. Declares the exact kinds a design system owns (tokens,
@@ -98,5 +100,7 @@ if (!registeredSchemaMigrations().has(20260923005318)) registerSchemaMigrations(
 if (!registeredSchemaMigrations().has(20260923112910)) registerSchemaMigrations(computedValuesAndRepeatedNodesMigration);
 if (!registeredSchemaMigrations().has(20260923144958)) registerSchemaMigrations(transitionTokenValueMigration);
 if (!registeredSchemaMigrations().has(20260923160425)) registerSchemaMigrations(renderTokenRefsMigration);
+if (!registeredSchemaMigrations().has(20260923163604)) registerSchemaMigrations(globalStyleDerivedColorsMigration);
+if (!registeredSchemaMigrations().has(20260924044539)) registerSchemaMigrations(slotCodeFormsMigration);
 //#endregion
 export { System };

package/dist/entities/native/NativeSettings.d.ts

@@ -36,7 +36,7 @@ declare const NativeSettings: EntityClass<z.ZodObject<Omit<{
     pagesDir: z.ZodOptional<z.ZodString>;
     port: z.ZodOptional<z.ZodNumber>;
   }, z.core.$strict>>;
-}, "css" | "playground" | "canvas"> & {
+}, "canvas" | "css" | "playground"> & {
   canvas: z.ZodOptional<z.ZodObject<{
     packageAliases: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
   }, z.core.$strict>>;

package/dist/entities/native/NativeToken.d.ts

@@ -2,8 +2,8 @@ import { Ref } from "../../framework/utils/ref-grammar.js";
 import { Ref as Ref$1 } from "../../framework/utils/refs.js";
 import { SubEntityClass } from "../../framework/defineSubEntity.js";
 import { EntityClass } from "../../framework/defineEntity.js";
-import { ComposedValue } from "../system/composed-values.js";
 import { DerivedColor } from "../system/color.js";
+import { ComposedValue } from "../system/composed-values.js";
 import { OverrideCondition } from "../system/Token.js";
 import { z } from "zod";
 

package/dist/entities/system/Component.d.ts

@@ -8,12 +8,12 @@ import { Config } from "../../framework/Config.js";
 import { RepeatSpec } from "../../framework/render-spec.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 { ComposedValue } from "./composed-values.js";
 import { StyleValue } from "./style-bag.js";
 import { OverrideCondition, TokenRefPath, TokenReference } from "./Token.js";
+import { instanceAt } from "../../spec/instance.js";
 import { AsInput, LayerMap, PhantomCallProps, PhantomReadProps, PropMap, RenderArgs, StyleRuleInput } from "./defineComponent.js";
+import { cellAt } from "../../spec/cell.js";
 import { z } from "zod";
 
 //#region src/entities/system/Component.d.ts
@@ -51,6 +51,8 @@ declare const variantValueFields: z.ZodObject<{
 type VariantValueBody = z.infer<typeof variantValueFields>;
 /** A variant prop's own values — name → body, in the order they were declared. */
 type VariantValues = Record<string, VariantValueBody>;
+/** The forms code may fill a slot with beside its own value — the members of {@link SlotCodeForm}. */
+declare const SLOT_CODE_FORMS: readonly ["node", "element", "render"];
 declare const propShape: z.ZodDiscriminatedUnion<[z.ZodObject<{
   type: z.ZodLiteral<"slot">;
   text: z.ZodOptional<z.ZodBoolean>;
@@ -59,6 +61,16 @@ declare const propShape: z.ZodDiscriminatedUnion<[z.ZodObject<{
   }, z.core.$strip>, z.ZodArray<z.ZodObject<{
     __ref: z.ZodString;
   }, z.core.$strip>>]>>;
+  value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+    __ref: z.ZodString;
+  }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+    __ref: z.ZodString;
+  }, z.core.$strip>>]>>;
+  code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+    node: "node";
+    element: "element";
+    render: "render";
+  }>>>;
   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;
@@ -565,6 +577,16 @@ declare const componentFields: z.ZodObject<{
     }, z.core.$strip>, z.ZodArray<z.ZodObject<{
       __ref: z.ZodString;
     }, z.core.$strip>>]>>;
+    value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+      __ref: z.ZodString;
+    }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+      __ref: z.ZodString;
+    }, z.core.$strip>>]>>;
+    code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+      node: "node";
+      element: "element";
+      render: "render";
+    }>>>;
     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;
@@ -769,6 +791,16 @@ declare const ComponentEntity: EntityClass<z.ZodObject<{
     }, z.core.$strip>, z.ZodArray<z.ZodObject<{
       __ref: z.ZodString;
     }, z.core.$strip>>]>>;
+    value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+      __ref: z.ZodString;
+    }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+      __ref: z.ZodString;
+    }, z.core.$strip>>]>>;
+    code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+      node: "node";
+      element: "element";
+      render: "render";
+    }>>>;
     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;
@@ -957,6 +989,16 @@ declare const ComponentEntity: EntityClass<z.ZodObject<{
         }, z.core.$strip>, z.ZodArray<z.ZodObject<{
           __ref: z.ZodString;
         }, z.core.$strip>>]>>;
+        value: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>, z.ZodArray<z.ZodObject<{
+          __ref: z.ZodString;
+        }, z.core.$strip>>]>>;
+        code: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+          node: "node";
+          element: "element";
+          render: "render";
+        }>>>;
         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;
@@ -2280,4 +2322,4 @@ declare const Component: Omit<typeof ComponentEntity, "ref"> & {
   instance: typeof instanceAt;
 };
 //#endregion
-export { AuthoredPropBody, Component, ComponentBody, ComponentElementBody, ComponentPropBody, ComponentReference, ComponentStyleBody, ElementVisibility, ElementVisibilityInput, ExtendedComponentRef, ProjectedVisibility, VariantValueBody, VariantValues, blankComponentBody, canonicalWhen, forwardedNames, layerRef, ownValues, ownsItsValues, valueRef };
+export { AuthoredPropBody, Component, ComponentBody, ComponentElementBody, ComponentPropBody, ComponentReference, ComponentStyleBody, ElementVisibility, ElementVisibilityInput, ExtendedComponentRef, ProjectedVisibility, SLOT_CODE_FORMS, VariantValueBody, VariantValues, blankComponentBody, canonicalWhen, forwardedNames, layerRef, ownValues, ownsItsValues, valueRef };

package/dist/entities/system/Component.js

@@ -21,7 +21,7 @@ import { File } from "./File.js";
 import { iconDomainInvariants } from "./icon-domain-invariants.js";
 import { rootLayerInvariants } from "./root-layer-invariants.js";
 import { Token } from "./Token.js";
-import { intoName, routedPropIn, routesContent } from "../../framework/prop-surface.js";
+import { carriesContent, intoName, isValueSlot, routedPropIn, routesContent } from "../../framework/prop-surface.js";
 import { z } from "zod";
 //#region src/entities/system/Component.ts
 /**
@@ -361,6 +361,12 @@ const conditionLeaf = z.union([
 	refSchema
 ]);
 const propCondition = z.record(z.string(), z.union([conditionLeaf, z.array(conditionLeaf)])).optional();
+/** The forms code may fill a slot with beside its own value — the members of {@link SlotCodeForm}. */
+const SLOT_CODE_FORMS = [
+	"node",
+	"element",
+	"render"
+];
 /**
 * The declaration shape over a given condition schema: the generic one with `when` open, and one
 * per owner with `when` narrowed to that component's props. A factory rather than a per-owner
@@ -373,6 +379,8 @@ function propShapeWith(when) {
 			type: z.literal("slot"),
 			text: z.boolean().optional(),
 			accepts: z.union([refSchema, z.array(refSchema)]).optional(),
+			value: z.union([refSchema, z.array(refSchema).min(1)]).optional(),
+			code: z.array(z.enum(SLOT_CODE_FORMS)).min(1).optional(),
 			required: z.boolean().optional(),
 			when
 		}),
@@ -445,7 +453,7 @@ const PROP_TYPES = [
 	"number",
 	"boolean"
 ];
-const PROP_DESCRIPTION = "What the prop is. A style property the component exposes, `{ \"type\": \"styleProperty\", \"value\": { \"__ref\": \"style-property:<name>\" } }`, which is what a primitive's props mostly are and what makes a style rule's bag key valid on it; a closed set of names a style rule keys on, `{ \"type\": \"variant\", \"value\": [\"sm\", \"lg\"] }`; content, `{ \"type\": \"slot\", \"text\": true }`; or a plain `string`, `number` or `boolean`. `null` hides a prop an inherited layer would expose. A prop that applies only under a condition on a sibling carries `when`, the record a style rule uses: `{ \"type\": \"string\", \"when\": { \"type\": \"color\" } }` shows it for one value, `{ \"when\": { \"type\": [\"default\", \"header\"] } }` for several.";
+const PROP_DESCRIPTION = "What the prop is. A style property the component exposes, `{ \"type\": \"styleProperty\", \"value\": { \"__ref\": \"style-property:<name>\" } }`, which is what a primitive's props mostly are and what makes a style rule's bag key valid on it; a closed set of names a style rule keys on, `{ \"type\": \"variant\", \"value\": [\"sm\", \"lg\"] }`; content, `{ \"type\": \"slot\", \"text\": true }`, or a slot whose own value is a library member, `{ \"type\": \"slot\", \"value\": { \"__ref\": \"icon:<library>\" } }`, which code may also fill with the forms it lists under `code` (`[\"node\", \"element\", \"render\"]`); or a plain `string`, `number` or `boolean`. `null` hides a prop an inherited layer would expose. A prop that applies only under a condition on a sibling carries `when`, the record a style rule uses: `{ \"type\": \"string\", \"when\": { \"type\": \"color\" } }` shows it for one value, `{ \"when\": { \"type\": [\"default\", \"header\"] } }` for several.";
 /** Nullable because `null` is the omit tombstone: a component that `inherits` its element's props
 *  drops one by declaring it `null`, rather than needing a second "don't expose" mechanism. */
 const Prop = defineSubEntity({
@@ -534,7 +542,7 @@ function styleBagValue({ config, declaration, name = "<prop>", glyphLibraries })
 		config,
 		libraries: glyphLibraries
 	}), domain]);
-	if (declaration?.type === "slot") return z.union([domain, z.never()], { error: () => `\`${name}\` is a slot, so a rule may set it to a string of content and nothing else. A glyph or a nested element is an anatomy node under the layer's node — \`{ "element": { "__ref": "icon:<library>/<Name>" }, "visible": { "$state": "<prop>", "eq": "<value>" } }\` to show one per variant value — and the instance's own content arrives through the prop.` });
+	if (declaration?.type === "slot" && !isValueSlot(declaration)) return z.union([domain, z.never()], { error: () => `\`${name}\` is a slot, so a rule may set it to a string of content and nothing else. A glyph or a nested element is an anatomy node under the layer's node — \`{ "element": { "__ref": "icon:<library>/<Name>" }, "visible": { "$state": "<prop>", "eq": "<value>" } }\` to show one per variant value — and the instance's own content arrives through the prop.` });
 	if (!isRef(bound) || kindOf(bound.__ref) !== "style-property") return domain;
 	const property = pathOf(bound.__ref);
 	return z.union([
@@ -1569,7 +1577,7 @@ slots: ({ config, path, member }) => {
 		for (const [name, decl] of Object.entries(resolveComponentProps(config, path))) {
 			const body = decl;
 			if (!body) continue;
-			if (body.type === "slot" || body.type === "forward" && routesContent(config, layers, body)) names.push(name);
+			if (carriesContent(config, layers, body)) names.push(name);
 		}
 		return names;
 	} },
@@ -2156,4 +2164,4 @@ function exampleProps(config, componentPath) {
 	return {};
 }
 //#endregion
-export { Component, blankComponentBody, canonicalWhen, forwardedNames, layerRef, ownValues, ownsItsValues, valueRef };
+export { Component, SLOT_CODE_FORMS, blankComponentBody, canonicalWhen, forwardedNames, layerRef, ownValues, ownsItsValues, valueRef };

package/dist/entities/system/GlobalStyle.d.ts

@@ -1,17 +1,21 @@
 import { EntityClass } from "../../framework/defineEntity.js";
+import { DerivedColor } from "./color.js";
 import { z } from "zod";
 
 //#region src/entities/system/GlobalStyle.d.ts
 /** A declared value, or a nested block of them — an at-rule (`@keyframes`) and a grouped selector
- *  both hold rules rather than declarations, and they nest to any depth. */
+ *  both hold rules rather than declarations, and they nest to any depth. A derived colour
+ *  (`alpha(Token.ref('color/on-primary'), 0.2)`) is a value: it keeps its token, so a rename
+ *  cascades into the rule and a mode override reaches it, where a baked `rgba()` would not. */
 type Declared = string | number | {
   __ref: string;
-} | {
+} | DerivedColor | {
   [key: string]: Declared;
 };
 declare const GlobalStyle: EntityClass<z.ZodObject<{
   selector: z.ZodString;
   declarations: z.ZodRecord<z.ZodString, z.ZodType<Declared, unknown, z.core.$ZodTypeInternals<Declared, unknown>>>;
+  important: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strict>, z.ZodObject<Record<never, never>, z.core.$strip>, "global-style", Record<never, never>, Record<never, never>, false, Record<never, never>, Record<never, never>>;
 /**
  * A stable name for a rule, from its selector — `@keyframes bounce` → `bounce`, `.prompt-editor p`

package/dist/entities/system/GlobalStyle.js

@@ -1,5 +1,6 @@
 import { refSchema } from "../../framework/utils/refs.js";
 import { defineEntity } from "../../framework/defineEntity.js";
+import { derivedColor } from "./color.js";
 import { z } from "zod";
 //#region src/entities/system/GlobalStyle.ts
 /**
@@ -22,6 +23,7 @@ const declared = z.lazy(() => z.union([
 	z.string(),
 	z.number(),
 	refSchema,
+	derivedColor,
 	z.record(z.string(), declared)
 ]));
 const GlobalStyle = defineEntity({
@@ -32,7 +34,13 @@ const GlobalStyle = defineEntity({
 		/** What the rule applies to — `html, body`, `@keyframes bounce`, `.prompt-editor p`. */
 		selector: z.string(),
 		/** Property → value, camelCase as it's authored; a nested record is a nested rule. */
-		declarations: z.record(z.string(), declared)
+		declarations: z.record(z.string(), declared),
+		/**
+		* Every declaration in the rule, nested ones included, is emitted `!important`. The sheet is
+		* layered and a third party's stylesheet (React Flow, CodeMirror's injected theme) is not, so a
+		* rule meant to beat one has to say so; the flag lets it while its values stay refs.
+		*/
+		important: z.boolean().optional()
 	})
 });
 /**

package/dist/entities/system/composed-values.d.ts

@@ -1,5 +1,5 @@
-import { Transition } from "./transition.js";
 import { DerivedColor, Gradient } from "./color.js";
+import { Transition } from "./transition.js";
 import { z } from "zod";
 
 //#region src/entities/system/composed-values.d.ts