@xyd-js/storybook 0.0.1-build.167

package/storybook-static/assets/NavLinks.stories-DuFRhZLh.js

@@ -0,0 +1,359 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import"./writer-DkrWmB39.js";import{L as t}from"./Text-BAwif7rv-BYvLGGQV.js";import"./Update-DflVXGGQ-qVV03FlC.js";import"./index-CzKwSnp0.js";import"./Button-Cj99tk5U-Cn0Wrqkw.js";import"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";import"./index-DUCcPMOf.js";import"./index-DgnBCu_c.js";import"./index-D_kTjGoR.js";const L={title:"Components/Writer/NavLinks",component:t,parameters:{docs:{description:{component:"NavLinks component provides navigation links for moving between pages, typically used at the bottom of documentation pages with previous and next links."}}},argTypes:{prev:{description:"Previous page navigation link",control:"object"},next:{description:"Next page navigation link",control:"object"},as:{description:"Custom component to render as the link element",control:!1},className:{description:"Additional CSS class name",control:"text"}}},r={args:{prev:{title:"Getting Started",href:"#"},next:{title:"Installation",href:"#"}},render:n=>e.jsx("div",{style:{padding:"20px",maxWidth:"800px"},children:e.jsx(t,{...n})})},i={args:{prev:{title:"Introduction",href:"#"}},render:n=>e.jsx("div",{style:{padding:"20px",maxWidth:"800px"},children:e.jsx(t,{...n})})},s={args:{next:{title:"Advanced Configuration",href:"#"}},render:n=>e.jsx("div",{style:{padding:"20px",maxWidth:"800px"},children:e.jsx(t,{...n})})},o={args:{prev:{title:"Getting Started with Our Comprehensive Documentation",href:"#"},next:{title:"Advanced Configuration and Customization Options",href:"#"}},render:n=>e.jsx("div",{style:{padding:"20px",maxWidth:"800px"},children:e.jsx(t,{...n})})},a={args:{prev:{title:"Home",href:"#"},next:{title:"Next",href:"#"}},render:n=>e.jsx("div",{style:{padding:"20px",maxWidth:"800px"},children:e.jsx(t,{...n})})},d={args:{prev:{title:"Quick Start",href:"/docs/quick-start"},next:{title:"API Reference",href:"/docs/api-reference"}},render:n=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsxs("div",{style:{marginBottom:"20px"},children:[e.jsx("h2",{children:"Component Documentation"}),e.jsx("p",{children:"This is an example of how NavLinks would appear at the bottom of a documentation page."})]}),e.jsx(t,{...n})]})},p={args:{prev:{title:"Step 1: Setup",href:"/tutorial/setup"},next:{title:"Step 3: Deployment",href:"/tutorial/deployment"}},render:n=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsxs("div",{style:{marginBottom:"20px"},children:[e.jsx("h2",{children:"Step 2: Configuration"}),e.jsx("p",{children:"This step covers the configuration process for your project."}),e.jsx("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})]}),e.jsx(t,{...n})]})},l={args:{prev:{title:"Installation Guide",href:"/guides/installation"},next:{title:"Configuration Guide",href:"/guides/configuration"}},render:n=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsxs("div",{style:{marginBottom:"20px"},children:[e.jsx("h2",{children:"Getting Started Guide"}),e.jsx("p",{children:"This guide will walk you through the essential steps to get up and running."}),e.jsx("p",{children:"Follow along with the examples and you'll have everything set up in no time."})]}),e.jsx(t,{...n})]})},c={args:{next:{title:"Installation",href:"/docs/installation"}},render:n=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsxs("div",{style:{marginBottom:"20px"},children:[e.jsx("h2",{children:"Welcome"}),e.jsx("p",{children:"This is the first page of our documentation. There's no previous page to navigate to."})]}),e.jsx(t,{...n})]})},m={args:{prev:{title:"Advanced Topics",href:"/docs/advanced"}},render:n=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsxs("div",{style:{marginBottom:"20px"},children:[e.jsx("h2",{children:"Conclusion"}),e.jsx("p",{children:"This is the final page of our documentation. You've reached the end!"})]}),e.jsx(t,{...n})]})},h={args:{prev:{title:"Previous Chapter",href:"#"},next:{title:"Next Chapter",href:"#"},className:"custom-nav-links"},render:n=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsx("style",{children:`
+                    .custom-nav-links {
+                        border-top-color: #e5e7eb !important;
+                        background-color: #f9fafb;
+                        padding: 1.5rem;
+                        border-radius: 8px;
+                        margin-top: 3rem;
+                    }
+                `}),e.jsx(t,{...n})]}),parameters:{docs:{description:{story:"This example shows how to apply custom styling to the NavLinks component using the className prop."}}}},x={render:()=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsxs("div",{style:{marginBottom:"40px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Both Previous and Next"}),e.jsx("div",{style:{maxWidth:"800px"},children:e.jsx(t,{prev:{title:"Getting Started",href:"#"},next:{title:"Installation",href:"#"}})})]}),e.jsxs("div",{style:{marginBottom:"40px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Previous Only"}),e.jsx("div",{style:{maxWidth:"800px"},children:e.jsx(t,{prev:{title:"Introduction",href:"#"}})})]}),e.jsxs("div",{style:{marginBottom:"40px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Next Only"}),e.jsx("div",{style:{maxWidth:"800px"},children:e.jsx(t,{next:{title:"Advanced Configuration",href:"#"}})})]}),e.jsxs("div",{style:{marginBottom:"40px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Long Titles"}),e.jsx("div",{style:{maxWidth:"800px"},children:e.jsx(t,{prev:{title:"Getting Started with Our Comprehensive Documentation System",href:"#"},next:{title:"Advanced Configuration and Customization Options for Power Users",href:"#"}})})]}),e.jsxs("div",{style:{marginBottom:"40px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Short Titles"}),e.jsx("div",{style:{maxWidth:"800px"},children:e.jsx(t,{prev:{title:"Home",href:"#"},next:{title:"Next",href:"#"}})})]})]})},g={args:{prev:{title:"Previous Page",href:"#"},next:{title:"Next Page",href:"#"}},render:n=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsxs("div",{style:{marginBottom:"20px"},children:[e.jsx("h2",{children:"Interactive Navigation"}),e.jsx("p",{children:"Try clicking on the navigation links below to see the hover effects and transitions."})]}),e.jsx(t,{...n})]}),parameters:{docs:{description:{story:"This example demonstrates the interactive behavior of the NavLinks component. Notice the smooth transitions and hover effects."}}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Getting Started',
+      href: '#'
+    },
+    next: {
+      title: 'Installation',
+      href: '#'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <NavLinks {...args} />
+        </div>
+}`,...r.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Introduction',
+      href: '#'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <NavLinks {...args} />
+        </div>
+}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    next: {
+      title: 'Advanced Configuration',
+      href: '#'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <NavLinks {...args} />
+        </div>
+}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Getting Started with Our Comprehensive Documentation',
+      href: '#'
+    },
+    next: {
+      title: 'Advanced Configuration and Customization Options',
+      href: '#'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <NavLinks {...args} />
+        </div>
+}`,...o.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Home',
+      href: '#'
+    },
+    next: {
+      title: 'Next',
+      href: '#'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <NavLinks {...args} />
+        </div>
+}`,...a.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Quick Start',
+      href: '/docs/quick-start'
+    },
+    next: {
+      title: 'API Reference',
+      href: '/docs/api-reference'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <div style={{
+      marginBottom: '20px'
+    }}>
+                <h2>Component Documentation</h2>
+                <p>This is an example of how NavLinks would appear at the bottom of a documentation page.</p>
+            </div>
+            <NavLinks {...args} />
+        </div>
+}`,...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Step 1: Setup',
+      href: '/tutorial/setup'
+    },
+    next: {
+      title: 'Step 3: Deployment',
+      href: '/tutorial/deployment'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <div style={{
+      marginBottom: '20px'
+    }}>
+                <h2>Step 2: Configuration</h2>
+                <p>This step covers the configuration process for your project.</p>
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+            </div>
+            <NavLinks {...args} />
+        </div>
+}`,...p.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Installation Guide',
+      href: '/guides/installation'
+    },
+    next: {
+      title: 'Configuration Guide',
+      href: '/guides/configuration'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <div style={{
+      marginBottom: '20px'
+    }}>
+                <h2>Getting Started Guide</h2>
+                <p>This guide will walk you through the essential steps to get up and running.</p>
+                <p>Follow along with the examples and you'll have everything set up in no time.</p>
+            </div>
+            <NavLinks {...args} />
+        </div>
+}`,...l.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    next: {
+      title: 'Installation',
+      href: '/docs/installation'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <div style={{
+      marginBottom: '20px'
+    }}>
+                <h2>Welcome</h2>
+                <p>This is the first page of our documentation. There's no previous page to navigate to.</p>
+            </div>
+            <NavLinks {...args} />
+        </div>
+}`,...c.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Advanced Topics',
+      href: '/docs/advanced'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <div style={{
+      marginBottom: '20px'
+    }}>
+                <h2>Conclusion</h2>
+                <p>This is the final page of our documentation. You've reached the end!</p>
+            </div>
+            <NavLinks {...args} />
+        </div>
+}`,...m.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Previous Chapter',
+      href: '#'
+    },
+    next: {
+      title: 'Next Chapter',
+      href: '#'
+    },
+    className: 'custom-nav-links'
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <style>
+                {\`
+                    .custom-nav-links {
+                        border-top-color: #e5e7eb !important;
+                        background-color: #f9fafb;
+                        padding: 1.5rem;
+                        border-radius: 8px;
+                        margin-top: 3rem;
+                    }
+                \`}
+            </style>
+            <NavLinks {...args} />
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example shows how to apply custom styling to the NavLinks component using the className prop.'
+      }
+    }
+  }
+}`,...h.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px'
+  }}>
+            <div style={{
+      marginBottom: '40px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Both Previous and Next</h3>
+                <div style={{
+        maxWidth: '800px'
+      }}>
+                    <NavLinks prev={{
+          title: 'Getting Started',
+          href: '#'
+        }} next={{
+          title: 'Installation',
+          href: '#'
+        }} />
+                </div>
+            </div>
+
+            <div style={{
+      marginBottom: '40px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Previous Only</h3>
+                <div style={{
+        maxWidth: '800px'
+      }}>
+                    <NavLinks prev={{
+          title: 'Introduction',
+          href: '#'
+        }} />
+                </div>
+            </div>
+
+            <div style={{
+      marginBottom: '40px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Next Only</h3>
+                <div style={{
+        maxWidth: '800px'
+      }}>
+                    <NavLinks next={{
+          title: 'Advanced Configuration',
+          href: '#'
+        }} />
+                </div>
+            </div>
+
+            <div style={{
+      marginBottom: '40px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Long Titles</h3>
+                <div style={{
+        maxWidth: '800px'
+      }}>
+                    <NavLinks prev={{
+          title: 'Getting Started with Our Comprehensive Documentation System',
+          href: '#'
+        }} next={{
+          title: 'Advanced Configuration and Customization Options for Power Users',
+          href: '#'
+        }} />
+                </div>
+            </div>
+
+            <div style={{
+      marginBottom: '40px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Short Titles</h3>
+                <div style={{
+        maxWidth: '800px'
+      }}>
+                    <NavLinks prev={{
+          title: 'Home',
+          href: '#'
+        }} next={{
+          title: 'Next',
+          href: '#'
+        }} />
+                </div>
+            </div>
+        </div>
+}`,...x.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  args: {
+    prev: {
+      title: 'Previous Page',
+      href: '#'
+    },
+    next: {
+      title: 'Next Page',
+      href: '#'
+    }
+  },
+  render: args => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <div style={{
+      marginBottom: '20px'
+    }}>
+                <h2>Interactive Navigation</h2>
+                <p>Try clicking on the navigation links below to see the hover effects and transitions.</p>
+            </div>
+            <NavLinks {...args} />
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example demonstrates the interactive behavior of the NavLinks component. Notice the smooth transitions and hover effects.'
+      }
+    }
+  }
+}`,...g.parameters?.docs?.source}}};const C=["Default","PreviousOnly","NextOnly","LongTitles","ShortTitles","DocumentationExample","TutorialExample","GuideExample","FirstPage","LastPage","WithCustomStyling","AllVariants","Interactive"];export{x as AllVariants,r as Default,d as DocumentationExample,c as FirstPage,l as GuideExample,g as Interactive,m as LastPage,o as LongTitles,s as NextOnly,i as PreviousOnly,a as ShortTitles,p as TutorialExample,h as WithCustomStyling,C as __namedExportsOrder,L as default};

package/storybook-static/assets/PageBlogHome.stories-BnmA2r3q.js

@@ -0,0 +1,14 @@
+import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{m as t}from"./PageFirstSlide-D2kcGYmB-BWfslHla.js";import"./index-CzKwSnp0.js";import"./Text-BAwif7rv-BYvLGGQV.js";import"./Button-Cj99tk5U-Cn0Wrqkw.js";import{D as s}from"./DocsTemplate-B8_ZAKIZ.js";import"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";import"./index-DUCcPMOf.js";import"./index-DgnBCu_c.js";import"./index-D_kTjGoR.js";import"./chunk-EF7DTUVF-DPkwZaUR.js";import"./layouts-DBdGRyBm.js";import"./content-BRdfAQPf.js";import"./Update-DflVXGGQ-qVV03FlC.js";import"./system-CcsYyfSK.js";import"./writer-DkrWmB39.js";import"./index-D6tQpKjq.js";import"./github-BKgXy13-.js";const B={title:"Components/Pages/PageBlogHome",component:t,decorators:[s({toc:!1}),r=>o.jsxs(o.Fragment,{children:[o.jsx("style",{dangerouslySetInnerHTML:{__html:`
+                    #storybook-root {
+                        height: 100%;
+                    }
+                `}}),o.jsx(r,{})]})],parameters:{docs:{description:{component:"PageBlogHome component creates a blog home page with a list of blog posts."}}},argTypes:{}},e={render:()=>o.jsx(t,{}),parameters:{docs:{description:{story:"PageBlogHome component creates a blog home page with a list of blog posts."}}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  render: () => <PageBlogHome />,
+  parameters: {
+    docs: {
+      description: {
+        story: 'PageBlogHome component creates a blog home page with a list of blog posts.'
+      }
+    }
+  }
+}`,...e.parameters?.docs?.source}}};const D=["Default"];export{e as Default,D as __namedExportsOrder,B as default};

package/storybook-static/assets/PageFirstSlide-D2kcGYmB-BWfslHla.js

@@ -0,0 +1 @@
+import{d as x}from"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";import{r as e,e as w}from"./index-CzKwSnp0.js";import{k as d,M as E,C as f,U as k,i as h,L as C}from"./Text-BAwif7rv-BYvLGGQV.js";import{a as y}from"./Button-Cj99tk5U-Cn0Wrqkw.js";function L(t){var a,r=t.posts,i=r===void 0?[]:r,l=t.tabs,c=l===void 0?[]:l,o=t.initialTab,g=t.heading,m=t.subheading,s=t.prevLink,u=t.nextLink,v=t.as,B=v===void 0?"":v,N=e.useState(o||c&&((a=c[0])===null||a===void 0?void 0:a.value)||""),b=x(N,2),p=b[0],_=b[1],I=e.useMemo(function(){return p==="everything"?i:i?.filter(function(n){return n.tag.toLowerCase()===p})},[p,i]);return e.createElement("page-blog-home",{className:"p1evzq73"},e.createElement(d,{size:1,subtitle:m},g),e.createElement(k,{value:p,onChange:_},c.map(function(n){return e.createElement(k.Item,{as:B,href:n.href,value:n.value},n.label)})),e.createElement("div",{part:"posts"},I.map(function(n){return e.createElement(f,{key:n.id,href:n.href,kind:"secondary",size:"md"},e.createElement("div",{part:"card-content"},e.createElement("div",{part:"card-image"},e.createElement("img",{src:n.image,alt:n.title})),e.createElement(h,{size:"small",kind:"primary",as:"span"},n.tag),e.createElement(f.Title,null,e.createElement(h,{size:"large",weight:"bold",as:"span"},n.title)),e.createElement("div",{part:"card-author-row"},e.createElement("img",{src:n.author.avatar,alt:n.author.name,part:"card-author-avatar"}),e.createElement(h,{size:"small",as:"span"},n.author.name),e.createElement(h,{size:"small",kind:"secondary",as:"span"},n.date))))})),e.createElement("div",{part:"pagination"},e.createElement(C,{prev:s,next:u})))}var j="g1wc20vm";function z(t){var a=t.children,r=t.cols;return w.createElement("xyd-grid-decorator",{className:j,"data-cols":r},a)}function M(t){var a,r,i,l,c;return e.createElement("page-home",{className:"p1liujz1"},e.createElement("div",{part:"hero"},!((a=t?.hero)===null||a===void 0)&&a.image?e.createElement("img",{src:t.hero.image,alt:t.hero.title}):null,e.createElement(d,{size:1},(r=t.hero)===null||r===void 0?void 0:r.title),e.createElement(d,{size:3,kind:"muted"},(i=t.hero)===null||i===void 0?void 0:i.description),!((l=t?.hero)===null||l===void 0)&&l.button?e.createElement(y,{href:t.hero.button.href},t.hero.button.title):null),e.createElement("div",{part:"sections"},(c=t.sections)===null||c===void 0?void 0:c.map(function(o,g){var m,s;return e.createElement(e.Fragment,{key:"".concat(o.title,"-").concat(g)},o?.title?e.createElement("div",{part:"section-title"},e.createElement(d,{size:3},o.title)):null,!((m=o?.cards)===null||m===void 0)&&m.length?e.createElement("div",{part:"section-cards"},e.createElement(z,{cols:3},e.createElement(E,null,e.createElement(E.Item,null,e.createElement(E,null,(s=o.cards)===null||s===void 0?void 0:s.map(function(u,v){return e.createElement(E.Item,{key:"".concat(u.title,"-").concat(v)},e.createElement(f,Object.assign({},u)))})))))):null)})))}function T(t){var a,r,i,l;return e.createElement("page-first-slide",{className:"p1s96yum"},e.createElement("div",{part:"left"},((a=t.content)===null||a===void 0?void 0:a.title)&&e.createElement(d,{size:1},t.content.title),((r=t.content)===null||r===void 0?void 0:r.description)&&e.createElement(d,{size:4,kind:"muted"},t.content.description),e.createElement("div",{part:"buttons"},((i=t.content)===null||i===void 0?void 0:i.primaryButton)&&e.createElement(y,{href:t.content.primaryButton.href,kind:t.content.primaryButton.kind||"primary",size:"lg",disabled:t.content.primaryButton.disabled},t.content.primaryButton.title),((l=t.content)===null||l===void 0?void 0:l.secondaryButton)&&e.createElement(y,{href:t.content.secondaryButton.href,kind:t.content.secondaryButton.kind||"secondary",size:"lg",disabled:t.content.secondaryButton.disabled},t.content.secondaryButton.title))),e.createElement("div",{part:"right"},t.rightContent))}z.__docgenInfo={description:"",methods:[],displayName:"u"};L.__docgenInfo={description:"",methods:[],displayName:"m"};M.__docgenInfo={description:"",methods:[],displayName:"v"};T.__docgenInfo={description:"",methods:[],displayName:"p"};export{L as m,T as p,z as u,M as v};

package/storybook-static/assets/PageFirstSlide-SzOOIHx0.css

@@ -0,0 +1 @@
+:root{--syntax1: #FFFFFF;--syntax2: #ffffff00;--syntax3: #D9D7D5;--syntax4: #ECECEC;--syntax5: #F5F5F5;--syntax6: #282828;--syntax7: #565456;--syntax8: #C7C6C5;--syntax9: #A6A6A6;--syntax10: #242424;--syntax11: #EEF5FE;--syntax12: #82ADF3;--syntax13: #3C93FD;--syntax14: #CECECE;--syntax15: #353740;--syntax16: #e62c7a;--syntax17: #007400;--syntax18: #643820;--syntax19: #272AD8;--syntax20: #AA0D91;--syntax21: #3F6E74;--syntax23: #536579;--syntax25: #1971a8;--syntax26: #816927;--syntax27: #008c6a}[data-color-scheme=dark]{--syntax1: #353740;--syntax2: #353740;--syntax15: #fff;--syntax19: #2e95d3;--syntax27: #008c6a}@media (prefers-color-scheme: dark){:root:not([data-color-scheme=light]):not([data-color-scheme=dark]){--syntax1: #353740;--syntax2: #353740;--syntax15: #fff;--syntax19: #2e95d3;--syntax27: #008c6a}}

package/storybook-static/assets/PageFirstSlide.stories-CoKlxYlH.js

@@ -0,0 +1,55 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{p as r}from"./PageFirstSlide-D2kcGYmB-BWfslHla.js";import"./index-CzKwSnp0.js";import"./Text-BAwif7rv-BYvLGGQV.js";import"./Button-Cj99tk5U-Cn0Wrqkw.js";import{a as n}from"./content-BRdfAQPf.js";import{D as o}from"./DocsTemplate-B8_ZAKIZ.js";import"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";import"./index-DUCcPMOf.js";import"./index-DgnBCu_c.js";import"./index-D_kTjGoR.js";import"./Update-DflVXGGQ-qVV03FlC.js";import"./chunk-EF7DTUVF-DPkwZaUR.js";import"./layouts-DBdGRyBm.js";import"./system-CcsYyfSK.js";import"./writer-DkrWmB39.js";import"./index-D6tQpKjq.js";import"./github-BKgXy13-.js";var s={name:"classic",type:"from-css",colors:{"list.focusForeground":"var(--syntax1)","scrollbar.shadow":"var(--syntax2)","tab.activeBorder":"var(--syntax1)","widget.shadow":"var(--syntax2)","activityBar.border":"var(--syntax3)","editorGroup.border":"var(--syntax3)","editorGroupHeader.tabsBorder":"var(--syntax3)","editorWidget.border":"var(--syntax3)","editorWidget.resizeBorder":"var(--syntax3)","input.border":"var(--syntax3)","notificationCenter.border":"var(--syntax3)","notifications.border":"var(--syntax3)","panel.border":"var(--syntax3)","sideBar.border":"var(--syntax3)","statusBar.border":"var(--syntax3)","tab.border":"var(--syntax3)","activityBar.background":"var(--syntax4)","statusBar.background":"var(--syntax4)","statusBar.noFolderBackground":"var(--syntax4)","statusBar.debuggingBackground":"var(--syntax4)","editorGroupHeader.tabsBackground":"var(--syntax5)","editorWidget.background":"var(--syntax5)","sideBar.background":"var(--syntax5)","sideBarSectionHeader.background":"var(--syntax5)","tab.inactiveBackground":"var(--syntax5)","activityBarBadge.background":"var(--syntax6)","activityBar.foreground":"var(--syntax6)","statusBar.foreground":"var(--syntax7)","input.placeholderForeground":"var(--syntax8)","editorLineNumber.foreground":"var(--syntax9)","editorLineNumber.activeForeground":"var(--syntax6)",foreground:"var(--syntax6)","panelTitle.activeForeground":"var(--syntax6)","sideBarTitle.foreground":"var(--syntax6)","sideBarSectionHeader.foreground":"var(--syntax6)","panelTitle.inactiveForeground":"var(--syntax10)","tab.inactiveForeground":"var(--syntax10)","list.highlightForeground":"var(--syntax10)","editor.lineHighlightBackground":"var(--syntax11)",focusBorder:"var(--syntax12)","button.background":"var(--syntax13)","list.activeSelectionBackground":"var(--syntax13)","list.focusBackground":"var(--syntax13)","selection.background":"#B3D7FF","list.inactiveSelectionBackground":"var(--syntax14)","terminal.ansiBlack":"var(--syntax15)","terminal.ansiBrightBlack":"var(--syntax15)","terminal.ansiRed":"var(--syntax16)","terminal.ansiBrightRed":"var(--syntax16)","terminal.ansiGreen":"var(--syntax17)","terminal.ansiBrightGreen":"var(--syntax17)","terminal.ansiYellow":"var(--syntax18)","terminal.ansiBrightYellow":"var(--syntax18)","terminal.ansiBlue":"var(--syntax19)","terminal.ansiBrightBlue":"var(--syntax19)","terminal.ansiMagenta":"var(--syntax20)","terminal.ansiBrightMagenta":"var(--syntax20)","terminal.ansiCyan":"var(--syntax21)","terminal.ansiBrightCyan":"var(--syntax21)"},tokenColors:[{scope:"new.expr entity.name",settings:{foreground:"var(--syntax15)"}},{name:"Comments",scope:["comment","comment storage.type"],settings:{foreground:"var(--syntax23)",fontStyle:"italic"}},{name:"CSS",scope:["entity.other.attribute-name.pseudo-class.css","entity.other.attribute-name.pseudo-class.scss","entity.other.attribute-name.pseudo-element.css","entity.other.attribute-name.pseudo-element.scss","support.function.calc.css","support.function.calc.scss","support.type.property-name.css","support.type.property-name.scss","support.type.vendored.property-name.css","support.type.vendored.property-name.scss","meta.property-value.css support.constant","meta.property-value.scss support.constant","meta.property-value.css support.constant.property-value","meta.property-value.scss support.constant.property-value","support.function.transform.css","support.function.transform.scss"],settings:{foreground:"var(--syntax20)"}},{name:"Decorator",scope:["meta.decorator","meta.decorator punctuation.decorator","meta.decorator variable.other.readwrite","meta.decorator meta.function-call entity.name.function"],settings:{foreground:"var(--syntax18)"}},{name:"Doctype",scope:["meta.tag.sgml.html"],settings:{foreground:"var(--syntax9)"}},{name:"Functions",scope:["entity.name.function","support.function"],settings:{foreground:"var(--syntax15)"}},{name:"Keys (general)",scope:["meta.property-list meta.property-name","support.type.property-name","support.type.map.key","entity.name.tag.yaml"],settings:{foreground:"var(--syntax15)"}},{name:"Object Keys",scope:["meta.object-literal.key","meta.object-literal.key string.quoted.double","meta.object-literal.key string.quoted.single","meta.object-literal.key punctuation.definition.string.begin","meta.object-literal.key punctuation.definition.string.end","support.type.property-name.json"],settings:{foreground:"var(--syntax16)"}},{name:"Keywords",scope:["keyword.control","keyword.declaration","keyword.expressions-and-types","keyword.operator.new","keyword.reserved","keyword.statement","storage.type","storage.modifier","constant.language","variable.language.super","variable.language.this","text.html entity.name.tag","meta.tag entity.name.tag","meta.tag support.class","string.regexp keyword.other"],settings:{foreground:"var(--syntax25)",fontStyle:"bold"}},{name:"Operators",scope:["storage.type.function.arrow","meta.template.expression punctuation","punctuation.separator.key-value","meta.object-literal.key meta.brace.square","meta.template.expression keyword.operator","keyword.operator.or.regexp","keyword.operator.quantifier","punctuation.definition.group.regexp","punctuation.definition.character-class"],settings:{foreground:"var(--syntax15)"}},{scope:["meta.tag entity.other.attribute-name","constant.character.escape.backslash"],settings:{foreground:"var(--syntax26)"}},{name:"Numbers",scope:["constant.numeric","keyword.other.unit","constant.other.color"],settings:{foreground:"var(--syntax19)"}},{name:"Strings",scope:["string","variable.parameter.url.scss","markup.heading.markdown","beginning.punctuation.definition.list.markdown","meta.template.expression meta.embedded punctuation.definition.string.begin","meta.template.expression meta.embedded punctuation.definition.string.end"],settings:{foreground:"var(--syntax27)"}},{name:"Types",scope:["meta.type","meta.return.type","entity.name.type","support.type.primitive"],settings:{foreground:"var(--syntax15)"}},{name:"Variables",scope:["meta.objectliteral variable.other.object","entity.name.type.module","entity.other.inherited-class","variable.scss","variable.other.bracket.shell","entity.name.function.scss"],settings:{foreground:"var(--syntax21)"}},{name:"Keywords",scope:["keyword.control.at-rule","meta.import variable.other.readwrite","meta.definition.variable variable.other.readwrite","meta.definition.variable variable.other.constant","meta.template.expression variable.other.readwrite","meta.template.expression variable.other.constant","support.constant.property-value"],settings:{foreground:"var(--syntax15)"}}]};const j={title:"Components/Pages/PageFirstSlide",component:r,decorators:[o({toc:!1}),a=>e.jsxs(e.Fragment,{children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:`
+                    #storybook-root {
+                        height: 100%;
+                    }
+                `}}),e.jsx(a,{})]})],parameters:{docs:{description:{component:"PageFirstSlide component creates a two-column layout with headings and buttons on the left, and image/logo/codeblocks on the right. Perfect for landing pages, product introductions, and feature showcases."}}},argTypes:{content:{description:"Content configuration with title, description, and buttons",control:"object"},rightContent:{description:"Content for the right side (image, logo, code block, etc.)",control:!1}}},i=`
+# Python SDK
+
+@let(snippet = await snippets.py.getSettings())
+
+Python \`Get Settings\` SDK snippet:
+
+\`\`\`python [=mySnippet]
+{snippet}
+\`\`\`
+@let(
+    .mySnippet.descHead="TIP"
+    .mySnippet.desc = (
+         Use our [Python SDK](https://sdk.example.com/py) 
+         to **integrate** your API settings.
+
+         * Configure authentication and endpoints
+         * Handle responses and error cases
+    )
+)
+
+Get Settings reference:
+@uniform({snippet})
+
+`.trim(),t={render:()=>e.jsx(r,{content:{title:"Xwrite - content framework designed for docs",description:"Xwrite is a modern content framework that helps you build beautiful, fast, and accessible documentation sites. Create stunning docs with ease using our comprehensive component library.",primaryButton:{title:"Get Xwrite",href:"/download",kind:"primary"},secondaryButton:{title:"View documentation",href:"/docs",kind:"secondary"}},rightContent:e.jsx(n,{lineNumbers:!0,size:"full",description:"docs/python-sdk.md",theme:s||void 0,descriptionHead:"Code Example",descriptionContent:"This is a code example",codeblocks:[{lang:"mdx",meta:"md",value:i}]})}),parameters:{docs:{description:{story:"PageFirstSlide with Xwrite content, Python SDK code example, and matching footer."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  render: () => <PageFirstSlide content={{
+    title: 'Xwrite - content framework designed for docs',
+    description: 'Xwrite is a modern content framework that helps you build beautiful, fast, and accessible documentation sites. Create stunning docs with ease using our comprehensive component library.',
+    primaryButton: {
+      title: 'Get Xwrite',
+      href: '/download',
+      kind: 'primary'
+    },
+    secondaryButton: {
+      title: 'View documentation',
+      href: '/docs',
+      kind: 'secondary'
+    }
+  }} rightContent={<CodeSample lineNumbers={true} size="full" description="docs/python-sdk.md" theme={syntaxHighlight || undefined} descriptionHead='Code Example' descriptionContent='This is a code example' codeblocks={[{
+    lang: "mdx",
+    meta: "md",
+    value: CODE_EXAMPLE
+  }]} />} />,
+  parameters: {
+    docs: {
+      description: {
+        story: 'PageFirstSlide with Xwrite content, Python SDK code example, and matching footer.'
+      }
+    }
+  }
+}`,...t.parameters?.docs?.source}}};const F=["Default"];export{t as Default,F as __namedExportsOrder,j as default};

package/storybook-static/assets/PageHome.stories-DcgUrGxe.js

@@ -0,0 +1,121 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{v as n}from"./PageFirstSlide-D2kcGYmB-BWfslHla.js";import"./index-CzKwSnp0.js";import{c as t}from"./Text-BAwif7rv-BYvLGGQV.js";import"./Button-Cj99tk5U-Cn0Wrqkw.js";import{G as s}from"./github-BKgXy13-.js";import"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";import"./index-DUCcPMOf.js";import"./index-DgnBCu_c.js";import"./index-D_kTjGoR.js";/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const i=t("ChartNoAxesGantt",[["path",{d:"M8 6h10",key:"9lnwnk"}],["path",{d:"M6 12h9",key:"1g9pqf"}],["path",{d:"M11 18h7",key:"c8dzvl"}]]);/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const r=t("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const c=t("HeartHandshake",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}],["path",{d:"M12 5 9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66",key:"4oyue0"}],["path",{d:"m18 15-2-2",key:"60u0ii"}],["path",{d:"m15 18-2-2",key:"6p76be"}]]);/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const a=t("MessageCircle",[["path",{d:"M7.9 20A9 9 0 1 0 4 16.1L2 22Z",key:"vv11sd"}]]);/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const d=t("Palette",[["circle",{cx:"13.5",cy:"6.5",r:".5",fill:"currentColor",key:"1okk4w"}],["circle",{cx:"17.5",cy:"10.5",r:".5",fill:"currentColor",key:"f64h9f"}],["circle",{cx:"8.5",cy:"7.5",r:".5",fill:"currentColor",key:"fotxhn"}],["circle",{cx:"6.5",cy:"12.5",r:".5",fill:"currentColor",key:"qy21gx"}],["path",{d:"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z",key:"12rzf8"}]]);/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const l=t("Rocket",[["path",{d:"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z",key:"m3kijz"}],["path",{d:"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z",key:"1fmvmk"}],["path",{d:"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0",key:"1f8sc4"}],["path",{d:"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5",key:"qeys4"}]]);/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const h=t("Star",[["polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",key:"8f66p6"}]]);/**
+ * @license lucide-react v0.447.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const p=t("Zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]),w={title:"Components/Pages/PageHome",component:n,parameters:{docs:{description:{component:"PageHome component creates a complete homepage layout with hero section, multiple content sections, and guide cards. Perfect for documentation sites, landing pages, and resource directories."}}},argTypes:{hero:{description:"Hero section configuration with title, description, image, and button",control:"object"},sections:{description:"Array of content sections with titles and guide cards",control:"object"}}},o={args:{hero:{title:"Welcome to xyd by LiveSession",description:"The docs framework for future dev.",image:"/logo.svg",button:{title:"Get Started",href:"/docs/guides/introduction"}},sections:[{title:"Explore the docs",cards:[{title:"Quickstart",children:"Start using xyd in minutes.",kind:"secondary",icon:e.jsx(l,{size:24}),href:"/docs/guides/quickstart"},{title:"Theming",children:"Customize the appearance of your documentation.",kind:"secondary",icon:e.jsx(d,{size:24}),href:"/docs/guides/customization-quickstart"},{title:"API Reference",children:"Explore the complete API documentation and component library.",kind:"secondary",icon:e.jsx(r,{size:24}),href:"/docs/reference"}]},{title:"Resources",cards:[{title:"Examples",children:"Browse real-world examples and templates to kickstart your docs.",kind:"secondary",icon:e.jsx(p,{size:24}),href:"https://github.com/xyd-js/examples"},{title:"Source Code",children:"View the open source codebase and contribute to the project.",kind:"secondary",icon:e.jsx(s,{size:24}),href:"https://github.com/livesession/xyd"},{title:"Awesome Docs",children:"Discover curated collection of documentation built with xyd.",kind:"secondary",icon:e.jsx(h,{size:24}),href:"https://github.com/livesession/awesomedocs"},{title:"Feedback",children:"Share your thoughts, report issues, and suggest improvements.",kind:"secondary",icon:e.jsx(c,{size:24}),href:"https://github.com/livesession/xyd/discussions"},{title:"Slack",children:"Join our community and get help from other developers.",kind:"secondary",icon:e.jsx(a,{size:24}),href:"https://xyd-docs.slack.com"},{title:"Roadmap",children:"Track upcoming features and development progress.",kind:"secondary",icon:e.jsx(i,{size:24}),href:"https://github.com/orgs/livesession/projects/4"}]}]},parameters:{docs:{description:{story:"Complete PageHome example with hero section and multiple content sections. This demonstrates all the key features including hero with image and button, organized sections with guide cards, and various link types."}}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    hero: {
+      title: 'Welcome to xyd by LiveSession',
+      description: 'The docs framework for future dev.',
+      image: '/logo.svg',
+      button: {
+        title: 'Get Started',
+        href: '/docs/guides/introduction'
+      }
+    },
+    sections: [{
+      title: 'Explore the docs',
+      cards: [{
+        title: 'Quickstart',
+        children: 'Start using xyd in minutes.',
+        kind: 'secondary',
+        icon: <Rocket size={24} />,
+        href: '/docs/guides/quickstart'
+      }, {
+        title: 'Theming',
+        children: 'Customize the appearance of your documentation.',
+        kind: 'secondary',
+        icon: <Palette size={24} />,
+        href: '/docs/guides/customization-quickstart'
+      }, {
+        title: 'API Reference',
+        children: 'Explore the complete API documentation and component library.',
+        kind: 'secondary',
+        icon: <Code size={24} />,
+        href: '/docs/reference'
+      }]
+    }, {
+      title: 'Resources',
+      cards: [{
+        title: 'Examples',
+        children: 'Browse real-world examples and templates to kickstart your docs.',
+        kind: 'secondary',
+        icon: <Zap size={24} />,
+        href: 'https://github.com/xyd-js/examples'
+      }, {
+        title: 'Source Code',
+        children: 'View the open source codebase and contribute to the project.',
+        kind: 'secondary',
+        icon: <Github size={24} />,
+        href: 'https://github.com/livesession/xyd'
+      }, {
+        title: 'Awesome Docs',
+        children: 'Discover curated collection of documentation built with xyd.',
+        kind: 'secondary',
+        icon: <Star size={24} />,
+        href: 'https://github.com/livesession/awesomedocs'
+      }, {
+        title: 'Feedback',
+        children: 'Share your thoughts, report issues, and suggest improvements.',
+        kind: 'secondary',
+        icon: <HeartHandshake size={24} />,
+        href: 'https://github.com/livesession/xyd/discussions'
+      }, {
+        title: 'Slack',
+        children: 'Join our community and get help from other developers.',
+        kind: 'secondary',
+        icon: <MessageCircle size={24} />,
+        href: 'https://xyd-docs.slack.com'
+      }, {
+        title: 'Roadmap',
+        children: 'Track upcoming features and development progress.',
+        kind: 'secondary',
+        icon: <GanttChart size={24} />,
+        href: 'https://github.com/orgs/livesession/projects/4'
+      }]
+    }]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Complete PageHome example with hero section and multiple content sections. This demonstrates all the key features including hero with image and button, organized sections with guide cards, and various link types.'
+      }
+    }
+  }
+}`,...o.parameters?.docs?.source}}};const C=["Default"];export{o as Default,C as __namedExportsOrder,w as default};

package/storybook-static/assets/Pre.stories-CKu9R4kn.js

@@ -0,0 +1,11 @@
+import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{o as e}from"./writer-DkrWmB39.js";import"./Text-BAwif7rv-BYvLGGQV.js";import"./index-CzKwSnp0.js";import"./Button-Cj99tk5U-Cn0Wrqkw.js";import"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";import"./index-DUCcPMOf.js";import"./index-DgnBCu_c.js";import"./index-D_kTjGoR.js";import"./Update-DflVXGGQ-qVV03FlC.js";const x={title:"Components/Writer/Pre"},r=()=>o.jsx("div",{style:{padding:"100px",paddingTop:"0px",margin:"0 auto"},children:o.jsx(e,{children:"import {Pre} from '@xyd-js/components/coder'"})});r.__docgenInfo={description:"",methods:[],displayName:"Default"};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`() => {
+  return <div style={{
+    padding: "100px",
+    paddingTop: "0px",
+    margin: "0 auto"
+  }}>
+        <Pre>
+            {\`import {Pre} from '@xyd-js/components/coder'\`}
+        </Pre>
+    </div>;
+}`,...r.parameters?.docs?.source}}};const l=["Default"];export{r as Default,l as __namedExportsOrder,x as default};

package/storybook-static/assets/Sidebar.stories-BivU6MOT.js

@@ -0,0 +1,9 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as d}from"./index-CzKwSnp0.js";import{M as l}from"./chunk-EF7DTUVF-DPkwZaUR.js";import{O as r}from"./index-D6tQpKjq.js";import{c}from"./layouts-DBdGRyBm.js";import"./index-DUCcPMOf.js";import"./index-DgnBCu_c.js";import"./index-D_kTjGoR.js";import"./_rollupPluginBabelHelpers-DuYa1R0C-CyXpXONY.js";const I={title:"UI/Sidebar",decorators:[t=>e.jsx(l,{children:e.jsx(t,{})})]},o=()=>e.jsx("div",{style:{padding:"100px",paddingTop:"0px",margin:"0 auto"},children:e.jsx(c,{header:e.jsx(e.Fragment,{}),aside:e.jsx(C,{}),content:e.jsx(e.Fragment,{}),contentNav:e.jsx(e.Fragment,{})})});function C(){const[t,s]=d.useState(!1);function i(){s(!t)}const a=new Array(40).fill(0).map((x,n)=>e.jsx(r.Item,{href:"#",children:`Item ${n}`},n));return e.jsxs(r,{footerItems:e.jsx(m,{}),children:[e.jsx(r.ItemHeader,{children:"GET STARTED"}),e.jsxs(r.Item,{button:!0,active:t,activeTheme:"secondary",onClick:i,children:["Root nested",e.jsxs(r.SubTree,{isOpen:t,children:[e.jsx(r.Item,{href:"#",children:"Nested A"}),e.jsx(r.Item,{href:"#",children:"Nested B"}),e.jsxs(r.Item,{button:!0,active:!0,children:["Nested root C",e.jsxs(r.SubTree,{children:[e.jsx(r.Item,{href:"#",children:"Nested C.A"}),e.jsx(r.Item,{href:"#",children:"Nested C.B"})]})]})]})]}),e.jsx(r.ItemHeader,{children:"APIS"}),e.jsx(r.Item,{href:"#",children:"Authentication"}),e.jsx(r.Item,{href:"#",children:"Making requests"}),a]})}function m(){return e.jsxs(e.Fragment,{children:[e.jsx(r.FooterItem,{href:"#",icon:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:e.jsx("path",{fillRule:"evenodd",d:"M14.447 7.106a1 1 0 0 1 .447 1.341l-4 8a1 1 0 1 1-1.788-.894l4-8a1 1 0 0 1 1.341-.447ZM6.6 7.2a1 1 0 0 1 .2 1.4L4.25 12l2.55 3.4a1 1 0 0 1-1.6 1.2l-3-4a1 1 0 0 1 0-1.2l3-4a1 1 0 0 1 1.4-.2Zm10.8 0a1 1 0 0 1 1.4.2l3 4a1 1 0 0 1 0 1.2l-3 4a1 1 0 0 1-1.6-1.2l2.55-3.4-2.55-3.4a1 1 0 0 1 .2-1.4Z",clipRule:"evenodd"})}),children:"Cookbook"}),e.jsx(r.FooterItem,{href:"#",icon:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{fillRule:"evenodd",d:"M10.5 8.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM12 5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM3 9.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm1-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm16 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-3 1a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM8 18c0-.974.438-1.684 1.142-2.185C9.876 15.293 10.911 15 12 15c1.09 0 2.124.293 2.858.815.704.5 1.142 1.21 1.142 2.185a1 1 0 1 0 2 0c0-1.692-.812-2.982-1.983-3.815C14.876 13.373 13.411 13 12 13c-1.41 0-2.876.373-4.017 1.185C6.812 15.018 6 16.308 6 18a1 1 0 1 0 2 0Zm-3.016-3.675a1 1 0 0 1-.809 1.16C2.79 15.732 2 16.486 2 17.5a1 1 0 1 1-2 0c0-2.41 1.978-3.655 3.825-3.985a1 1 0 0 1 1.16.81Zm14.84 1.16a1 1 0 1 1 .351-1.97C22.022 13.845 24 15.09 24 17.5a1 1 0 1 1-2 0c0-1.014-.79-1.768-2.175-2.015Z",clipRule:"evenodd"})}),children:"Community"}),e.jsx(r.FooterItem,{href:"#",icon:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.78163 3.28449C3.8768 2.96725 4.16879 2.75 4.5 2.75H19.5C19.8312 2.75 20.1232 2.96725 20.2184 3.28449L21.7184 8.28449C21.7393 8.3544 21.75 8.42701 21.75 8.5C21.75 10.5711 20.0711 12.25 18 12.25C16.7733 12.25 15.6842 11.661 15 10.7504C14.3158 11.661 13.2267 12.25 12 12.25C10.7733 12.25 9.68417 11.661 9 10.7504C8.31583 11.661 7.2267 12.25 6 12.25C3.92893 12.25 2.25 10.5711 2.25 8.5C2.25 8.42701 2.26066 8.3544 2.28163 8.28449L3.78163 3.28449ZM9.75 8.5C9.75 9.74264 10.7574 10.75 12 10.75C13.2426 10.75 14.25 9.74264 14.25 8.5C14.25 8.08579 14.5858 7.75 15 7.75C15.4142 7.75 15.75 8.08579 15.75 8.5C15.75 9.74264 16.7574 10.75 18 10.75C19.2083 10.75 20.1942 9.79754 20.2477 8.60244L18.942 4.25H5.05802L3.75229 8.60244C3.80584 9.79753 4.79169 10.75 6 10.75C7.24264 10.75 8.25 9.74264 8.25 8.5C8.25 8.08579 8.58579 7.75 9 7.75C9.41421 7.75 9.75 8.08579 9.75 8.5Z"}),e.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4 10.25C4.41421 10.25 4.75 10.5858 4.75 11V19.75H6.5C6.91421 19.75 7.25 20.0858 7.25 20.5C7.25 20.9142 6.91421 21.25 6.5 21.25H4C3.58579 21.25 3.25 20.9142 3.25 20.5V11C3.25 10.5858 3.58579 10.25 4 10.25ZM20 10.25C20.4142 10.25 20.75 10.5858 20.75 11V20.5C20.75 20.9142 20.4142 21.25 20 21.25H10.5C10.0858 21.25 9.75 20.9142 9.75 20.5C9.75 20.0858 10.0858 19.75 10.5 19.75H19.25V11C19.25 10.5858 19.5858 10.25 20 10.25Z"}),e.jsx("path",{d:"M12.003 19C11.31 18.9996 10.6384 18.7598 10.102 18.3213C9.56564 17.8829 9.19745 17.2726 9.05983 16.594C8.92222 15.9154 9.02364 15.2101 9.34693 14.5976C9.67022 13.9852 10.1955 13.5032 10.8337 13.2333C11.5673 12.9262 12.393 12.9221 13.1296 13.2222C13.8661 13.5222 14.4536 14.1018 14.7631 14.8338C15.0727 15.5659 15.0791 16.3907 14.7808 17.1274C14.4827 17.8642 13.9042 18.4527 13.1724 18.7641C12.8025 18.9205 12.4047 19.0007 12.003 19ZM11.1458 14.7215C11.1124 14.7215 11.0803 14.7348 11.0567 14.7584C11.0331 14.782 11.0198 14.8141 11.0198 14.8475V17.1923C11.0198 17.2258 11.0331 17.2578 11.0567 17.2814C11.0803 17.305 11.1124 17.3183 11.1458 17.3183C11.1671 17.3183 11.188 17.3128 11.2065 17.3024L13.3399 16.13C13.3597 16.1192 13.3761 16.1032 13.3876 16.0838C13.3991 16.0644 13.4052 16.0423 13.4052 16.0197C13.4052 15.9972 13.3991 15.9751 13.3876 15.9557C13.3761 15.9362 13.3597 15.9203 13.3399 15.9094L11.2063 14.7373C11.1879 14.727 11.1671 14.7215 11.1458 14.7215Z"})]}),children:"Marketplace"}),e.jsx(r.FooterItem,{href:"#",icon:e.jsx("svg",{viewBox:"0 0 15 15",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M7.28856 0.796908C7.42258 0.734364 7.57742 0.734364 7.71144 0.796908L13.7114 3.59691C13.8875 3.67906 14 3.85574 14 4.05V10.95C14 11.1443 13.8875 11.3209 13.7114 11.4031L7.71144 14.2031C7.57742 14.2656 7.42258 14.2656 7.28856 14.2031L1.28856 11.4031C1.11252 11.3209 1 11.1443 1 10.95V4.05C1 3.85574 1.11252 3.67906 1.28856 3.59691L7.28856 0.796908ZM2 4.80578L7 6.93078V12.9649L2 10.6316V4.80578ZM8 12.9649L13 10.6316V4.80578L8 6.93078V12.9649ZM7.5 6.05672L12.2719 4.02866L7.5 1.80176L2.72809 4.02866L7.5 6.05672Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}),children:"SDKs"})]})}o.__docgenInfo={description:"",methods:[],displayName:"Default"};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`() => {
+  return <div style={{
+    padding: "100px",
+    paddingTop: "0px",
+    margin: "0 auto"
+  }}>
+        <LayoutPrimary header={<></>} aside={<DemoSidebar />} content={<></>} contentNav={<></>} />
+    </div>;
+}`,...o.parameters?.docs?.source}}};const L=["Default"];export{o as Default,L as __namedExportsOrder,I as default};