@xyd-js/storybook 0.0.1-build.167

package/storybook-static/assets/Blockquote.stories-Cxf9fDVo.js

@@ -0,0 +1,468 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import"./writer-DkrWmB39.js";import{m as t}from"./Update-DflVXGGQ-qVV03FlC.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";const w={title:"Components/Writer/Blockquote",component:t,parameters:{docs:{description:{component:"Blockquote component displays quoted text with italic styling and a subtle border. Used for highlighting important quotes, testimonials, or referenced content."}}},argTypes:{children:{description:"The quoted content to display",control:"text"},className:{description:"Additional CSS classes to apply to the blockquote",control:"text"}}},n={args:{children:"The best way to predict the future is to invent it."},render:o=>e.jsx("div",{style:{padding:"20px"},children:e.jsx(t,{...o})})},i={args:{children:"Success is not final, failure is not fatal: it is the courage to continue that counts. The only way to do great work is to love what you do. If you haven't found it yet, keep looking. Don't settle."},render:o=>e.jsx("div",{style:{padding:"20px"},children:e.jsx(t,{...o})})},s={args:{children:"Less is more."},render:o=>e.jsx("div",{style:{padding:"20px"},children:e.jsx(t,{...o})})},r={args:{children:e.jsxs(e.Fragment,{children:["The future belongs to those who believe in the beauty of their dreams.",e.jsx("footer",{style:{marginTop:"10px",fontSize:"14px",color:"#666"},children:"— Eleanor Roosevelt"})]})},render:o=>e.jsx("div",{style:{padding:"20px"},children:e.jsx(t,{...o})})},a={args:{children:"Any fool can write code that a computer can understand. Good programmers write code that humans can understand."},render:o=>e.jsx("div",{style:{padding:"20px"},children:e.jsx(t,{...o})})},l={args:{children:"This blockquote has custom styling applied via className.",className:"custom-blockquote"},render:o=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsx("style",{children:`
+                    .custom-blockquote {
+                        background-color: #f8f9fa;
+                        padding: 20px;
+                        border-radius: 8px;
+                        border-left: 4px solid #007bff;
+                    }
+                `}),e.jsx(t,{...o})]})},d={render:()=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Inspirational Quotes"}),e.jsx(t,{children:"The only way to do great work is to love what you do."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Programming Wisdom"}),e.jsx(t,{children:"Code is read much more often than it is written."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Design Philosophy"}),e.jsx(t,{children:"Good design is obvious. Great design is transparent."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Leadership"}),e.jsx(t,{children:"The greatest leader is not necessarily the one who does the greatest things. He is the one that gets the people to do the greatest things."})]})]})},c={render:()=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsx("h1",{children:"Documentation Guide"}),e.jsx("p",{children:"When writing documentation, it's important to provide clear and concise information. Sometimes you need to highlight important information or reference external sources."}),e.jsx(t,{children:"Documentation is a love letter to your future self."}),e.jsx("p",{children:"This quote emphasizes the importance of writing good documentation. When you return to your code months later, you'll thank yourself for taking the time to document your work properly."}),e.jsx("h2",{children:"Best Practices"}),e.jsx("p",{children:"Here are some key principles to follow when creating documentation:"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Write for your audience"}),e.jsx("li",{children:"Keep it simple and clear"}),e.jsx("li",{children:"Use examples and code snippets"}),e.jsx("li",{children:"Update regularly"})]}),e.jsx(t,{children:"The best documentation is the one that answers the question you have right now."}),e.jsx("p",{children:"Remember that good documentation should be easily discoverable and provide immediate value to the reader."})]}),parameters:{docs:{description:{story:"This example shows how blockquotes are used in real documentation contexts, providing emphasis and highlighting important information."}}}},h={render:()=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Single Line Quote"}),e.jsx(t,{children:"Simplicity is the ultimate sophistication."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Multi-line Quote"}),e.jsx(t,{children:"The best way to predict the future is to invent it. Really try to get to the future and make it happen."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Quote with HTML"}),e.jsxs(t,{children:[e.jsx("strong",{children:"Important:"})," Always test your code before deploying to production.",e.jsx("br",{}),e.jsx("em",{children:"This includes both unit tests and integration tests."})]})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Quote with List"}),e.jsxs(t,{children:["Three things to remember:",e.jsxs("ul",{style:{marginTop:"10px",marginBottom:"0"},children:[e.jsx("li",{children:"Keep it simple"}),e.jsx("li",{children:"Make it work"}),e.jsx("li",{children:"Make it fast"})]})]})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Quote with Code"}),e.jsxs(t,{children:["When debugging, remember: ",e.jsx("code",{children:"console.log()"})," is your friend, but proper logging is your best friend."]})]})]}),parameters:{docs:{description:{story:"This example shows how blockquotes can contain different types of content including HTML elements, lists, and code snippets."}}}},p={render:()=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Default Styling"}),e.jsx(t,{children:"This is the default blockquote styling with italic text and subtle border."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Custom Background"}),e.jsx(t,{className:"bg-light",children:"This blockquote has a light background applied via custom CSS."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Highlighted Quote"}),e.jsx(t,{className:"highlighted",children:"This blockquote is highlighted with a colored border and background."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h3",{style:{marginBottom:"10px",color:"#666"},children:"Large Quote"}),e.jsx(t,{className:"large-quote",children:"This is a larger blockquote with increased font size and padding."})]}),e.jsx("style",{children:`
+                    .bg-light {
+                        background-color: #f8f9fa;
+                        padding: 15px;
+                        border-radius: 4px;
+                    }
+                    
+                    .highlighted {
+                        background-color: #fff3cd;
+                        border-left: 4px solid #ffc107;
+                        padding: 15px;
+                        border-radius: 4px;
+                    }
+                    
+                    .large-quote {
+                        font-size: 1.2em;
+                        padding: 20px;
+                        background-color: #e9ecef;
+                        border-radius: 8px;
+                    }
+                `})]}),parameters:{docs:{description:{story:"This example demonstrates how blockquotes can be styled using custom CSS classes to achieve different visual effects."}}}},m={render:()=>e.jsxs("div",{style:{padding:"20px",maxWidth:"800px"},children:[e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h2",{children:"User Testimonials"}),e.jsx("p",{children:"Blockquotes are commonly used to display user testimonials and feedback."}),e.jsxs(t,{children:['"This tool has completely transformed how we handle our documentation. The interface is intuitive and the features are exactly what we needed."',e.jsx("footer",{style:{marginTop:"10px",fontSize:"14px",color:"#666"},children:"— Sarah Johnson, Senior Developer at TechCorp"})]})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h2",{children:"Code Documentation"}),e.jsx("p",{children:"In technical documentation, blockquotes highlight important notes and warnings."}),e.jsxs(t,{children:[e.jsx("strong",{children:"Note:"})," This API endpoint is deprecated and will be removed in version 2.0. Please use the new endpoint instead."]})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h2",{children:"Feature Announcements"}),e.jsx("p",{children:"Blockquotes can emphasize new features and announcements."}),e.jsxs(t,{children:["🎉 ",e.jsx("strong",{children:"New Feature:"})," We've added real-time collaboration to our documentation platform. Multiple team members can now edit documents simultaneously."]})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h2",{children:"Best Practices"}),e.jsx("p",{children:"Blockquotes are perfect for highlighting best practices and guidelines."}),e.jsx(t,{children:"Always write your documentation with the assumption that someone else will read it. Be clear, concise, and provide examples where possible."})]}),e.jsxs("div",{style:{marginBottom:"30px"},children:[e.jsx("h2",{children:"Error Messages"}),e.jsx("p",{children:"Blockquotes can be used to display important error messages or warnings."}),e.jsxs(t,{children:[e.jsx("strong",{children:"Warning:"})," This operation cannot be undone. Please make sure you have backed up your data before proceeding."]})]})]}),parameters:{docs:{description:{story:"This example shows practical use cases for blockquotes in real applications, demonstrating how they enhance content readability and emphasis."}}}},u={args:{children:"This blockquote demonstrates the component's interactive behavior. Try hovering over it or clicking to see different states."},render:o=>e.jsxs("div",{style:{padding:"20px"},children:[e.jsx(t,{...o}),e.jsx("p",{style:{marginTop:"10px",fontSize:"14px",color:"#666"},children:"The blockquote component provides semantic HTML structure and consistent styling for quoted content."})]}),parameters:{docs:{description:{story:"This blockquote demonstrates the component's basic functionality and styling."}}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: 'The best way to predict the future is to invent it.'
+  },
+  render: args => <div style={{
+    padding: '20px'
+  }}>
+            <Blockquote {...args} />
+        </div>
+}`,...n.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: 'Success is not final, failure is not fatal: it is the courage to continue that counts. The only way to do great work is to love what you do. If you haven\\'t found it yet, keep looking. Don\\'t settle.'
+  },
+  render: args => <div style={{
+    padding: '20px'
+  }}>
+            <Blockquote {...args} />
+        </div>
+}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: 'Less is more.'
+  },
+  render: args => <div style={{
+    padding: '20px'
+  }}>
+            <Blockquote {...args} />
+        </div>
+}`,...s.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <>
+                The future belongs to those who believe in the beauty of their dreams.
+                <footer style={{
+        marginTop: '10px',
+        fontSize: '14px',
+        color: '#666'
+      }}>
+                    — Eleanor Roosevelt
+                </footer>
+            </>
+  },
+  render: args => <div style={{
+    padding: '20px'
+  }}>
+            <Blockquote {...args} />
+        </div>
+}`,...r.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: 'Any fool can write code that a computer can understand. Good programmers write code that humans can understand.'
+  },
+  render: args => <div style={{
+    padding: '20px'
+  }}>
+            <Blockquote {...args} />
+        </div>
+}`,...a.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: 'This blockquote has custom styling applied via className.',
+    className: 'custom-blockquote'
+  },
+  render: args => <div style={{
+    padding: '20px'
+  }}>
+            <style>
+                {\`
+                    .custom-blockquote {
+                        background-color: #f8f9fa;
+                        padding: 20px;
+                        border-radius: 8px;
+                        border-left: 4px solid #007bff;
+                    }
+                \`}
+            </style>
+            <Blockquote {...args} />
+        </div>
+}`,...l.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px'
+  }}>
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Inspirational Quotes</h3>
+                <Blockquote>
+                    The only way to do great work is to love what you do.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Programming Wisdom</h3>
+                <Blockquote>
+                    Code is read much more often than it is written.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Design Philosophy</h3>
+                <Blockquote>
+                    Good design is obvious. Great design is transparent.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Leadership</h3>
+                <Blockquote>
+                    The greatest leader is not necessarily the one who does the greatest things. He is the one that gets the people to do the greatest things.
+                </Blockquote>
+            </div>
+        </div>
+}`,...d.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <h1>Documentation Guide</h1>
+            
+            <p>
+                When writing documentation, it's important to provide clear and concise information. 
+                Sometimes you need to highlight important information or reference external sources.
+            </p>
+
+            <Blockquote>
+                Documentation is a love letter to your future self.
+            </Blockquote>
+
+            <p>
+                This quote emphasizes the importance of writing good documentation. 
+                When you return to your code months later, you'll thank yourself for taking the time 
+                to document your work properly.
+            </p>
+
+            <h2>Best Practices</h2>
+            
+            <p>
+                Here are some key principles to follow when creating documentation:
+            </p>
+
+            <ul>
+                <li>Write for your audience</li>
+                <li>Keep it simple and clear</li>
+                <li>Use examples and code snippets</li>
+                <li>Update regularly</li>
+            </ul>
+
+            <Blockquote>
+                The best documentation is the one that answers the question you have right now.
+            </Blockquote>
+
+            <p>
+                Remember that good documentation should be easily discoverable and provide 
+                immediate value to the reader.
+            </p>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example shows how blockquotes are used in real documentation contexts, providing emphasis and highlighting important information.'
+      }
+    }
+  }
+}`,...c.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px'
+  }}>
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Single Line Quote</h3>
+                <Blockquote>
+                    Simplicity is the ultimate sophistication.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Multi-line Quote</h3>
+                <Blockquote>
+                    The best way to predict the future is to invent it. 
+                    Really try to get to the future and make it happen.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Quote with HTML</h3>
+                <Blockquote>
+                    <strong>Important:</strong> Always test your code before deploying to production.
+                    <br />
+                    <em>This includes both unit tests and integration tests.</em>
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Quote with List</h3>
+                <Blockquote>
+                    Three things to remember:
+                    <ul style={{
+          marginTop: '10px',
+          marginBottom: '0'
+        }}>
+                        <li>Keep it simple</li>
+                        <li>Make it work</li>
+                        <li>Make it fast</li>
+                    </ul>
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Quote with Code</h3>
+                <Blockquote>
+                    When debugging, remember: <code>console.log()</code> is your friend, 
+                    but proper logging is your best friend.
+                </Blockquote>
+            </div>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example shows how blockquotes can contain different types of content including HTML elements, lists, and code snippets.'
+      }
+    }
+  }
+}`,...h.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px'
+  }}>
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Default Styling</h3>
+                <Blockquote>
+                    This is the default blockquote styling with italic text and subtle border.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Custom Background</h3>
+                <Blockquote className="bg-light">
+                    This blockquote has a light background applied via custom CSS.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Highlighted Quote</h3>
+                <Blockquote className="highlighted">
+                    This blockquote is highlighted with a colored border and background.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h3 style={{
+        marginBottom: '10px',
+        color: '#666'
+      }}>Large Quote</h3>
+                <Blockquote className="large-quote">
+                    This is a larger blockquote with increased font size and padding.
+                </Blockquote>
+            </div>
+
+            <style>
+                {\`
+                    .bg-light {
+                        background-color: #f8f9fa;
+                        padding: 15px;
+                        border-radius: 4px;
+                    }
+                    
+                    .highlighted {
+                        background-color: #fff3cd;
+                        border-left: 4px solid #ffc107;
+                        padding: 15px;
+                        border-radius: 4px;
+                    }
+                    
+                    .large-quote {
+                        font-size: 1.2em;
+                        padding: 20px;
+                        background-color: #e9ecef;
+                        border-radius: 8px;
+                    }
+                \`}
+            </style>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example demonstrates how blockquotes can be styled using custom CSS classes to achieve different visual effects.'
+      }
+    }
+  }
+}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    padding: '20px',
+    maxWidth: '800px'
+  }}>
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h2>User Testimonials</h2>
+                <p>Blockquotes are commonly used to display user testimonials and feedback.</p>
+                <Blockquote>
+                    "This tool has completely transformed how we handle our documentation. 
+                    The interface is intuitive and the features are exactly what we needed."
+                    <footer style={{
+          marginTop: '10px',
+          fontSize: '14px',
+          color: '#666'
+        }}>
+                        — Sarah Johnson, Senior Developer at TechCorp
+                    </footer>
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h2>Code Documentation</h2>
+                <p>In technical documentation, blockquotes highlight important notes and warnings.</p>
+                <Blockquote>
+                    <strong>Note:</strong> This API endpoint is deprecated and will be removed in version 2.0. 
+                    Please use the new endpoint instead.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h2>Feature Announcements</h2>
+                <p>Blockquotes can emphasize new features and announcements.</p>
+                <Blockquote>
+                    🎉 <strong>New Feature:</strong> We've added real-time collaboration to our documentation platform. 
+                    Multiple team members can now edit documents simultaneously.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h2>Best Practices</h2>
+                <p>Blockquotes are perfect for highlighting best practices and guidelines.</p>
+                <Blockquote>
+                    Always write your documentation with the assumption that someone else will read it. 
+                    Be clear, concise, and provide examples where possible.
+                </Blockquote>
+            </div>
+
+            <div style={{
+      marginBottom: '30px'
+    }}>
+                <h2>Error Messages</h2>
+                <p>Blockquotes can be used to display important error messages or warnings.</p>
+                <Blockquote>
+                    <strong>Warning:</strong> This operation cannot be undone. 
+                    Please make sure you have backed up your data before proceeding.
+                </Blockquote>
+            </div>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This example shows practical use cases for blockquotes in real applications, demonstrating how they enhance content readability and emphasis.'
+      }
+    }
+  }
+}`,...m.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: 'This blockquote demonstrates the component\\'s interactive behavior. Try hovering over it or clicking to see different states.'
+  },
+  render: args => <div style={{
+    padding: '20px'
+  }}>
+            <Blockquote {...args} />
+            <p style={{
+      marginTop: '10px',
+      fontSize: '14px',
+      color: '#666'
+    }}>
+                The blockquote component provides semantic HTML structure and consistent styling for quoted content.
+            </p>
+        </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: 'This blockquote demonstrates the component\\'s basic functionality and styling.'
+      }
+    }
+  }
+}`,...u.parameters?.docs?.source}}};const T=["Default","LongQuote","ShortQuote","WithAttribution","TechnicalQuote","WithCustomClass","MultipleBlockquotes","InContext","DifferentContentTypes","StylingVariations","RealWorldExamples","Interactive"];export{n as Default,h as DifferentContentTypes,c as InContext,u as Interactive,i as LongQuote,d as MultipleBlockquotes,m as RealWorldExamples,s as ShortQuote,p as StylingVariations,a as TechnicalQuote,r as WithAttribution,l as WithCustomClass,T as __namedExportsOrder,w as default};