feat: release design system engine, studio and component contracts

output/design-system-phase-6/square/account.wrn

@@ -0,0 +1,13 @@
+page AgentPage {
+ seo { title = "Account settings" }
+ view {
+ <main class="wrn-agent-page"><h1>Account settings</h1>
+<PageHeader title={"Your profile"} />
+<Input id={"account-name"} label={"Your name"} placeholder={"Enter your name"} />
+<Input id={"account-email"} label={"Email"} type={"email"} placeholder={"you@example.com"} />
+<Alert title={"Design preview"} description={"This page uses your selected design system."} />
+<Button label={"Save profile"} variant={"default"} />
+ </main>
+ }
+ style { .wrn-agent-page { display: grid; padding: var(--wrn-space-panel); gap: var(--wrn-space-panel); color: var(--wrn-color-text); background: var(--wrn-color-bg); font-family: var(--wrn-font-sans); } }
+}

output/design-system-phase-6/square/package.json

@@ -0,0 +1 @@
+{}

output/design-system-phase-6/square/report.txt

@@ -0,0 +1,112 @@
+{
+  "system": "square",
+  "diagnostics": [],
+  "components": 104,
+  "recipes": [
+    "Accordion",
+    "AdvancedSelect",
+    "AnnouncementBar",
+    "AuthForm",
+    "AuthSplitLayout",
+    "AvatarGroup",
+    "BackToTop",
+    "Blockquote",
+    "Breadcrumb",
+    "ButtonGroup",
+    "CTASection",
+    "Carousel",
+    "Chart",
+    "ChatBubble",
+    "Clipboard",
+    "Collapse",
+    "ColorPicker",
+    "Columns",
+    "ComboBox",
+    "Confetti",
+    "CustomScrollbar",
+    "DataMap",
+    "DataTable",
+    "DatePicker",
+    "DeviceFrame",
+    "Divider",
+    "DragAndDrop",
+    "Drawer",
+    "DrawflowCanvas",
+    "Dropdown",
+    "FeatureCard",
+    "FeatureGrid",
+    "FeatureIconCard",
+    "FileInput",
+    "FileUploadProgress",
+    "FlowCanvas",
+    "Footer",
+    "Grid",
+    "Hero",
+    "HeroActions",
+    "Image",
+    "InputGroup",
+    "InputNumber",
+    "Kbd",
+    "LayoutSplitter",
+    "LegendIndicator",
+    "Link",
+    "List",
+    "ListGroup",
+    "Map",
+    "MarketingSectionHeader",
+    "Marquee",
+    "MegaMenu",
+    "MetricCard",
+    "MetricGrid",
+    "Navbar",
+    "Pagination",
+    "PinInput",
+    "Popover",
+    "PortalDashboard",
+    "PreferenceSwitcher",
+    "PublicPageShell",
+    "RangeSlider",
+    "Rating",
+    "Scrollspy",
+    "SearchBox",
+    "Section",
+    "SectionHeader",
+    "Sidebar",
+    "SplitHero",
+    "StatsBar",
+    "Stepper",
+    "StrongPassword",
+    "StyledIcon",
+    "Tabs",
+    "TextLink",
+    "TimePicker",
+    "Timeline",
+    "Toaster",
+    "ToggleCount",
+    "TogglePassword",
+    "TreeView",
+    "Typography",
+    "WysiwygEditor",
+    "Avatar",
+    "Badge",
+    "Progress",
+    "Skeleton",
+    "Spinner",
+    "Tooltip",
+    "Button",
+    "Input",
+    "Textarea",
+    "Select",
+    "Checkbox",
+    "Radio",
+    "Switch",
+    "Card",
+    "Alert",
+    "Modal",
+    "ContextMenu",
+    "Nav",
+    "PageHeader",
+    "Container"
+  ],
+  "limitations": "Only declared parts are styled. Native, provider and content-owned regions retain their documented boundaries."
+}

output/design-system-phase-6/square/support.wrn

@@ -0,0 +1,13 @@
+page AgentPage {
+ seo { title = "Contact support" }
+ view {
+ <main class="wrn-agent-page"><h1>Contact support</h1>
+<PageHeader title={"How can we help?"} />
+<Input id={"support-name"} label={"Your name"} placeholder={"Enter your name"} />
+<Input id={"support-email"} label={"Email"} type={"email"} placeholder={"you@example.com"} />
+<Alert title={"Design preview"} description={"This page uses your selected design system."} />
+<Button label={"Send request"} variant={"default"} />
+ </main>
+ }
+ style { .wrn-agent-page { display: grid; padding: var(--wrn-space-panel); gap: var(--wrn-space-panel); color: var(--wrn-color-text); background: var(--wrn-color-bg); font-family: var(--wrn-font-sans); } }
+}

output/design-system-phase-6/square/tokens.txt

@@ -0,0 +1,130 @@
+{
+  "color.background": {
+    "$type": "color",
+    "$value": "#0B0C0A"
+  },
+  "color.bg": {
+    "$type": "color",
+    "$value": "#0B0C0A"
+  },
+  "color.border": {
+    "$type": "color",
+    "$value": "#696C63"
+  },
+  "color.border-strong": {
+    "$type": "color",
+    "$value": "#696C63"
+  },
+  "color.foreground": {
+    "$type": "color",
+    "$value": "#F7F7F8"
+  },
+  "color.primary": {
+    "$type": "color",
+    "$value": "#FFB800"
+  },
+  "color.primary-active": {
+    "$type": "color",
+    "$value": "#FFE099"
+  },
+  "color.primary-contrast": {
+    "$type": "color",
+    "$value": "#000000"
+  },
+  "color.primary-hover": {
+    "$type": "color",
+    "$value": "#FFD15C"
+  },
+  "color.primary-muted": {
+    "$type": "color",
+    "$value": "#0B0C0A"
+  },
+  "color.primary-soft": {
+    "$type": "color",
+    "$value": "#0B0C0A"
+  },
+  "color.primary-text": {
+    "$type": "color",
+    "$value": "#FFB800"
+  },
+  "color.surface": {
+    "$type": "color",
+    "$value": "#000000"
+  },
+  "color.surface-2": {
+    "$type": "color",
+    "$value": "#0B0C0A"
+  },
+  "color.surface-muted": {
+    "$type": "color",
+    "$value": "#0B0C0A"
+  },
+  "color.surface-raised": {
+    "$type": "color",
+    "$value": "#000000"
+  },
+  "color.surface-soft": {
+    "$type": "color",
+    "$value": "#0B0C0A"
+  },
+  "color.text": {
+    "$type": "color",
+    "$value": "#F7F7F8"
+  },
+  "color.text-muted": {
+    "$type": "color",
+    "$value": "#BEC0B9"
+  },
+  "color.text-subtle": {
+    "$type": "color",
+    "$value": "#BEC0B9"
+  },
+  "control.height": {
+    "$type": "dimension",
+    "$value": "2.5rem"
+  },
+  "elevation.panel": {
+    "$type": "shadow",
+    "$value": "none"
+  },
+  "scheme": {
+    "$type": "colorScheme",
+    "$value": "dark"
+  },
+  "shape.base": {
+    "$type": "dimension",
+    "$value": "0"
+  },
+  "shape.control": {
+    "$type": "dimension",
+    "$value": "0"
+  },
+  "shape.dialog": {
+    "$type": "dimension",
+    "$value": "0"
+  },
+  "shape.panel": {
+    "$type": "dimension",
+    "$value": "0"
+  },
+  "space.control": {
+    "$type": "dimension",
+    "$value": "0.75rem"
+  },
+  "space.page": {
+    "$type": "dimension",
+    "$value": "1rem"
+  },
+  "space.panel": {
+    "$type": "dimension",
+    "$value": "1rem"
+  },
+  "type.body": {
+    "$type": "fontFamily",
+    "$value": "\"IBM Plex Mono\", \"Courier New\", monospace"
+  },
+  "type.heading": {
+    "$type": "fontFamily",
+    "$value": "\"IBM Plex Mono\", \"Courier New\", monospace"
+  }
+}