feat: release design system engine, studio and component contracts

examples/component-showcase/app/pages/components/button.wrn

@@ -78,7 +78,7 @@ page ButtonDetail {
         <div class="demo-workbench">
           <div id="button-demo-1" class="demo-canvas demo-canvas--1">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><Button label="Save &amp; Submit" as="button" type="submit" class="showcase-instance showcase-instance--1" /></div>
           </div>
           <section class="demo-code" aria-label="Primary action usage">
@@ -99,7 +99,7 @@ page ButtonDetail {
         <div class="demo-workbench">
           <div id="button-demo-2" class="demo-canvas demo-canvas--2">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><Button label="Learn more" as="a" href="#button-demo" variant="outline" size="sm" icon="icon-[lucide--arrow-right]" iconPosition="end" class="showcase-instance showcase-instance--2" /></div>
           </div>
           <section class="demo-code" aria-label="Secondary navigation usage">
@@ -124,7 +124,7 @@ page ButtonDetail {
         <div class="demo-workbench">
           <div id="button-demo-3" class="demo-canvas demo-canvas--3">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><Button label="Upgrade plan" as="button" variant="secondary" size="lg" pill="true" class="showcase-instance showcase-instance--3" /></div>
           </div>
           <section class="demo-code" aria-label="Prominent rounded action usage">
@@ -147,7 +147,7 @@ page ButtonDetail {
         <div class="demo-workbench">
           <div id="button-demo-4" class="demo-canvas demo-canvas--4">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><Button label="Open settings" as="button" variant="ghost" size="icon" icon="icon-[lucide--settings]" ariaLabel="Open settings" class="showcase-instance showcase-instance--4" /></div>
           </div>
           <section class="demo-code" aria-label="Accessible icon action usage">
@@ -171,7 +171,7 @@ page ButtonDetail {
         <div class="demo-workbench">
           <div id="button-demo-5" class="demo-canvas demo-canvas--5">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><Button label="Delete project" as="button" variant="destructive" icon="icon-[lucide--trash-2]" class="showcase-instance showcase-instance--5" /></div>
           </div>
           <section class="demo-code" aria-label="Dangerous action usage">
@@ -193,7 +193,7 @@ page ButtonDetail {
         <div class="demo-workbench">
           <div id="button-demo-6" class="demo-canvas demo-canvas--6">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><Button label="Read documentation" as="a" href="#button-demo" variant="link" class="showcase-instance showcase-instance--6" /></div>
           </div>
           <section class="demo-code" aria-label="Inline action usage">
@@ -215,7 +215,7 @@ page ButtonDetail {
         <div class="demo-workbench">
           <div id="button-demo-7" class="demo-canvas demo-canvas--7">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><Button label="Publish" loadingLabel="Publishing…" as="button" loading="true" class="showcase-instance showcase-instance--7" /></div>
           </div>
           <section class="demo-code" aria-label="Pending action usage">
@@ -237,7 +237,7 @@ page ButtonDetail {
         <div class="demo-workbench">
           <div id="button-demo-8" class="demo-canvas demo-canvas--8">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><Button label="Unavailable action" as="button" variant="outline" disabled="true" class="showcase-instance showcase-instance--8" /></div>
           </div>
           <section class="demo-code" aria-label="Unavailable action usage">