feat: release design system engine, studio and component contracts

packages/ui/components/LayoutSplitter.wrn

@@ -94,8 +94,8 @@ component LayoutSplitter {
       data-wrn-splitter-step='{stepSize()}'
       style='--wrn-split:{currentSize()}%;'
       @wrnexus:splitter:resize='reportResize(event)'
-    >
-      <div class="wrn-splitter__pane wrn-splitter__pane--start">
+     data-wrn-owner="LayoutSplitter" data-wrn-part="root" data-wrn-component="LayoutSplitter" data-wrn-axis-color='{color}'>
+      <div class="wrn-splitter__pane wrn-splitter__pane--start" data-wrn-owner="LayoutSplitter" data-wrn-part="pane" data-wrn-axis-color="{color}">
         <slot name="start"></slot>
       </div>
 
@@ -109,11 +109,11 @@ component LayoutSplitter {
         aria-valuenow='{currentSize()}'
         aria-valuemin='{lowerBound()}'
         aria-valuemax='{upperBound()}'
-      >
-        <span class="wrn-splitter__grip" aria-hidden="true"></span>
+       data-wrn-owner="LayoutSplitter" data-wrn-part="handle" data-wrn-axis-color="{color}">
+        <span class="wrn-splitter__grip" aria-hidden="true" data-wrn-owner="LayoutSplitter" data-wrn-part="grip" data-wrn-axis-color="{color}"></span>
       </div>
 
-      <div class="wrn-splitter__pane wrn-splitter__pane--end">
+      <div class="wrn-splitter__pane wrn-splitter__pane--end" data-wrn-owner="LayoutSplitter" data-wrn-part="pane" data-wrn-axis-color="{color}">
         <slot name="end"></slot>
       </div>