CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix prettier formatting issues

Browse Source
This commit is contained in:
adilallo
2025-08-30 13:46:35 -06:00
parent 1e795e1340
commit 12deae75e8
97 changed files with 335281 additions and 54857 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/Header.stories-5BG7D2h7.js
+126 -3
View File
@@ -1,4 +1,106 @@
import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./Header-Bz-bT1Sq.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./Logo-DM7O8ATg.js";import"./MenuBar-anMCqtJv.js";import"./MenuBarItem-Dp8NM2fx.js";import"./Button-Z4hbXct5.js";import"./AvatarContainer-Bt0G0TWZ.js";import"./Avatar-C4Vb3oYl.js";const x={title:"Components/Header",component:o,parameters:{layout:"fullscreen",docs:{description:{component:"The main navigation header with responsive behavior across different breakpoints."}}},argTypes:{onToggle:{action:"toggled"}},tags:["autodocs"]},t={args:{},parameters:{docs:{description:{story:"Use the Viewport toolbar to change the iframe width and see how the header adapts to different screen sizes. The header shows different layouts for mobile, tablet, and desktop breakpoints."}}}},a={args:{},render:()=>e.jsxs("div",{className:"min-h-screen bg-[var(--color-surface-default-primary)]",children:[e.jsx(o,{}),e.jsx("main",{className:"p-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsx("h1",{className:"text-2xl font-bold text-white mb-4",children:"Example Page Content"}),e.jsx("p",{className:"text-white mb-4",children:"This demonstrates how the header looks in a realistic page context. The header maintains its responsive behavior while providing navigation for the page content."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[1,2,3,4,5,6].map(s=>e.jsxs("div",{className:"bg-[var(--color-surface-default-secondary)] p-4 rounded-lg",children:[e.jsxs("h3",{className:"text-white font-semibold mb-2",children:["Content Block ",s]}),e.jsx("p",{className:"text-[var(--color-content-default-secondary)] text-sm",children:"This is example content to show how the header integrates with page content."})]},s))})]})})]}),parameters:{docs:{description:{story:"The header integrated into a full page layout to show how it works in context."}}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { H as o } from "./Header-Bz-bT1Sq.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
import "./Logo-DM7O8ATg.js";
import "./MenuBar-anMCqtJv.js";
import "./MenuBarItem-Dp8NM2fx.js";
import "./Button-Z4hbXct5.js";
import "./AvatarContainer-Bt0G0TWZ.js";
import "./Avatar-C4Vb3oYl.js";
const x = {
title: "Components/Header",
component: o,
parameters: {
layout: "fullscreen",
docs: {
description: {
component:
"The main navigation header with responsive behavior across different breakpoints.",
},
},
},
argTypes: { onToggle: { action: "toggled" } },
tags: ["autodocs"],
},
t = {
args: {},
parameters: {
docs: {
description: {
story:
"Use the Viewport toolbar to change the iframe width and see how the header adapts to different screen sizes. The header shows different layouts for mobile, tablet, and desktop breakpoints.",
},
},
},
},
a = {
args: {},
render: () =>
e.jsxs("div", {
className: "min-h-screen bg-[var(--color-surface-default-primary)]",
children: [
e.jsx(o, {}),
e.jsx("main", {
className: "p-8",
children: e.jsxs("div", {
className: "max-w-4xl mx-auto",
children: [
e.jsx("h1", {
className: "text-2xl font-bold text-white mb-4",
children: "Example Page Content",
}),
e.jsx("p", {
className: "text-white mb-4",
children:
"This demonstrates how the header looks in a realistic page context. The header maintains its responsive behavior while providing navigation for the page content.",
}),
e.jsx("div", {
className:
"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
children: [1, 2, 3, 4, 5, 6].map((s) =>
e.jsxs(
"div",
{
className:
"bg-[var(--color-surface-default-secondary)] p-4 rounded-lg",
children: [
e.jsxs("h3", {
className: "text-white font-semibold mb-2",
children: ["Content Block ", s],
}),
e.jsx("p", {
className:
"text-[var(--color-content-default-secondary)] text-sm",
children:
"This is example content to show how the header integrates with page content.",
}),
],
},
s,
),
),
}),
],
}),
}),
],
}),
parameters: {
docs: {
description: {
story:
"The header integrated into a full page layout to show how it works in context.",
},
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {},
parameters: {
docs: {
@@ -7,7 +109,17 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./Header-Bz-bT1
}
}
}
}`,...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
}`,
...t.parameters?.docs?.source,
},
},
};
a.parameters = {
...a.parameters,
docs: {
...a.parameters?.docs,
source: {
originalSource: `{
args: {},
render: () => <div className="min-h-screen bg-[var(--color-surface-default-primary)]">
<Header />
@@ -42,4 +154,15 @@ import{j as e}from"./jsx-runtime-C_nHp4yK.js";import{H as o}from"./Header-Bz-bT1
}
}
}
}`,...a.parameters?.docs?.source}}};const f=["Default","InPageContext"];export{t as Default,a as InPageContext,f as __namedExportsOrder,x as default};
}`,
...a.parameters?.docs?.source,
},
},
};
const f = ["Default", "InPageContext"];
export {
t as Default,
a as InPageContext,
f as __namedExportsOrder,
x as default,
};