feat: release design system engine, studio and component contracts

packages/ui/components/ButtonGroup.wrn

@@ -66,7 +66,7 @@ items: unknown[] = []
       data-attached="{attached}"
       data-selectable="{selectable}"
       data-disabled="{disabled}"
-    >
+     data-wrn-owner="ButtonGroup" data-wrn-part="root" data-wrn-component="ButtonGroup" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
       {#if items}
         {#each items as item, index}
           <button
@@ -78,11 +78,11 @@ items: unknown[] = []
             data-value="{item.value || item.label || String(index)}"
             data-selected="{selectable && selectedValue === (item.value || item.label || String(index)) ? 'true' : 'false'}"
             @click="selectItem(item, index)"
-          >
+           data-wrn-owner="ButtonGroup" data-wrn-part="button" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">
             {#if item.icon}
-              <span class="wrn-btn__icon {item.icon}" aria-hidden="true"></span>
+              <span class="wrn-btn__icon {item.icon}" aria-hidden="true" data-wrn-owner="ButtonGroup" data-wrn-part="icon" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}"></span>
             {/if}
-            <span class="wrn-btn__label">{item.label}</span>
+            <span class="wrn-btn__label" data-wrn-owner="ButtonGroup" data-wrn-part="label" data-wrn-axis-size="{size}" data-wrn-axis-color="{color}" data-wrn-axis-variant="{variant}">{item.label}</span>
           </button>
         {/each}
       {/if}