@yahoo/uds-create-config 5.32.3 → 5.32.4

package/dist/configs/CanvasConfig.d.ts

@@ -223,8 +223,8 @@ declare const Node: NodeClass;
 declare const annotationSegment: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
   mention: z.ZodObject<{
     kind: z.ZodEnum<{
-      token: "token";
       component: "component";
+      token: "token";
     }>;
     path: z.ZodString;
     label: z.ZodString;
@@ -237,8 +237,8 @@ declare const AnnotationFields: z.ZodObject<{
   content: z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
     mention: z.ZodObject<{
       kind: z.ZodEnum<{
-        token: "token";
         component: "component";
+        token: "token";
       }>;
       path: z.ZodString;
       label: z.ZodString;
@@ -267,8 +267,8 @@ declare const AnnotationDefinition: EntityClass<z.ZodObject<{
   content: z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
     mention: z.ZodObject<{
       kind: z.ZodEnum<{
-        token: "token";
         component: "component";
+        token: "token";
       }>;
       path: z.ZodString;
       label: z.ZodString;

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

@@ -89,20 +89,52 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
       inherits: _$zod.ZodOptional<_$zod.ZodBoolean>;
     }, _$zod_v4_core0.$strict>>;
     cssVariable: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodString, _$zod.ZodLiteral<false>]>>;
-  }, "value" | "property" | "overrides" | "cssVariable"> & {
-    value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor, unknown>>;
+  }, "value" | "overrides" | "property" | "cssVariable"> & {
+    value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor | {
+      flexGrow: number;
+      flexShrink: number;
+      flexBasis: string | number;
+    }, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
+      flexGrow: number;
+      flexShrink: number;
+      flexBasis: string | number;
+    }, unknown>>;
     overrides: _$zod.ZodOptional<_$zod.ZodUnion<readonly [_$zod.ZodPipe<_$zod.ZodArray<_$zod.ZodObject<{
       on: _$zod.ZodType<OverrideCondition, unknown, _$zod_v4_core0.$ZodTypeInternals<OverrideCondition, unknown>>;
-      value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor, unknown>>;
+      value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor | {
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string | number;
+      }, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string | number;
+      }, unknown>>;
     }, _$zod_v4_core0.$strip>>, _$zod.ZodTransform<Record<string, {
       on: OverrideCondition;
-      value: string | number | boolean | Ref | DerivedColor;
+      value: string | number | boolean | Ref | DerivedColor | {
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string | number;
+      };
     }>, {
       on: OverrideCondition;
-      value: string | number | boolean | Ref | DerivedColor;
+      value: string | number | boolean | Ref | DerivedColor | {
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string | number;
+      };
     }[]>>, SubEntityClass<_$zod.ZodObject<{
       on: _$zod.ZodType<OverrideCondition, unknown, _$zod_v4_core0.$ZodTypeInternals<OverrideCondition, unknown>>;
-      value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor, unknown>>;
+      value: _$zod.ZodType<string | number | boolean | Ref | DerivedColor | {
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string | number;
+      }, unknown, _$zod_v4_core0.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string | number;
+      }, unknown>>;
     }, _$zod_v4_core0.$strip>>]>>;
   }, _$zod_v4_core0.$strip>, _$zod.ZodObject<Omit<{
     cssPrefix: _$zod.ZodOptional<_$zod.ZodString>;
@@ -153,32 +185,13 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
       __ref: _$zod.ZodString;
     }, _$zod_v4_core0.$strip>]>>>;
     opacityOf: _$zod.ZodOptional<_$zod.ZodLazy<_$zod.ZodType<Ref, unknown, _$zod_v4_core0.$ZodTypeInternals<Ref, unknown>>>>;
-  }, "values" | "alpha" | "properties" | "declarations" | "classPrefix" | "selector"> & {
+  }, "values" | "alpha" | "properties" | "selector" | "classPrefix" | "declarations"> & {
     properties: _$zod.ZodArray<_$zod.ZodPipe<_$zod.ZodPipe<_$zod.ZodString, _$zod.ZodTransform<string, string>>, _$zod.ZodEnum<{
       transform: "transform";
       filter: "filter";
       color: "color";
       inset: "inset";
       position: "position";
-      end: "end";
-      start: "start";
-      bottom: "bottom";
-      left: "left";
-      right: "right";
-      top: "top";
-      flex: "flex";
-      cursor: "cursor";
-      direction: "direction";
-      display: "display";
-      gap: "gap";
-      height: "height";
-      isolation: "isolation";
-      margin: "margin";
-      opacity: "opacity";
-      overflow: "overflow";
-      padding: "padding";
-      width: "width";
-      fontFamily: "fontFamily";
       alignContent: "alignContent";
       alignItems: "alignItems";
       alignSelf: "alignSelf";
@@ -217,23 +230,32 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
       borderTopStartRadius: "borderTopStartRadius";
       borderTopWidth: "borderTopWidth";
       borderWidth: "borderWidth";
+      bottom: "bottom";
       boxShadow: "boxShadow";
       boxSizing: "boxSizing";
       columnGap: "columnGap";
+      cursor: "cursor";
+      direction: "direction";
+      display: "display";
       elevation: "elevation";
+      end: "end";
       experimental_backgroundImage: "experimental_backgroundImage";
       experimental_backgroundPosition: "experimental_backgroundPosition";
       experimental_backgroundRepeat: "experimental_backgroundRepeat";
       experimental_backgroundSize: "experimental_backgroundSize";
+      flex: "flex";
       flexBasis: "flexBasis";
       flexDirection: "flexDirection";
       flexGrow: "flexGrow";
       flexShrink: "flexShrink";
       flexWrap: "flexWrap";
+      fontFamily: "fontFamily";
       fontSize: "fontSize";
       fontStyle: "fontStyle";
       fontVariant: "fontVariant";
       fontWeight: "fontWeight";
+      gap: "gap";
+      height: "height";
       includeFontPadding: "includeFontPadding";
       insetBlock: "insetBlock";
       insetBlockEnd: "insetBlockEnd";
@@ -241,9 +263,12 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
       insetInline: "insetInline";
       insetInlineEnd: "insetInlineEnd";
       insetInlineStart: "insetInlineStart";
+      isolation: "isolation";
       justifyContent: "justifyContent";
+      left: "left";
       letterSpacing: "letterSpacing";
       lineHeight: "lineHeight";
+      margin: "margin";
       marginBlock: "marginBlock";
       marginBlockEnd: "marginBlockEnd";
       marginBlockStart: "marginBlockStart";
@@ -264,11 +289,14 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
       minWidth: "minWidth";
       mixBlendMode: "mixBlendMode";
       objectFit: "objectFit";
+      opacity: "opacity";
       outlineColor: "outlineColor";
       outlineOffset: "outlineOffset";
       outlineStyle: "outlineStyle";
       outlineWidth: "outlineWidth";
+      overflow: "overflow";
       overlayColor: "overlayColor";
+      padding: "padding";
       paddingBlock: "paddingBlock";
       paddingBlockEnd: "paddingBlockEnd";
       paddingBlockStart: "paddingBlockStart";
@@ -285,6 +313,7 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
       paddingVertical: "paddingVertical";
       pointerEvents: "pointerEvents";
       resizeMode: "resizeMode";
+      right: "right";
       rotation: "rotation";
       rowGap: "rowGap";
       scaleX: "scaleX";
@@ -293,6 +322,7 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
       shadowOffset: "shadowOffset";
       shadowOpacity: "shadowOpacity";
       shadowRadius: "shadowRadius";
+      start: "start";
       textAlign: "textAlign";
       textAlignVertical: "textAlignVertical";
       textDecorationColor: "textDecorationColor";
@@ -303,12 +333,14 @@ declare const ReactNativeSystemDefinition: ConfigClass<{
       textShadowRadius: "textShadowRadius";
       textTransform: "textTransform";
       tintColor: "tintColor";
+      top: "top";
       transformMatrix: "transformMatrix";
       transformOrigin: "transformOrigin";
       translateX: "translateX";
       translateY: "translateY";
       userSelect: "userSelect";
       verticalAlign: "verticalAlign";
+      width: "width";
       writingDirection: "writingDirection";
       zIndex: "zIndex";
     }>>>;

package/dist/configs/react-native-system.js

@@ -1,8 +1,8 @@
 import { Font } from "../entities/system/Font.js";
+import { NATIVE_CONFIG_NAME } from "./platform.js";
 import { Package } from "../entities/system/Package.js";
 import { Composite } from "../entities/system/Composite.js";
 import { File } from "../entities/system/File.js";
-import { NATIVE_CONFIG_NAME } from "./platform.js";
 import { Component } from "../entities/system/Component.js";
 import { Icon } from "../entities/system/Icon.js";
 import { Device } from "../entities/system/Device.js";

package/dist/configs/system.js

@@ -1,12 +1,12 @@
 import { Font } from "../entities/system/Font.js";
+import { WEB_CONFIG_NAME } from "./platform.js";
+import { Settings } from "../entities/system/Settings.js";
 import { Package } from "../entities/system/Package.js";
 import { Composite } from "../entities/system/Composite.js";
 import { Modifier } from "../entities/system/Modifier.js";
-import { Settings } from "../entities/system/Settings.js";
 import { StyleProperty } from "../entities/system/StyleProperty.js";
 import { Motion } from "../entities/system/Motion.js";
 import { File } from "../entities/system/File.js";
-import { WEB_CONFIG_NAME } from "./platform.js";
 import { Token } from "../entities/system/Token.js";
 import { Component } from "../entities/system/Component.js";
 import { Icon } from "../entities/system/Icon.js";

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

@@ -9,14 +9,14 @@ declare const NativeModifierDefinition: EntityClass<z.ZodObject<{
   type: z.ZodEnum<{
     appearance: "appearance";
     "min-width": "min-width";
-    state: "state";
     "operating-system": "operating-system";
+    state: "state";
   }>;
   value: z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>;
 }, z.core.$strip>, z.ZodObject<{
   type: z.ZodOptional<z.ZodEnum<{
-    mode: "mode";
     state: "state";
+    mode: "mode";
   }>>;
   default: z.ZodOptional<z.ZodObject<{
     __ref: z.ZodString;

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

@@ -11,25 +11,6 @@ declare const rnStyleKey: z.ZodEnum<{
   color: "color";
   inset: "inset";
   position: "position";
-  end: "end";
-  start: "start";
-  bottom: "bottom";
-  left: "left";
-  right: "right";
-  top: "top";
-  flex: "flex";
-  cursor: "cursor";
-  direction: "direction";
-  display: "display";
-  gap: "gap";
-  height: "height";
-  isolation: "isolation";
-  margin: "margin";
-  opacity: "opacity";
-  overflow: "overflow";
-  padding: "padding";
-  width: "width";
-  fontFamily: "fontFamily";
   alignContent: "alignContent";
   alignItems: "alignItems";
   alignSelf: "alignSelf";
@@ -68,23 +49,32 @@ declare const rnStyleKey: z.ZodEnum<{
   borderTopStartRadius: "borderTopStartRadius";
   borderTopWidth: "borderTopWidth";
   borderWidth: "borderWidth";
+  bottom: "bottom";
   boxShadow: "boxShadow";
   boxSizing: "boxSizing";
   columnGap: "columnGap";
+  cursor: "cursor";
+  direction: "direction";
+  display: "display";
   elevation: "elevation";
+  end: "end";
   experimental_backgroundImage: "experimental_backgroundImage";
   experimental_backgroundPosition: "experimental_backgroundPosition";
   experimental_backgroundRepeat: "experimental_backgroundRepeat";
   experimental_backgroundSize: "experimental_backgroundSize";
+  flex: "flex";
   flexBasis: "flexBasis";
   flexDirection: "flexDirection";
   flexGrow: "flexGrow";
   flexShrink: "flexShrink";
   flexWrap: "flexWrap";
+  fontFamily: "fontFamily";
   fontSize: "fontSize";
   fontStyle: "fontStyle";
   fontVariant: "fontVariant";
   fontWeight: "fontWeight";
+  gap: "gap";
+  height: "height";
   includeFontPadding: "includeFontPadding";
   insetBlock: "insetBlock";
   insetBlockEnd: "insetBlockEnd";
@@ -92,9 +82,12 @@ declare const rnStyleKey: z.ZodEnum<{
   insetInline: "insetInline";
   insetInlineEnd: "insetInlineEnd";
   insetInlineStart: "insetInlineStart";
+  isolation: "isolation";
   justifyContent: "justifyContent";
+  left: "left";
   letterSpacing: "letterSpacing";
   lineHeight: "lineHeight";
+  margin: "margin";
   marginBlock: "marginBlock";
   marginBlockEnd: "marginBlockEnd";
   marginBlockStart: "marginBlockStart";
@@ -115,11 +108,14 @@ declare const rnStyleKey: z.ZodEnum<{
   minWidth: "minWidth";
   mixBlendMode: "mixBlendMode";
   objectFit: "objectFit";
+  opacity: "opacity";
   outlineColor: "outlineColor";
   outlineOffset: "outlineOffset";
   outlineStyle: "outlineStyle";
   outlineWidth: "outlineWidth";
+  overflow: "overflow";
   overlayColor: "overlayColor";
+  padding: "padding";
   paddingBlock: "paddingBlock";
   paddingBlockEnd: "paddingBlockEnd";
   paddingBlockStart: "paddingBlockStart";
@@ -136,6 +132,7 @@ declare const rnStyleKey: z.ZodEnum<{
   paddingVertical: "paddingVertical";
   pointerEvents: "pointerEvents";
   resizeMode: "resizeMode";
+  right: "right";
   rotation: "rotation";
   rowGap: "rowGap";
   scaleX: "scaleX";
@@ -144,6 +141,7 @@ declare const rnStyleKey: z.ZodEnum<{
   shadowOffset: "shadowOffset";
   shadowOpacity: "shadowOpacity";
   shadowRadius: "shadowRadius";
+  start: "start";
   textAlign: "textAlign";
   textAlignVertical: "textAlignVertical";
   textDecorationColor: "textDecorationColor";
@@ -154,12 +152,14 @@ declare const rnStyleKey: z.ZodEnum<{
   textShadowRadius: "textShadowRadius";
   textTransform: "textTransform";
   tintColor: "tintColor";
+  top: "top";
   transformMatrix: "transformMatrix";
   transformOrigin: "transformOrigin";
   translateX: "translateX";
   translateY: "translateY";
   userSelect: "userSelect";
   verticalAlign: "verticalAlign";
+  width: "width";
   writingDirection: "writingDirection";
   zIndex: "zIndex";
 }>;
@@ -206,32 +206,13 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     __ref: z.ZodString;
   }, z.core.$strip>]>>>;
   opacityOf: z.ZodOptional<z.ZodLazy<z.ZodType<Ref, unknown, z.core.$ZodTypeInternals<Ref, unknown>>>>;
-}, "values" | "alpha" | "properties" | "declarations" | "classPrefix" | "selector"> & {
+}, "values" | "alpha" | "properties" | "selector" | "classPrefix" | "declarations"> & {
   properties: z.ZodArray<z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodEnum<{
     transform: "transform";
     filter: "filter";
     color: "color";
     inset: "inset";
     position: "position";
-    end: "end";
-    start: "start";
-    bottom: "bottom";
-    left: "left";
-    right: "right";
-    top: "top";
-    flex: "flex";
-    cursor: "cursor";
-    direction: "direction";
-    display: "display";
-    gap: "gap";
-    height: "height";
-    isolation: "isolation";
-    margin: "margin";
-    opacity: "opacity";
-    overflow: "overflow";
-    padding: "padding";
-    width: "width";
-    fontFamily: "fontFamily";
     alignContent: "alignContent";
     alignItems: "alignItems";
     alignSelf: "alignSelf";
@@ -270,23 +251,32 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     borderTopStartRadius: "borderTopStartRadius";
     borderTopWidth: "borderTopWidth";
     borderWidth: "borderWidth";
+    bottom: "bottom";
     boxShadow: "boxShadow";
     boxSizing: "boxSizing";
     columnGap: "columnGap";
+    cursor: "cursor";
+    direction: "direction";
+    display: "display";
     elevation: "elevation";
+    end: "end";
     experimental_backgroundImage: "experimental_backgroundImage";
     experimental_backgroundPosition: "experimental_backgroundPosition";
     experimental_backgroundRepeat: "experimental_backgroundRepeat";
     experimental_backgroundSize: "experimental_backgroundSize";
+    flex: "flex";
     flexBasis: "flexBasis";
     flexDirection: "flexDirection";
     flexGrow: "flexGrow";
     flexShrink: "flexShrink";
     flexWrap: "flexWrap";
+    fontFamily: "fontFamily";
     fontSize: "fontSize";
     fontStyle: "fontStyle";
     fontVariant: "fontVariant";
     fontWeight: "fontWeight";
+    gap: "gap";
+    height: "height";
     includeFontPadding: "includeFontPadding";
     insetBlock: "insetBlock";
     insetBlockEnd: "insetBlockEnd";
@@ -294,9 +284,12 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     insetInline: "insetInline";
     insetInlineEnd: "insetInlineEnd";
     insetInlineStart: "insetInlineStart";
+    isolation: "isolation";
     justifyContent: "justifyContent";
+    left: "left";
     letterSpacing: "letterSpacing";
     lineHeight: "lineHeight";
+    margin: "margin";
     marginBlock: "marginBlock";
     marginBlockEnd: "marginBlockEnd";
     marginBlockStart: "marginBlockStart";
@@ -317,11 +310,14 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     minWidth: "minWidth";
     mixBlendMode: "mixBlendMode";
     objectFit: "objectFit";
+    opacity: "opacity";
     outlineColor: "outlineColor";
     outlineOffset: "outlineOffset";
     outlineStyle: "outlineStyle";
     outlineWidth: "outlineWidth";
+    overflow: "overflow";
     overlayColor: "overlayColor";
+    padding: "padding";
     paddingBlock: "paddingBlock";
     paddingBlockEnd: "paddingBlockEnd";
     paddingBlockStart: "paddingBlockStart";
@@ -338,6 +334,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     paddingVertical: "paddingVertical";
     pointerEvents: "pointerEvents";
     resizeMode: "resizeMode";
+    right: "right";
     rotation: "rotation";
     rowGap: "rowGap";
     scaleX: "scaleX";
@@ -346,6 +343,7 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     shadowOffset: "shadowOffset";
     shadowOpacity: "shadowOpacity";
     shadowRadius: "shadowRadius";
+    start: "start";
     textAlign: "textAlign";
     textAlignVertical: "textAlignVertical";
     textDecorationColor: "textDecorationColor";
@@ -356,12 +354,14 @@ declare const NativeStyleProperty: EntityClass<z.ZodObject<Omit<{
     textShadowRadius: "textShadowRadius";
     textTransform: "textTransform";
     tintColor: "tintColor";
+    top: "top";
     transformMatrix: "transformMatrix";
     transformOrigin: "transformOrigin";
     translateX: "translateX";
     translateY: "translateY";
     userSelect: "userSelect";
     verticalAlign: "verticalAlign";
+    width: "width";
     writingDirection: "writingDirection";
     zIndex: "zIndex";
   }>>>;

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

@@ -5,10 +5,11 @@ import { DerivedColor } from "../system/color.js";
 import { ComposedValue } from "../system/composed-values.js";
 import { EntityClass } from "../../framework/defineEntity.js";
 import { OverrideCondition } from "../system/Token.js";
+import { NativeFlexValue } from "../system/linked-flex-values.js";
 import { z } from "zod";
 
 //#region src/entities/native/NativeToken.d.ts
-declare const nativeTokenValue: z.ZodType<number | boolean | string | Ref$1 | DerivedColor>;
+declare const nativeTokenValue: z.ZodType<number | boolean | string | Ref$1 | DerivedColor | NativeFlexValue>;
 declare const NativeToken: EntityClass<z.ZodObject<Omit<{
   value: z.ZodType<string | number | Ref | ComposedValue, unknown, z.core.$ZodTypeInternals<string | number | Ref | ComposedValue, unknown>>;
   type: z.ZodOptional<z.ZodString>;
@@ -31,20 +32,52 @@ declare const NativeToken: EntityClass<z.ZodObject<Omit<{
     inherits: z.ZodOptional<z.ZodBoolean>;
   }, z.core.$strict>>;
   cssVariable: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<false>]>>;
-}, "value" | "property" | "overrides" | "cssVariable"> & {
-  value: z.ZodType<string | number | boolean | Ref | DerivedColor, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor, unknown>>;
+}, "value" | "overrides" | "property" | "cssVariable"> & {
+  value: z.ZodType<string | number | boolean | Ref | DerivedColor | {
+    flexGrow: number;
+    flexShrink: number;
+    flexBasis: string | number;
+  }, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
+    flexGrow: number;
+    flexShrink: number;
+    flexBasis: string | number;
+  }, unknown>>;
   overrides: z.ZodOptional<z.ZodUnion<readonly [z.ZodPipe<z.ZodArray<z.ZodObject<{
     on: z.ZodType<OverrideCondition, unknown, z.core.$ZodTypeInternals<OverrideCondition, unknown>>;
-    value: z.ZodType<string | number | boolean | Ref | DerivedColor, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor, unknown>>;
+    value: z.ZodType<string | number | boolean | Ref | DerivedColor | {
+      flexGrow: number;
+      flexShrink: number;
+      flexBasis: string | number;
+    }, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
+      flexGrow: number;
+      flexShrink: number;
+      flexBasis: string | number;
+    }, unknown>>;
   }, z.core.$strip>>, z.ZodTransform<Record<string, {
     on: OverrideCondition;
-    value: string | number | boolean | Ref | DerivedColor;
+    value: string | number | boolean | Ref | DerivedColor | {
+      flexGrow: number;
+      flexShrink: number;
+      flexBasis: string | number;
+    };
   }>, {
     on: OverrideCondition;
-    value: string | number | boolean | Ref | DerivedColor;
+    value: string | number | boolean | Ref | DerivedColor | {
+      flexGrow: number;
+      flexShrink: number;
+      flexBasis: string | number;
+    };
   }[]>>, SubEntityClass<z.ZodObject<{
     on: z.ZodType<OverrideCondition, unknown, z.core.$ZodTypeInternals<OverrideCondition, unknown>>;
-    value: z.ZodType<string | number | boolean | Ref | DerivedColor, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor, unknown>>;
+    value: z.ZodType<string | number | boolean | Ref | DerivedColor | {
+      flexGrow: number;
+      flexShrink: number;
+      flexBasis: string | number;
+    }, unknown, z.core.$ZodTypeInternals<string | number | boolean | Ref | DerivedColor | {
+      flexGrow: number;
+      flexShrink: number;
+      flexBasis: string | number;
+    }, unknown>>;
   }, z.core.$strip>>]>>;
 }, z.core.$strip>, z.ZodObject<Omit<{
   cssPrefix: z.ZodOptional<z.ZodString>;

package/dist/entities/native/NativeToken.js

@@ -3,6 +3,7 @@ import { oklchColor } from "../system/color.js";
 import { orList } from "../../framework/defineSubEntity.js";
 import { Font } from "../system/Font.js";
 import { NATIVE_CONFIG_NAME } from "../../configs/platform.js";
+import { nativeFlexValue } from "../system/linked-flex-values.js";
 import { prepareLinkedTokenBody } from "../system/linked-token-values.js";
 import { Token, defineOverride } from "../system/Token.js";
 import { z } from "zod";
@@ -11,7 +12,8 @@ import { z } from "zod";
 * The native variant of `Token` — same kind, native validation. A value is something React Native
 * can hold: a number (points, opacity, duration), a boolean, a unit string RN itself understands
 * (`'45deg'`, `'50%'`, a hex or RGB color, `'transparent'`), an alias to another token, a font-family
-* ref, or a derived color (`mix()`/`alpha()` resolve to a concrete color, so they carry). What
+* ref, a derived color (`mix()`/`alpha()` resolve to a concrete color, so they carry), or explicit
+* native flex declarations (a linked shorthand needs all three longhands). What
 * deliberately does not validate is web's open string arm — `'1rem'`, `calc(…)`, `'50vh'` mean
 * nothing off the web, and refusing them here is the platform model: the config is the platform,
 * so a native config cannot hold a web value.
@@ -59,7 +61,8 @@ const nativeTokenValue = z.union([
 	nativeTokenString,
 	Token,
 	Font,
-	nativeDerivedColor
+	nativeDerivedColor,
+	nativeFlexValue
 ]);
 /** `Token`'s Override over the native value domain: the same condition and the same derived key. */
 const NativeOverride = defineOverride(nativeTokenValue);
@@ -76,12 +79,13 @@ const NativeToken = Token.extend({
 		cssPrefix: null,
 		cssVariables: null
 	},
-	prepareLinkedBody: ({ path, body, source, config }) => prepareLinkedTokenBody({
+	prepareLinkedBody: ({ path, body, source, config, extend }) => prepareLinkedTokenBody({
 		path,
 		body,
 		source,
 		config,
-		destinationPlatform: NATIVE_CONFIG_NAME
+		destinationPlatform: NATIVE_CONFIG_NAME,
+		extend
 	})
 });
 //#endregion

package/dist/entities/system/Component.js

@@ -8,6 +8,7 @@ import { defineEntity } from "../../framework/defineEntity.js";
 import { defineSubEntity, orList } from "../../framework/defineSubEntity.js";
 import { childrenPolicy, forwardedPropName } from "./element.js";
 import { interactionKey, interactionModifiers } from "../../framework/interaction-conditions.js";
+import { translateLinkedStyleBags } from "./linked-style-values.js";
 import { listedIn } from "../../framework/utils/enumerated.js";
 import { valueSchemaOf } from "../../framework/value-domain.js";
 import { Package } from "./Package.js";
@@ -1816,7 +1817,7 @@ const componentBags = (data) => {
 		if (!isPlainRecord(layers)) continue;
 		for (const [layer, bag] of Object.entries(layers)) collectBag(bag, (next) => {
 			layers[layer] = next;
-		}, out);
+		}, out, body?.layers?.[layer]);
 	}
 	for (const node of Object.values(body?.anatomy ?? {})) {
 		if (!isPlainRecord(node)) continue;
@@ -1831,6 +1832,11 @@ const componentBags = (data) => {
 };
 const ComponentEntity = defineEntity({
 	kind: "component",
+	rebaseLinkedBody: (args) => translateLinkedStyleBags({
+		...args,
+		bags: componentBags,
+		owner: args.path
+	}),
 	prepareLinkedBody: ({ body, config }) => {
 		if (!isPlainObject(body.props)) return body;
 		const layers = isPlainObject(body.layers) ? body.layers : void 0;

package/dist/entities/system/Composite.js

@@ -1,4 +1,5 @@
 import { defineEntity } from "../../framework/defineEntity.js";
+import { translateLinkedStyleBags } from "./linked-style-values.js";
 import { Style, bagNameEdges, bagRewriteName, collectBag } from "./style-bag.js";
 import { z } from "zod";
 //#region src/entities/system/Composite.ts
@@ -13,6 +14,10 @@ const compositeBags = (data) => {
 };
 const Composite = defineEntity({
 	kind: "composite",
+	rebaseLinkedBody: (args) => translateLinkedStyleBags({
+		...args,
+		bags: compositeBags
+	}),
 	label: "Composite style",
 	labelPlural: "Composite styles",
 	fields: z.object({ styles: Style.describe("The style values the composite bundles. Each declaration is a member, so an editor writes one key at a time.") }),