docs: restructure navigation, add v0.8/v0.9 content tabs, ecosystem renderers

conformance-storybook/storybook-static/assets/AudioPlayer.stories-DHz9vxGm.js

@@ -0,0 +1,8 @@
+import{r as a,s}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const m={title:"Components/AudioPlayer"},e={render:()=>a(s("audio-basic",[{id:"a1",component:"AudioPlayer",url:"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",title:"Sample Audio"}]))};var o,r,n;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("audio-basic", [{
+    id: "a1",
+    component: "AudioPlayer",
+    url: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
+    title: "Sample Audio"
+  }]))
+}`,...(n=(r=e.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const p=["Basic"];export{e as Basic,p as __namedExportsOrder,m as default};

conformance-storybook/storybook-static/assets/Button.stories-BIHQsGEz.js

@@ -0,0 +1,88 @@
+import{r,s as i}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const I={title:"Components/Button"},n={render:()=>r(i("btn-primary",[{id:"btn",component:{Button:{child:"txt",primary:!0,action:{name:"click"}}}},{id:"txt",component:{Text:{text:{literalString:"Primary Button"}}}}]))},t={render:()=>r(i("btn-outlined",[{id:"btn",component:{Button:{child:"txt",outlined:!0,action:{name:"click"}}}},{id:"txt",component:{Text:{text:{literalString:"Outlined Button"}}}}]))},e={render:()=>r(i("btn-text",[{id:"btn",component:{Button:{child:"txt",action:{name:"click"}}}},{id:"txt",component:{Text:{text:{literalString:"Text Button"}}}}]))},o={render:()=>r(i("btn-icon",[{id:"btn",component:{Button:{child:"ico",variant:"icon",action:{name:"click"}}}},{id:"ico",component:{Icon:{name:{literalString:"favorite"}}}}]))};var c,a,m;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("btn-primary", [{
+    id: "btn",
+    component: {
+      Button: {
+        child: "txt",
+        primary: true,
+        action: {
+          name: "click"
+        }
+      }
+    }
+  }, {
+    id: "txt",
+    component: {
+      Text: {
+        text: {
+          literalString: "Primary Button"
+        }
+      }
+    }
+  }]))
+}`,...(m=(a=n.parameters)==null?void 0:a.docs)==null?void 0:m.source}}};var d,s,l;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("btn-outlined", [{
+    id: "btn",
+    component: {
+      Button: {
+        child: "txt",
+        outlined: true,
+        action: {
+          name: "click"
+        }
+      }
+    }
+  }, {
+    id: "txt",
+    component: {
+      Text: {
+        text: {
+          literalString: "Outlined Button"
+        }
+      }
+    }
+  }]))
+}`,...(l=(s=t.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};var p,u,x;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("btn-text", [{
+    id: "btn",
+    component: {
+      Button: {
+        child: "txt",
+        action: {
+          name: "click"
+        }
+      }
+    }
+  }, {
+    id: "txt",
+    component: {
+      Text: {
+        text: {
+          literalString: "Text Button"
+        }
+      }
+    }
+  }]))
+}`,...(x=(u=e.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};var B,b,g;o.parameters={...o.parameters,docs:{...(B=o.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("btn-icon", [{
+    id: "btn",
+    component: {
+      Button: {
+        child: "ico",
+        variant: "icon",
+        action: {
+          name: "click"
+        }
+      }
+    }
+  }, {
+    id: "ico",
+    component: {
+      Icon: {
+        name: {
+          literalString: "favorite"
+        }
+      }
+    }
+  }]))
+}`,...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};const h=["Primary","Outlined","TextVariant","IconButton"];export{o as IconButton,t as Outlined,n as Primary,e as TextVariant,h as __namedExportsOrder,I as default};

conformance-storybook/storybook-static/assets/Card.stories-DRo9hLDe.js

@@ -0,0 +1,47 @@
+import{r as i,s}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const p={title:"Components/Card"},e={render:()=>i(s("card-basic",[{id:"card1",component:"Card",child:"col1"},{id:"col1",component:"Column",children:["t1","t2"]},{id:"t1",component:"Text",text:"Card Title",variant:"h3"},{id:"t2",component:"Text",text:"Card body content goes here.",variant:"body"}]))},n={render:()=>i(s("card-header",[{id:"card1",component:"Card",child:"content",header:"header_row"},{id:"header_row",component:"Row",children:["header_icon","header_text"],align:"center"},{id:"header_icon",component:"Icon",name:"info"},{id:"header_text",component:"Text",text:"Card Header",variant:"h4"},{id:"content",component:"Text",text:"This card has a header section.",variant:"body"}]))};var t,r,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("card-basic", [{
+    id: "card1",
+    component: "Card",
+    child: "col1"
+  }, {
+    id: "col1",
+    component: "Column",
+    children: ["t1", "t2"]
+  }, {
+    id: "t1",
+    component: "Text",
+    text: "Card Title",
+    variant: "h3"
+  }, {
+    id: "t2",
+    component: "Text",
+    text: "Card body content goes here.",
+    variant: "body"
+  }]))
+}`,...(o=(r=e.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var a,d,c;n.parameters={...n.parameters,docs:{...(a=n.parameters)==null?void 0:a.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("card-header", [{
+    id: "card1",
+    component: "Card",
+    child: "content",
+    header: "header_row"
+  }, {
+    id: "header_row",
+    component: "Row",
+    children: ["header_icon", "header_text"],
+    align: "center"
+  }, {
+    id: "header_icon",
+    component: "Icon",
+    name: "info"
+  }, {
+    id: "header_text",
+    component: "Text",
+    text: "Card Header",
+    variant: "h4"
+  }, {
+    id: "content",
+    component: "Text",
+    text: "This card has a header section.",
+    variant: "body"
+  }]))
+}`,...(c=(d=n.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const l=["Basic","WithHeader"];export{e as Basic,n as WithHeader,l as __namedExportsOrder,p as default};

conformance-storybook/storybook-static/assets/CheckBox.stories-APqTK19L.js

@@ -0,0 +1,23 @@
+import{r as m,c as p}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const l={title:"Components/CheckBox"},e={render:()=>m(p("cb-off",[{id:"cb1",component:"CheckBox",label:"Accept terms",value:{path:"/form/terms"}}],"/form",{terms:!1}))},r={render:()=>m(p("cb-on",[{id:"cb1",component:"CheckBox",label:"Subscribe to newsletter",value:{path:"/form/sub"}}],"/form",{sub:!0}))};var n,o,t;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  render: () => renderA2UI(componentWithData("cb-off", [{
+    id: "cb1",
+    component: "CheckBox",
+    label: "Accept terms",
+    value: {
+      path: "/form/terms"
+    }
+  }], "/form", {
+    terms: false
+  }))
+}`,...(t=(o=e.parameters)==null?void 0:o.docs)==null?void 0:t.source}}};var c,a,s;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  render: () => renderA2UI(componentWithData("cb-on", [{
+    id: "cb1",
+    component: "CheckBox",
+    label: "Subscribe to newsletter",
+    value: {
+      path: "/form/sub"
+    }
+  }], "/form", {
+    sub: true
+  }))
+}`,...(s=(a=r.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};const u=["Unchecked","Checked"];export{r as Checked,e as Unchecked,u as __namedExportsOrder,l as default};

conformance-storybook/storybook-static/assets/Column.stories-yw3n8k_G.js

@@ -0,0 +1,45 @@
+import{r as m,s as d}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const l={title:"Components/Column"},n={render:()=>m(d("col-basic",[{id:"col1",component:"Column",children:["t1","t2","t3"]},{id:"t1",component:"Text",text:"First item",variant:"body"},{id:"t2",component:"Text",text:"Second item",variant:"body"},{id:"t3",component:"Text",text:"Third item",variant:"body"}]))},t={render:()=>m(d("col-align",[{id:"col1",component:"Column",children:["t1","t2","t3"],align:"center",justify:"center"},{id:"t1",component:"Text",text:"Centered",variant:"h3"},{id:"t2",component:"Text",text:"Column",variant:"body"},{id:"t3",component:"Text",text:"Items",variant:"body"}]))};var e,o,r;n.parameters={...n.parameters,docs:{...(e=n.parameters)==null?void 0:e.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("col-basic", [{
+    id: "col1",
+    component: "Column",
+    children: ["t1", "t2", "t3"]
+  }, {
+    id: "t1",
+    component: "Text",
+    text: "First item",
+    variant: "body"
+  }, {
+    id: "t2",
+    component: "Text",
+    text: "Second item",
+    variant: "body"
+  }, {
+    id: "t3",
+    component: "Text",
+    text: "Third item",
+    variant: "body"
+  }]))
+}`,...(r=(o=n.parameters)==null?void 0:o.docs)==null?void 0:r.source}}};var i,a,c;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("col-align", [{
+    id: "col1",
+    component: "Column",
+    children: ["t1", "t2", "t3"],
+    align: "center",
+    justify: "center"
+  }, {
+    id: "t1",
+    component: "Text",
+    text: "Centered",
+    variant: "h3"
+  }, {
+    id: "t2",
+    component: "Text",
+    text: "Column",
+    variant: "body"
+  }, {
+    id: "t3",
+    component: "Text",
+    text: "Items",
+    variant: "body"
+  }]))
+}`,...(c=(a=t.parameters)==null?void 0:a.docs)==null?void 0:c.source}}};const x=["Basic","WithAlignment"];export{n as Basic,t as WithAlignment,x as __namedExportsOrder,l as default};

conformance-storybook/storybook-static/assets/DateTimeInput.stories-DG4D2Jwc.js

@@ -0,0 +1,37 @@
+import{r,c as n}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const f={title:"Components/DateTimeInput"},e={render:()=>r(n("dt-date",[{id:"dt1",component:"DateTimeInput",label:"Birth Date",variant:"date",value:{path:"/form/dob"}}],"/form",{dob:"1990-01-15"}))},t={render:()=>r(n("dt-time",[{id:"dt1",component:"DateTimeInput",label:"Meeting Time",variant:"time",value:{path:"/form/time"}}],"/form",{time:"14:30"}))},a={render:()=>r(n("dt-both",[{id:"dt1",component:"DateTimeInput",label:"Event Start",variant:"dateTime",value:{path:"/form/start"}}],"/form",{start:"2026-03-01T09:00"}))};var o,m,i;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  render: () => renderA2UI(componentWithData("dt-date", [{
+    id: "dt1",
+    component: "DateTimeInput",
+    label: "Birth Date",
+    variant: "date",
+    value: {
+      path: "/form/dob"
+    }
+  }], "/form", {
+    dob: "1990-01-15"
+  }))
+}`,...(i=(m=e.parameters)==null?void 0:m.docs)==null?void 0:i.source}}};var d,s,c;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  render: () => renderA2UI(componentWithData("dt-time", [{
+    id: "dt1",
+    component: "DateTimeInput",
+    label: "Meeting Time",
+    variant: "time",
+    value: {
+      path: "/form/time"
+    }
+  }], "/form", {
+    time: "14:30"
+  }))
+}`,...(c=(s=t.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};var p,l,u;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  render: () => renderA2UI(componentWithData("dt-both", [{
+    id: "dt1",
+    component: "DateTimeInput",
+    label: "Event Start",
+    variant: "dateTime",
+    value: {
+      path: "/form/start"
+    }
+  }], "/form", {
+    start: "2026-03-01T09:00"
+  }))
+}`,...(u=(l=a.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};const h=["DatePicker","TimePicker","DateTimePicker"];export{e as DatePicker,a as DateTimePicker,t as TimePicker,h as __namedExportsOrder,f as default};

conformance-storybook/storybook-static/assets/Divider.stories-Cu_roQhb.js

@@ -0,0 +1,21 @@
+import{r,s as i}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const m={title:"Components/Divider"},e={render:()=>r(i("divider-h",[{id:"col1",component:"Column",children:["t1","d1","t2"]},{id:"t1",component:"Text",text:"Above the divider",variant:"body"},{id:"d1",component:"Divider",axis:"horizontal"},{id:"t2",component:"Text",text:"Below the divider",variant:"body"}]))};var n,t,o;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("divider-h", [{
+    id: "col1",
+    component: "Column",
+    children: ["t1", "d1", "t2"]
+  }, {
+    id: "t1",
+    component: "Text",
+    text: "Above the divider",
+    variant: "body"
+  }, {
+    id: "d1",
+    component: "Divider",
+    axis: "horizontal"
+  }, {
+    id: "t2",
+    component: "Text",
+    text: "Below the divider",
+    variant: "body"
+  }]))
+}`,...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};const s=["Horizontal"];export{e as Horizontal,s as __namedExportsOrder,m as default};

conformance-storybook/storybook-static/assets/Icon.stories-Doh2fw2E.js

@@ -0,0 +1,29 @@
+import{r as a,s}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const l={title:"Components/Icon"},n={render:()=>a(s("icon-material",[{id:"i1",component:"Icon",name:"home"}]))},e={render:()=>a(s("icon-multi",[{id:"row1",component:"Row",children:["i1","i2","i3","i4"]},{id:"i1",component:"Icon",name:"home"},{id:"i2",component:"Icon",name:"settings"},{id:"i3",component:"Icon",name:"mail"},{id:"i4",component:"Icon",name:"search"}]))};var o,i,r;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("icon-material", [{
+    id: "i1",
+    component: "Icon",
+    name: "home"
+  }]))
+}`,...(r=(i=n.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};var m,c,t;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("icon-multi", [{
+    id: "row1",
+    component: "Row",
+    children: ["i1", "i2", "i3", "i4"]
+  }, {
+    id: "i1",
+    component: "Icon",
+    name: "home"
+  }, {
+    id: "i2",
+    component: "Icon",
+    name: "settings"
+  }, {
+    id: "i3",
+    component: "Icon",
+    name: "mail"
+  }, {
+    id: "i4",
+    component: "Icon",
+    name: "search"
+  }]))
+}`,...(t=(c=e.parameters)==null?void 0:c.docs)==null?void 0:t.source}}};const I=["MaterialIcon","MultipleIcons"];export{n as MaterialIcon,e as MultipleIcons,I as __namedExportsOrder,l as default};

conformance-storybook/storybook-static/assets/Image.stories-SxqrvwUb.js

@@ -0,0 +1,16 @@
+import{r as i,s as p}from"./a2ui-story-wrapper-CvQ-30RQ.js";import"./lit-element-CZsjY6Q-.js";const g={title:"Components/Image"},e={render:()=>i(p("image-basic",[{id:"img1",component:"Image",url:"https://picsum.photos/400/300",alt:"Sample image"}]))},r={render:()=>i(p("image-fit",[{id:"img1",component:"Image",url:"https://picsum.photos/800/400",alt:"Cover image",fit:"cover"}]))};var t,o,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("image-basic", [{
+    id: "img1",
+    component: "Image",
+    url: "https://picsum.photos/400/300",
+    alt: "Sample image"
+  }]))
+}`,...(a=(o=e.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};var m,s,n;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: () => renderA2UI(simpleComponent("image-fit", [{
+    id: "img1",
+    component: "Image",
+    url: "https://picsum.photos/800/400",
+    alt: "Cover image",
+    fit: "cover"
+  }]))
+}`,...(n=(s=r.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const l=["Basic","WithFit"];export{e as Basic,r as WithFit,l as __namedExportsOrder,g as default};