@yeonpm/docs-template 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
A reusable document-style layout and card component library for React.
|
|
4
4
|
|
|
5
|
-
Provides a full-featured **Shell** (header + side navigation + main content area), a versatile **CommonCard**, a slide-in **Drawer** panel,
|
|
5
|
+
Provides a full-featured **Shell** (header + side navigation + main content area), a versatile **CommonCard**, a slide-in **Drawer** panel, a multi-format **Citation Modal**, and a ready-to-use **DocsGuide** page — everything you need to build portfolio / CV / documentation sites quickly.
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -29,6 +29,35 @@ npm install @yeonpm/react @emotion/react @emotion/styled react-icons zustand
|
|
|
29
29
|
| [`CommonizeDrawer`](#commonizedrawer) | Right slide-in detail panel powered by Zustand |
|
|
30
30
|
| [`CardWrapper`](#cardwrapper) | Card wrapper with mouse-tracking hover glow effect |
|
|
31
31
|
| [`CitationModal`](#citationmodal) | Academic citation modal with MLA / APA / Chicago / Harvard / Vancouver formats |
|
|
32
|
+
| [`DocsGuide`](#docsguide) | Ready-to-use full guide page showcasing all components |
|
|
33
|
+
|
|
34
|
+
## DocsGuide — One-Line Demo Page
|
|
35
|
+
|
|
36
|
+
The fastest way to see all components in action. Import `DocsGuide` and render it — that's it.
|
|
37
|
+
|
|
38
|
+
```tsx
|
|
39
|
+
"use client";
|
|
40
|
+
|
|
41
|
+
import { DocsGuide } from "@yeonpm/docs-template";
|
|
42
|
+
|
|
43
|
+
export default function Page() {
|
|
44
|
+
return <DocsGuide version="0.3.0" />;
|
|
45
|
+
}
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
| Prop | Type | Default | Description |
|
|
49
|
+
|---|---|---|---|
|
|
50
|
+
| `version` | `string` | `"latest"` | Version string displayed in the header |
|
|
51
|
+
|
|
52
|
+
### Deploy with Next.js
|
|
53
|
+
|
|
54
|
+
An example Next.js project is included in the [`example/`](./example) directory. To deploy:
|
|
55
|
+
|
|
56
|
+
```bash
|
|
57
|
+
cd example
|
|
58
|
+
npm install
|
|
59
|
+
npm run build # or deploy to Vercel with Root Directory set to "example"
|
|
60
|
+
```
|
|
32
61
|
|
|
33
62
|
## Quick Start
|
|
34
63
|
|
|
@@ -70,6 +99,16 @@ function App() {
|
|
|
70
99
|
}
|
|
71
100
|
```
|
|
72
101
|
|
|
102
|
+
### Font Recommendation
|
|
103
|
+
|
|
104
|
+
All components use `font-family: inherit`, so they follow whatever font is set on your app's root element. We recommend setting a font on `body`:
|
|
105
|
+
|
|
106
|
+
```css
|
|
107
|
+
body {
|
|
108
|
+
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
|
109
|
+
}
|
|
110
|
+
```
|
|
111
|
+
|
|
73
112
|
---
|
|
74
113
|
|
|
75
114
|
## API Reference
|
|
@@ -173,6 +212,14 @@ Dialog for displaying academic citations in 5 formats (MLA, APA, Chicago, Harvar
|
|
|
173
212
|
| `onClose` | `() => void` | Close handler |
|
|
174
213
|
| `publication` | `Publication \| null` | `{ title, authors, journal, year, doi?, citationCsv? }` |
|
|
175
214
|
|
|
215
|
+
### <a id="docsguide"></a>`<DocsGuide />`
|
|
216
|
+
|
|
217
|
+
A pre-built, ready-to-render guide page that demonstrates all components in the library. Includes interactive examples with "View Code" cards and section anchor links.
|
|
218
|
+
|
|
219
|
+
| Prop | Type | Default | Description |
|
|
220
|
+
|---|---|---|---|
|
|
221
|
+
| `version` | `string` | `"latest"` | Version label shown in the header |
|
|
222
|
+
|
|
176
223
|
## Types
|
|
177
224
|
|
|
178
225
|
All types are available as named exports:
|
|
@@ -189,6 +236,7 @@ import type {
|
|
|
189
236
|
CommonCardLinkButton,
|
|
190
237
|
CommonCardProps,
|
|
191
238
|
CommonizeDrawerContent,
|
|
239
|
+
DocsGuideProps,
|
|
192
240
|
} from "@yeonpm/docs-template";
|
|
193
241
|
```
|
|
194
242
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@yeonpm/react"),n=require("react-icons/fa6"),r=require("../shell/CommonizeShell.js"),i=require("../components/CommonCard.js"),a=require("../components/CommonizeDrawer.js"),o=require("../components/CardWrapper.js"),l=require("../stores/commonizeDrawerStore.js"),s=[{key:"overview",label:"Overview",icon:e.jsx(n.FaUser,{size:14}),target:{type:"hash",id:"overview"}},{key:"cards",label:"CommonCard",icon:e.jsx(n.FaBookOpen,{size:14}),target:{type:"hash",id:"cards"}},{key:"card-image",label:"Card + Image",icon:e.jsx(n.FaCode,{size:14}),target:{type:"hash",id:"card-image"}},{key:"card-citation",label:"Card + Citation",icon:e.jsx(n.FaGraduationCap,{size:14}),target:{type:"hash",id:"card-citation"}},{key:"card-actions",label:"Card Actions",icon:e.jsx(n.FaBriefcase,{size:14}),target:{type:"hash",id:"card-actions"}},{key:"drawer",label:"Drawer",icon:e.jsx(n.FaAward,{size:14}),target:{type:"hash",id:"drawer"}},{key:"card-wrapper",label:"CardWrapper",icon:e.jsx(n.FaCode,{size:14}),target:{type:"hash",id:"card-wrapper"}}];function c(r){var i=r.id,a=r.title,o=r.description;return e.jsxs(t.Wrapper,{id:i,column:!0,gap:4,mb:8,children:[e.jsxs(t.Wrapper,{mouseCss:!0,pointer:!0,flex:!0,ac:!0,gap:8,onClick:function(){var e="".concat(window.location.origin).concat(window.location.pathname,"#").concat(i);navigator.clipboard.writeText(e),window.history.replaceState(null,"","#".concat(i))},css:"\n .link-icon { opacity: 0; transition: opacity 0.2s; }\n &:hover .link-icon { opacity: 1; }\n ",children:[e.jsx(t.Txt,{text24B:!0,color:"#1e293b",children:a}),e.jsx("span",{className:"link-icon",style:{display:"flex",alignItems:"center"},children:e.jsx(n.FaLink,{size:14,color:"#94a3b8"})})]}),e.jsx(t.Txt,{text14R:!0,color:"#94a3b8",children:o})]})}function d(r){var i=r.code,a=r.title,l=r.open;return e.jsx(o.default,{hoverable:!0,padding:12,onClick:function(){return l({panelTitle:a,subtitle:"Source code for this example",body:e.jsx("pre",{style:{margin:0,padding:16,backgroundColor:"#1e293b",borderRadius:8,color:"#e2e8f0",fontSize:13,lineHeight:1.7,overflowX:"auto",whiteSpace:"pre",fontFamily:"'Fira Code', 'Consolas', monospace"},children:i})})},children:e.jsxs(t.Wrapper,{flex:!0,ac:!0,gap:8,children:[e.jsx(n.FaCode,{size:14,color:"#64748b"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"View Code"})]})})}exports.default=function(n){var p=n.version,h=void 0===p?"latest":p,u=l.useCommonizeDrawerStore().open;return e.jsxs(r.default,{brand:{title:"@yeonpm/docs-template",subtitle:"Guide",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},navItems:s,headerRightSlot:e.jsxs(t.Txt,{text12R:!0,color:"#94a3b8",style:{whiteSpace:"nowrap"},children:["v",h]}),navBottomSlot:e.jsx(t.Wrapper,{p:12,children:e.jsx(t.Txt,{text12R:!0,color:"#94a3b8",children:"All components demo"})}),children:[e.jsxs(t.Wrapper,{column:!0,gap:48,p:32,maxWidth:900,children:[e.jsxs("section",{id:"overview",children:[e.jsx(c,{id:"overview-title",title:"Overview",description:"A demo page showcasing all components in the @yeonpm/docs-template library."}),e.jsx(o.default,{children:e.jsxs(t.Wrapper,{column:!0,gap:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Components"}),e.jsxs(t.Txt,{text14R:!0,color:"#64748b",style:{lineHeight:1.8},children:["• CommonizeShell — Header + SideNav + Main layout (this entire page)","\n","• CommonizeHeader — Fixed top header","\n","• CommonizeSideNav — Fixed left navigation","\n","• CommonCard — Multipurpose card","\n","• CommonizeDrawer — Right slide-in detail panel","\n","• CardWrapper — Hover-effect card wrapper","\n","• CitationModal — Citation format modal"]})]})})]}),e.jsxs("section",{id:"cards",children:[e.jsx(c,{id:"cards-title",title:"CommonCard — Basic",description:"Basic cards using combinations of title, subTitle, description, and period."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(i.default,{title:"Seoul National University",subTitle:"Ph.D. in Computer Science",description:"Research focused on Human-Computer Interaction and Accessible Computing.",period:"2020 — Present"}),e.jsx(i.default,{title:"KAIST",subTitle:"M.S. in Electrical Engineering",description:"Thesis: Deep Learning Approaches for Natural Language Understanding.",period:"2018 — 2020"}),e.jsx(i.default,{title:"Simple Title Card",description:"A minimal card with only a description."}),e.jsx(d,{code:'<CommonCard\n title="Seoul National University"\n subTitle="Ph.D. in Computer Science"\n description="Research focused on Human-Computer Interaction and Accessible Computing."\n period="2020 — Present"\n/>\n\n<CommonCard\n title="KAIST"\n subTitle="M.S. in Electrical Engineering"\n description="Thesis: Deep Learning Approaches for Natural Language Understanding."\n period="2018 — 2020"\n/>\n\n<CommonCard\n title="Simple Title Card"\n description="A minimal card with only a description."\n/>',title:"CommonCard — Basic",open:u})]})]}),e.jsxs("section",{id:"card-image",children:[e.jsx(c,{id:"card-image-title",title:"CommonCard — Image",description:"Cards with images (with href / without href)."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(i.default,{title:"Project: Interactive Dashboard",subTitle:"Data Visualization Platform",description:"Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations.",image:{src:"https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",alt:"Dashboard screenshot",href:"https://github.com"},linkButton:{href:"https://github.com",label:"GitHub"}}),e.jsx(i.default,{title:"Publication Figure",description:"A card with an image but no href.",image:{src:"https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",alt:"Research figure"}}),e.jsx(d,{code:'<CommonCard\n title="Project: Interactive Dashboard"\n subTitle="Data Visualization Platform"\n description="Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations."\n image={{\n src: "https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",\n alt: "Dashboard screenshot",\n href: "https://github.com",\n }}\n linkButton={{ href: "https://github.com", label: "GitHub" }}\n/>\n\n<CommonCard\n title="Publication Figure"\n description="A card with an image but no href."\n image={{\n src: "https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",\n alt: "Research figure",\n }}\n/>',title:"CommonCard — Image",open:u})]})]}),e.jsxs("section",{id:"card-citation",children:[e.jsx(c,{id:"card-citation-title",title:"CommonCard — Citation",description:"Click the citation icon to open a modal with MLA/APA/Chicago/Harvard/Vancouver formats."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(i.default,{title:"Attention Is All You Need",subTitle:"NeurIPS 2017",description:"We propose a new simple network architecture based on attention mechanisms, dispensing with recurrence and convolutions entirely.",author:[{value:"Ashish Vaswani",isMain:!0},{value:"Noam Shazeer"},{value:"Niki Parmar"},{value:"Jakob Uszkoreit"}],citation:{title:"Attention Is All You Need",authors:"Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",journal:"Advances in Neural Information Processing Systems",year:2017,doi:"10.48550/arXiv.1706.03762"},linkButton:{href:"https://arxiv.org/abs/1706.03762"}}),e.jsx(i.default,{title:"BERT: Pre-training of Deep Bidirectional Transformers",subTitle:"NAACL 2019",author:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",citation:{title:"BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding",authors:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",journal:"Proceedings of NAACL-HLT",year:2019,doi:"10.18653/v1/N19-1423"}}),e.jsx(d,{code:'<CommonCard\n title="Attention Is All You Need"\n subTitle="NeurIPS 2017"\n description="We propose a new simple network architecture based on attention mechanisms..."\n author={[\n { value: "Ashish Vaswani", isMain: true },\n { value: "Noam Shazeer" },\n { value: "Niki Parmar" },\n { value: "Jakob Uszkoreit" },\n ]}\n citation={{\n title: "Attention Is All You Need",\n authors: "Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",\n journal: "Advances in Neural Information Processing Systems",\n year: 2017,\n doi: "10.48550/arXiv.1706.03762",\n }}\n linkButton={{ href: "https://arxiv.org/abs/1706.03762" }}\n/>',title:"CommonCard — Citation",open:u})]})]}),e.jsxs("section",{id:"card-actions",children:[e.jsx(c,{id:"card-actions-title",title:"CommonCard — Click Actions",description:"Test click actions: onClickAsNewTab, onClickAsPopup, onClickAsDrawer."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(i.default,{title:"Click → New Tab",description:"Opens google.com in a new tab on click.",onClickAsNewTab:"https://google.com"}),e.jsx(i.default,{title:"Click → Popup Window",description:"Opens a 960x720 popup window on click.",onClickAsPopup:"https://google.com"}),e.jsx(i.default,{title:"Click → Drawer",description:"Opens the right-side Drawer on click.",onClickAsDrawer:function(){return u({panelTitle:"Card Detail",subtitle:"Detail panel opened via onClickAsDrawer",body:e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(t.Txt,{text16R:!0,color:"#1e293b",style:{lineHeight:1.8},children:"This panel was opened through CommonCard's onClickAsDrawer prop. You can freely compose content by passing panelTitle, subtitle, and body to the open() function from useCommonizeDrawerStore."}),e.jsx(o.default,{padding:12,children:e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"You can also nest CardWrapper inside the Drawer."})})]})})}}),e.jsx(i.default,{title:"Custom onClick",description:"A card with a custom onClick handler.",onClick:function(){return alert("Custom onClick fired!")}}),e.jsx(d,{code:'<CommonCard\n title="Click → New Tab"\n description="Opens google.com in a new tab on click."\n onClickAsNewTab="https://google.com"\n/>\n\n<CommonCard\n title="Click → Popup Window"\n description="Opens a 960x720 popup window on click."\n onClickAsPopup="https://google.com"\n/>\n\n<CommonCard\n title="Click → Drawer"\n description="Opens the right-side Drawer on click."\n onClickAsDrawer={() =>\n open({\n panelTitle: "Card Detail",\n subtitle: "Detail panel opened via onClickAsDrawer",\n body: <Wrapper>...</Wrapper>,\n })\n }\n/>\n\n<CommonCard\n title="Custom onClick"\n description="A card with a custom onClick handler."\n onClick={() => alert("Custom onClick fired!")}\n/>',title:"CommonCard — Click Actions",open:u})]})]}),e.jsxs("section",{id:"drawer",children:[e.jsx(c,{id:"drawer-title",title:"CommonizeDrawer",description:"Open a Drawer directly using useCommonizeDrawerStore."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{hoverable:!0,onClick:function(){return u({panelTitle:"Manual Drawer",subtitle:"Opened by calling open() directly from CardWrapper",body:e.jsxs(t.Wrapper,{column:!0,gap:12,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Drawer Content"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",style:{lineHeight:1.7},children:"This Drawer was opened by calling useCommonizeDrawerStore().open() directly from CardWrapper's onClick. You can pass any React.ReactNode as body."}),e.jsxs("ul",{style:{color:"#64748b",fontSize:14,paddingLeft:20,lineHeight:1.8},children:[e.jsx("li",{children:"panelTitle: Large title at the top"}),e.jsx("li",{children:"subtitle: Description below the title"}),e.jsx("li",{children:"title: Fallback text when subtitle is absent"}),e.jsx("li",{children:"body: Free-form content"})]})]})})},children:e.jsxs(t.Wrapper,{column:!0,gap:8,p:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Click me to open Drawer"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"hoverable CardWrapper + useCommonizeDrawerStore"})]})}),e.jsx(d,{code:'import { useCommonizeDrawerStore } from "@yeonpm/docs-template";\n\nconst { open } = useCommonizeDrawerStore();\n\nopen({\n panelTitle: "Manual Drawer",\n subtitle: "Opened by calling open() directly from CardWrapper",\n body: (\n <Wrapper column gap={12}>\n <Txt text16B color="#1e293b">Drawer Content</Txt>\n <Txt text14R color="#64748b">\n This Drawer was opened by calling useCommonizeDrawerStore().open()\n directly from CardWrapper\'s onClick. You can pass any React.ReactNode as body.\n </Txt>\n </Wrapper>\n ),\n});',title:"CommonizeDrawer",open:u})]})]}),e.jsxs("section",{id:"card-wrapper",children:[e.jsx(c,{id:"card-wrapper-title",title:"CardWrapper",description:"Compare hoverable effects (mouse-following radial glow)."}),e.jsxs(t.Wrapper,{column:!0,gap:16,children:[e.jsxs(t.Wrapper,{gap:16,style:{display:"grid",gridTemplateColumns:"1fr 1fr"},children:[e.jsx(o.default,{children:e.jsxs(t.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Default"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"hoverable = false"})]})}),e.jsx(o.default,{hoverable:!0,children:e.jsxs(t.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Hoverable"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"hoverable = true → hover to see the effect"})]})}),e.jsx(o.default,{padding:24,children:e.jsxs(t.Wrapper,{column:!0,gap:4,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"padding=24"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"Custom padding"})]})}),e.jsx(o.default,{hoverable:!0,onClick:function(){return alert("CardWrapper clicked!")},children:e.jsxs(t.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(t.Txt,{text16B:!0,color:"#1e293b",children:"Hoverable + onClick"}),e.jsx(t.Txt,{text14R:!0,color:"#64748b",children:"Clickable hover card"})]})})]}),e.jsx(d,{code:'{/* Default */}\n<CardWrapper>\n <Txt text16B>Default</Txt>\n <Txt text14R>hoverable = false</Txt>\n</CardWrapper>\n\n{/* Hoverable */}\n<CardWrapper hoverable>\n <Txt text16B>Hoverable</Txt>\n <Txt text14R>hoverable = true → hover to see the effect</Txt>\n</CardWrapper>\n\n{/* Custom Padding */}\n<CardWrapper padding={24}>\n <Txt text16B>padding=24</Txt>\n <Txt text14R>Custom padding</Txt>\n</CardWrapper>\n\n{/* Hoverable + onClick */}\n<CardWrapper hoverable onClick={() => alert("CardWrapper clicked!")}>\n <Txt text16B>Hoverable + onClick</Txt>\n <Txt text14R>Clickable hover card</Txt>\n</CardWrapper>',title:"CardWrapper",open:u})]})]}),e.jsx(t.Wrapper,{h:80})]}),e.jsx(a.default,{})]})};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("@yeonpm/react"),r=require("react-icons/fa6"),i=require("../shell/CommonizeShell.js"),o=require("../components/CommonCard.js"),a=require("../components/CommonizeDrawer.js"),l=require("../components/CardWrapper.js"),s=require("../stores/commonizeDrawerStore.js"),c=[{key:"overview",label:"Overview",icon:e.jsx(r.FaUser,{size:14}),target:{type:"hash",id:"overview"}},{key:"cards",label:"CommonCard",icon:e.jsx(r.FaBookOpen,{size:14}),target:{type:"hash",id:"cards"}},{key:"card-image",label:"Card + Image",icon:e.jsx(r.FaCode,{size:14}),target:{type:"hash",id:"card-image"}},{key:"card-citation",label:"Card + Citation",icon:e.jsx(r.FaGraduationCap,{size:14}),target:{type:"hash",id:"card-citation"}},{key:"card-actions",label:"Card Actions",icon:e.jsx(r.FaBriefcase,{size:14}),target:{type:"hash",id:"card-actions"}},{key:"drawer",label:"Drawer",icon:e.jsx(r.FaAward,{size:14}),target:{type:"hash",id:"drawer"}},{key:"card-wrapper",label:"CardWrapper",icon:e.jsx(r.FaCode,{size:14}),target:{type:"hash",id:"card-wrapper"}}];function d(t){var i=t.id,o=t.title,a=t.description;return e.jsxs(n.Wrapper,{id:i,column:!0,gap:4,mb:8,children:[e.jsxs(n.Wrapper,{mouseCss:!0,pointer:!0,flex:!0,ac:!0,gap:8,onClick:function(){var e="".concat(window.location.origin).concat(window.location.pathname,"#").concat(i);navigator.clipboard.writeText(e),window.history.replaceState(null,"","#".concat(i))},css:"\n .link-icon { opacity: 0; transition: opacity 0.2s; }\n &:hover .link-icon { opacity: 1; }\n ",children:[e.jsx(n.Txt,{text24B:!0,color:"#1e293b",children:o}),e.jsx("span",{className:"link-icon",style:{display:"flex",alignItems:"center"},children:e.jsx(r.FaLink,{size:14,color:"#94a3b8"})})]}),e.jsx(n.Txt,{text14R:!0,color:"#94a3b8",children:a})]})}function p(t){var i=t.code,o=t.title,a=t.open;return e.jsx(l.default,{hoverable:!0,padding:12,onClick:function(){return a({panelTitle:o,subtitle:"Source code for this example",body:e.jsx("pre",{style:{margin:0,padding:16,backgroundColor:"#1e293b",borderRadius:8,color:"#e2e8f0",fontSize:13,lineHeight:1.7,overflowX:"auto",whiteSpace:"pre",fontFamily:"'Fira Code', 'Consolas', monospace"},children:i})})},children:e.jsxs(n.Wrapper,{flex:!0,ac:!0,gap:8,children:[e.jsx(r.FaCode,{size:14,color:"#64748b"}),e.jsx(n.Txt,{text14R:!0,color:"#64748b",children:"View Code"})]})})}function u(){var i=t.useState(!1),o=i[0],a=i[1],l="npm install @yeonpm/docs-template";return e.jsxs(n.Wrapper,{flex:!0,ac:!0,gap:8,p:12,round4:!0,pointer:!0,mouseCss:!0,onClick:function(){navigator.clipboard.writeText(l),a(!0),setTimeout(function(){return a(!1)},2e3)},css:"\n background: #1e293b;\n transition: background 0.2s;\n &:hover { background: #334155; }\n ",children:[e.jsxs(n.Txt,{text14R:!0,color:"#94a3b8",style:{fontFamily:"'Fira Code', 'Consolas', monospace",userSelect:"all",flex:1},children:["$ ",l]}),o?e.jsx(r.FaCheck,{size:14,color:"#4ade80"}):e.jsx(r.FaCopy,{size:14,color:"#64748b"})]})}exports.default=function(t){var h=t.version,m=void 0===h?"latest":h,x=s.useCommonizeDrawerStore().open;return e.jsxs(i.default,{brand:{title:"@yeonpm/docs-template",subtitle:"Guide",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},navItems:c,headerRightSlot:e.jsxs(n.Txt,{text12R:!0,color:"#94a3b8",style:{whiteSpace:"nowrap"},children:["v",m]}),navBottomSlot:e.jsx(n.Wrapper,{p:12,children:e.jsx(n.Txt,{text12R:!0,color:"#94a3b8",children:"All components demo"})}),children:[e.jsxs(n.Wrapper,{column:!0,gap:48,p:32,maxWidth:900,children:[e.jsxs(n.Wrapper,{column:!0,gap:16,children:[e.jsxs(n.Wrapper,{flex:!0,ac:!0,gap:12,children:[e.jsx(r.FaNpm,{size:32,color:"#CB3837"}),e.jsxs(n.Wrapper,{column:!0,gap:2,children:[e.jsx(n.Txt,{text20B:!0,color:"#1e293b",children:"@yeonpm/docs-template"}),e.jsx("a",{href:"https://www.npmjs.com/package/@yeonpm/docs-template",target:"_blank",rel:"noopener noreferrer",style:{color:"#3b82f6",fontSize:13,textDecoration:"none"},onMouseEnter:function(e){e.currentTarget.style.textDecoration="underline"},onMouseLeave:function(e){e.currentTarget.style.textDecoration="none"},children:"View on npm"})]})]}),e.jsx(u,{})]}),e.jsxs("section",{id:"overview",children:[e.jsx(d,{id:"overview-title",title:"Overview",description:"A demo page showcasing all components in the @yeonpm/docs-template library."}),e.jsx(l.default,{children:e.jsxs(n.Wrapper,{column:!0,gap:8,children:[e.jsx(n.Txt,{text16B:!0,color:"#1e293b",children:"Components"}),e.jsxs(n.Txt,{text14R:!0,color:"#64748b",style:{lineHeight:1.8,whiteSpace:"pre-line"},children:["• CommonizeShell — Header + SideNav + Main layout (this entire page)","\n","• CommonizeHeader — Fixed top header","\n","• CommonizeSideNav — Fixed left navigation","\n","• CommonCard — Multipurpose card","\n","• CommonizeDrawer — Right slide-in detail panel","\n","• CardWrapper — Hover-effect card wrapper","\n","• CitationModal — Citation format modal"]})]})})]}),e.jsxs("section",{id:"cards",children:[e.jsx(d,{id:"cards-title",title:"CommonCard — Basic",description:"Basic cards using combinations of title, subTitle, description, and period."}),e.jsxs(n.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Seoul National University",subTitle:"Ph.D. in Computer Science",description:"Research focused on Human-Computer Interaction and Accessible Computing.",period:"2020 — Present"}),e.jsx(o.default,{title:"KAIST",subTitle:"M.S. in Electrical Engineering",description:"Thesis: Deep Learning Approaches for Natural Language Understanding.",period:"2018 — 2020"}),e.jsx(o.default,{title:"Simple Title Card",description:"A minimal card with only a description."}),e.jsx(p,{code:'<CommonCard\n title="Seoul National University"\n subTitle="Ph.D. in Computer Science"\n description="Research focused on Human-Computer Interaction and Accessible Computing."\n period="2020 — Present"\n/>\n\n<CommonCard\n title="KAIST"\n subTitle="M.S. in Electrical Engineering"\n description="Thesis: Deep Learning Approaches for Natural Language Understanding."\n period="2018 — 2020"\n/>\n\n<CommonCard\n title="Simple Title Card"\n description="A minimal card with only a description."\n/>',title:"CommonCard — Basic",open:x})]})]}),e.jsxs("section",{id:"card-image",children:[e.jsx(d,{id:"card-image-title",title:"CommonCard — Image",description:"Cards with images (with href / without href)."}),e.jsxs(n.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Project: Interactive Dashboard",subTitle:"Data Visualization Platform",description:"Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations.",image:{src:"https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",alt:"Dashboard screenshot",href:"https://github.com"},linkButton:{href:"https://github.com",label:"GitHub"}}),e.jsx(o.default,{title:"Publication Figure",description:"A card with an image but no href.",image:{src:"https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",alt:"Research figure"}}),e.jsx(p,{code:'<CommonCard\n title="Project: Interactive Dashboard"\n subTitle="Data Visualization Platform"\n description="Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations."\n image={{\n src: "https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",\n alt: "Dashboard screenshot",\n href: "https://github.com",\n }}\n linkButton={{ href: "https://github.com", label: "GitHub" }}\n/>\n\n<CommonCard\n title="Publication Figure"\n description="A card with an image but no href."\n image={{\n src: "https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",\n alt: "Research figure",\n }}\n/>',title:"CommonCard — Image",open:x})]})]}),e.jsxs("section",{id:"card-citation",children:[e.jsx(d,{id:"card-citation-title",title:"CommonCard — Citation",description:"Click the citation icon to open a modal with MLA/APA/Chicago/Harvard/Vancouver formats."}),e.jsxs(n.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Attention Is All You Need",subTitle:"NeurIPS 2017",description:"We propose a new simple network architecture based on attention mechanisms, dispensing with recurrence and convolutions entirely.",author:[{value:"Ashish Vaswani",isMain:!0},{value:"Noam Shazeer"},{value:"Niki Parmar"},{value:"Jakob Uszkoreit"}],citation:{title:"Attention Is All You Need",authors:"Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",journal:"Advances in Neural Information Processing Systems",year:2017,doi:"10.48550/arXiv.1706.03762"},linkButton:{href:"https://arxiv.org/abs/1706.03762"}}),e.jsx(o.default,{title:"BERT: Pre-training of Deep Bidirectional Transformers",subTitle:"NAACL 2019",author:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",citation:{title:"BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding",authors:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",journal:"Proceedings of NAACL-HLT",year:2019,doi:"10.18653/v1/N19-1423"}}),e.jsx(p,{code:'<CommonCard\n title="Attention Is All You Need"\n subTitle="NeurIPS 2017"\n description="We propose a new simple network architecture based on attention mechanisms..."\n author={[\n { value: "Ashish Vaswani", isMain: true },\n { value: "Noam Shazeer" },\n { value: "Niki Parmar" },\n { value: "Jakob Uszkoreit" },\n ]}\n citation={{\n title: "Attention Is All You Need",\n authors: "Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",\n journal: "Advances in Neural Information Processing Systems",\n year: 2017,\n doi: "10.48550/arXiv.1706.03762",\n }}\n linkButton={{ href: "https://arxiv.org/abs/1706.03762" }}\n/>',title:"CommonCard — Citation",open:x})]})]}),e.jsxs("section",{id:"card-actions",children:[e.jsx(d,{id:"card-actions-title",title:"CommonCard — Click Actions",description:"Test click actions: onClickAsNewTab, onClickAsPopup, onClickAsDrawer."}),e.jsxs(n.Wrapper,{column:!0,gap:16,children:[e.jsx(o.default,{title:"Click → New Tab",description:"Opens google.com in a new tab on click.",onClickAsNewTab:"https://google.com"}),e.jsx(o.default,{title:"Click → Popup Window",description:"Opens a 960x720 popup window on click.",onClickAsPopup:"https://google.com"}),e.jsx(o.default,{title:"Click → Drawer",description:"Opens the right-side Drawer on click.",onClickAsDrawer:function(){return x({panelTitle:"Card Detail",subtitle:"Detail panel opened via onClickAsDrawer",body:e.jsxs(n.Wrapper,{column:!0,gap:16,children:[e.jsx(n.Txt,{text16R:!0,color:"#1e293b",style:{lineHeight:1.8},children:"This panel was opened through CommonCard's onClickAsDrawer prop. You can freely compose content by passing panelTitle, subtitle, and body to the open() function from useCommonizeDrawerStore."}),e.jsx(l.default,{padding:12,children:e.jsx(n.Txt,{text14R:!0,color:"#64748b",children:"You can also nest CardWrapper inside the Drawer."})})]})})}}),e.jsx(o.default,{title:"Custom onClick",description:"A card with a custom onClick handler.",onClick:function(){return alert("Custom onClick fired!")}}),e.jsx(p,{code:'<CommonCard\n title="Click → New Tab"\n description="Opens google.com in a new tab on click."\n onClickAsNewTab="https://google.com"\n/>\n\n<CommonCard\n title="Click → Popup Window"\n description="Opens a 960x720 popup window on click."\n onClickAsPopup="https://google.com"\n/>\n\n<CommonCard\n title="Click → Drawer"\n description="Opens the right-side Drawer on click."\n onClickAsDrawer={() =>\n open({\n panelTitle: "Card Detail",\n subtitle: "Detail panel opened via onClickAsDrawer",\n body: <Wrapper>...</Wrapper>,\n })\n }\n/>\n\n<CommonCard\n title="Custom onClick"\n description="A card with a custom onClick handler."\n onClick={() => alert("Custom onClick fired!")}\n/>',title:"CommonCard — Click Actions",open:x})]})]}),e.jsxs("section",{id:"drawer",children:[e.jsx(d,{id:"drawer-title",title:"CommonizeDrawer",description:"Open a Drawer directly using useCommonizeDrawerStore."}),e.jsxs(n.Wrapper,{column:!0,gap:16,children:[e.jsx(l.default,{hoverable:!0,onClick:function(){return x({panelTitle:"Manual Drawer",subtitle:"Opened by calling open() directly from CardWrapper",body:e.jsxs(n.Wrapper,{column:!0,gap:12,children:[e.jsx(n.Txt,{text16B:!0,color:"#1e293b",children:"Drawer Content"}),e.jsx(n.Txt,{text14R:!0,color:"#64748b",style:{lineHeight:1.7},children:"This Drawer was opened by calling useCommonizeDrawerStore().open() directly from CardWrapper's onClick. You can pass any React.ReactNode as body."}),e.jsxs("ul",{style:{color:"#64748b",fontSize:14,paddingLeft:20,lineHeight:1.8},children:[e.jsx("li",{children:"panelTitle: Large title at the top"}),e.jsx("li",{children:"subtitle: Description below the title"}),e.jsx("li",{children:"title: Fallback text when subtitle is absent"}),e.jsx("li",{children:"body: Free-form content"})]})]})})},children:e.jsxs(n.Wrapper,{column:!0,gap:8,p:8,children:[e.jsx(n.Txt,{text16B:!0,color:"#1e293b",children:"Click me to open Drawer"}),e.jsx(n.Txt,{text14R:!0,color:"#64748b",children:"hoverable CardWrapper + useCommonizeDrawerStore"})]})}),e.jsx(p,{code:'import { useCommonizeDrawerStore } from "@yeonpm/docs-template";\n\nconst { open } = useCommonizeDrawerStore();\n\nopen({\n panelTitle: "Manual Drawer",\n subtitle: "Opened by calling open() directly from CardWrapper",\n body: (\n <Wrapper column gap={12}>\n <Txt text16B color="#1e293b">Drawer Content</Txt>\n <Txt text14R color="#64748b">\n This Drawer was opened by calling useCommonizeDrawerStore().open()\n directly from CardWrapper\'s onClick. You can pass any React.ReactNode as body.\n </Txt>\n </Wrapper>\n ),\n});',title:"CommonizeDrawer",open:x})]})]}),e.jsxs("section",{id:"card-wrapper",children:[e.jsx(d,{id:"card-wrapper-title",title:"CardWrapper",description:"Compare hoverable effects (mouse-following radial glow)."}),e.jsxs(n.Wrapper,{column:!0,gap:16,children:[e.jsxs(n.Wrapper,{gap:16,style:{display:"grid",gridTemplateColumns:"1fr 1fr"},children:[e.jsx(l.default,{children:e.jsxs(n.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(n.Txt,{text16B:!0,color:"#1e293b",children:"Default"}),e.jsx(n.Txt,{text14R:!0,color:"#64748b",children:"hoverable = false"})]})}),e.jsx(l.default,{hoverable:!0,children:e.jsxs(n.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(n.Txt,{text16B:!0,color:"#1e293b",children:"Hoverable"}),e.jsx(n.Txt,{text14R:!0,color:"#64748b",children:"hoverable = true → hover to see the effect"})]})}),e.jsx(l.default,{padding:24,children:e.jsxs(n.Wrapper,{column:!0,gap:4,children:[e.jsx(n.Txt,{text16B:!0,color:"#1e293b",children:"padding=24"}),e.jsx(n.Txt,{text14R:!0,color:"#64748b",children:"Custom padding"})]})}),e.jsx(l.default,{hoverable:!0,onClick:function(){return alert("CardWrapper clicked!")},children:e.jsxs(n.Wrapper,{column:!0,gap:4,p:8,children:[e.jsx(n.Txt,{text16B:!0,color:"#1e293b",children:"Hoverable + onClick"}),e.jsx(n.Txt,{text14R:!0,color:"#64748b",children:"Clickable hover card"})]})})]}),e.jsx(p,{code:'{/* Default */}\n<CardWrapper>\n <Txt text16B>Default</Txt>\n <Txt text14R>hoverable = false</Txt>\n</CardWrapper>\n\n{/* Hoverable */}\n<CardWrapper hoverable>\n <Txt text16B>Hoverable</Txt>\n <Txt text14R>hoverable = true → hover to see the effect</Txt>\n</CardWrapper>\n\n{/* Custom Padding */}\n<CardWrapper padding={24}>\n <Txt text16B>padding=24</Txt>\n <Txt text14R>Custom padding</Txt>\n</CardWrapper>\n\n{/* Hoverable + onClick */}\n<CardWrapper hoverable onClick={() => alert("CardWrapper clicked!")}>\n <Txt text16B>Hoverable + onClick</Txt>\n <Txt text14R>Clickable hover card</Txt>\n</CardWrapper>',title:"CardWrapper",open:x})]})]}),e.jsx(n.Wrapper,{h:80})]}),e.jsx(a.default,{})]})};
|
|
2
2
|
//# sourceMappingURL=DocsGuide.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocsGuide.js","sources":["../../../src/guide/DocsGuide.tsx"],"sourcesContent":[null],"names":["navItems","label","icon","_jsx","FaUser","size","target","type","id","key","FaBookOpen","FaCode","FaGraduationCap","FaBriefcase","FaAward","SectionTitle","_a","title","description","_jsxs","Wrapper","column","gap","mb","children","mouseCss","pointer","flex","ac","onClick","window","location","origin","concat","pathname","navigator","clipboard","writeText","history","replaceState","css","Txt","text24B","color","className","style","display","alignItems","FaLink","text14R","ViewCodeCard","code","open","hoverable","padding","panelTitle","subtitle","body","margin","backgroundColor","borderRadius","fontSize","lineHeight","overflowX","whiteSpace","fontFamily","_b","version","useCommonizeDrawerStore","CommonizeShell","brand","scrollTo","top","behavior","headerRightSlot","text12R","navBottomSlot","p","maxWidth","CardWrapper","text16B","CommonCard","subTitle","period","image","alt","href","linkButton","src","author","value","isMain","authors","journal","year","doi","citation","onClickAsNewTab","onClickAsPopup","onClickAsDrawer","text16R","alert","paddingLeft","gridTemplateColumns","h","CommonizeDrawer"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DocsGuide.js","sources":["../../../src/guide/DocsGuide.tsx"],"sourcesContent":[null],"names":["navItems","label","icon","_jsx","FaUser","size","target","type","id","key","FaBookOpen","FaCode","FaGraduationCap","FaBriefcase","FaAward","SectionTitle","_a","title","description","_jsxs","Wrapper","column","gap","mb","children","mouseCss","pointer","flex","ac","onClick","window","location","origin","concat","pathname","navigator","clipboard","writeText","history","replaceState","css","Txt","text24B","color","className","style","display","alignItems","FaLink","text14R","ViewCodeCard","code","open","hoverable","padding","panelTitle","subtitle","body","margin","backgroundColor","borderRadius","fontSize","lineHeight","overflowX","whiteSpace","fontFamily","InstallCommand","React","useState","copied","setCopied","cmd","p","round4","setTimeout","userSelect","FaCheck","FaCopy","_b","version","useCommonizeDrawerStore","CommonizeShell","brand","scrollTo","top","behavior","headerRightSlot","text12R","navBottomSlot","maxWidth","FaNpm","text20B","href","rel","textDecoration","onMouseEnter","e","currentTarget","onMouseLeave","CardWrapper","text16B","CommonCard","subTitle","period","image","alt","linkButton","src","author","value","isMain","authors","journal","year","doi","citation","onClickAsNewTab","onClickAsPopup","onClickAsDrawer","text16R","alert","paddingLeft","gridTemplateColumns","h","CommonizeDrawer"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Wrapper as i,Txt as t}from"@yeonpm/react";import{FaUser as o,FaBookOpen as r,FaCode as a,FaGraduationCap as l,FaBriefcase as c,FaAward as d,FaLink as s}from"react-icons/fa6";import p from"../shell/CommonizeShell.js";import m from"../components/CommonCard.js";import h from"../components/CommonizeDrawer.js";import u from"../components/CardWrapper.js";import{useCommonizeDrawerStore as C}from"../stores/commonizeDrawerStore.js";var b=[{key:"overview",label:"Overview",icon:e(o,{size:14}),target:{type:"hash",id:"overview"}},{key:"cards",label:"CommonCard",icon:e(r,{size:14}),target:{type:"hash",id:"cards"}},{key:"card-image",label:"Card + Image",icon:e(a,{size:14}),target:{type:"hash",id:"card-image"}},{key:"card-citation",label:"Card + Citation",icon:e(l,{size:14}),target:{type:"hash",id:"card-citation"}},{key:"card-actions",label:"Card Actions",icon:e(c,{size:14}),target:{type:"hash",id:"card-actions"}},{key:"drawer",label:"Drawer",icon:e(d,{size:14}),target:{type:"hash",id:"drawer"}},{key:"card-wrapper",label:"CardWrapper",icon:e(a,{size:14}),target:{type:"hash",id:"card-wrapper"}}];function g(o){var r=o.id,a=o.title,l=o.description;return n(i,{id:r,column:!0,gap:4,mb:8,children:[n(i,{mouseCss:!0,pointer:!0,flex:!0,ac:!0,gap:8,onClick:function(){var e="".concat(window.location.origin).concat(window.location.pathname,"#").concat(r);navigator.clipboard.writeText(e),window.history.replaceState(null,"","#".concat(r))},css:"\n .link-icon { opacity: 0; transition: opacity 0.2s; }\n &:hover .link-icon { opacity: 1; }\n ",children:[e(t,{text24B:!0,color:"#1e293b",children:a}),e("span",{className:"link-icon",style:{display:"flex",alignItems:"center"},children:e(s,{size:14,color:"#94a3b8"})})]}),e(t,{text14R:!0,color:"#94a3b8",children:l})]})}function w(o){var r=o.code,l=o.title,c=o.open;return e(u,{hoverable:!0,padding:12,onClick:function(){return c({panelTitle:l,subtitle:"Source code for this example",body:e("pre",{style:{margin:0,padding:16,backgroundColor:"#1e293b",borderRadius:8,color:"#e2e8f0",fontSize:13,lineHeight:1.7,overflowX:"auto",whiteSpace:"pre",fontFamily:"'Fira Code', 'Consolas', monospace"},children:r})})},children:n(i,{flex:!0,ac:!0,gap:8,children:[e(a,{size:14,color:"#64748b"}),e(t,{text14R:!0,color:"#64748b",children:"View Code"})]})})}function f(o){var r=o.version,a=void 0===r?"latest":r,l=C().open;return n(p,{brand:{title:"@yeonpm/docs-template",subtitle:"Guide",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},navItems:b,headerRightSlot:n(t,{text12R:!0,color:"#94a3b8",style:{whiteSpace:"nowrap"},children:["v",a]}),navBottomSlot:e(i,{p:12,children:e(t,{text12R:!0,color:"#94a3b8",children:"All components demo"})}),children:[n(i,{column:!0,gap:48,p:32,maxWidth:900,children:[n("section",{id:"overview",children:[e(g,{id:"overview-title",title:"Overview",description:"A demo page showcasing all components in the @yeonpm/docs-template library."}),e(u,{children:n(i,{column:!0,gap:8,children:[e(t,{text16B:!0,color:"#1e293b",children:"Components"}),n(t,{text14R:!0,color:"#64748b",style:{lineHeight:1.8},children:["• CommonizeShell — Header + SideNav + Main layout (this entire page)","\n","• CommonizeHeader — Fixed top header","\n","• CommonizeSideNav — Fixed left navigation","\n","• CommonCard — Multipurpose card","\n","• CommonizeDrawer — Right slide-in detail panel","\n","• CardWrapper — Hover-effect card wrapper","\n","• CitationModal — Citation format modal"]})]})})]}),n("section",{id:"cards",children:[e(g,{id:"cards-title",title:"CommonCard — Basic",description:"Basic cards using combinations of title, subTitle, description, and period."}),n(i,{column:!0,gap:16,children:[e(m,{title:"Seoul National University",subTitle:"Ph.D. in Computer Science",description:"Research focused on Human-Computer Interaction and Accessible Computing.",period:"2020 — Present"}),e(m,{title:"KAIST",subTitle:"M.S. in Electrical Engineering",description:"Thesis: Deep Learning Approaches for Natural Language Understanding.",period:"2018 — 2020"}),e(m,{title:"Simple Title Card",description:"A minimal card with only a description."}),e(w,{code:'<CommonCard\n title="Seoul National University"\n subTitle="Ph.D. in Computer Science"\n description="Research focused on Human-Computer Interaction and Accessible Computing."\n period="2020 — Present"\n/>\n\n<CommonCard\n title="KAIST"\n subTitle="M.S. in Electrical Engineering"\n description="Thesis: Deep Learning Approaches for Natural Language Understanding."\n period="2018 — 2020"\n/>\n\n<CommonCard\n title="Simple Title Card"\n description="A minimal card with only a description."\n/>',title:"CommonCard — Basic",open:l})]})]}),n("section",{id:"card-image",children:[e(g,{id:"card-image-title",title:"CommonCard — Image",description:"Cards with images (with href / without href)."}),n(i,{column:!0,gap:16,children:[e(m,{title:"Project: Interactive Dashboard",subTitle:"Data Visualization Platform",description:"Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations.",image:{src:"https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",alt:"Dashboard screenshot",href:"https://github.com"},linkButton:{href:"https://github.com",label:"GitHub"}}),e(m,{title:"Publication Figure",description:"A card with an image but no href.",image:{src:"https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",alt:"Research figure"}}),e(w,{code:'<CommonCard\n title="Project: Interactive Dashboard"\n subTitle="Data Visualization Platform"\n description="Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations."\n image={{\n src: "https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",\n alt: "Dashboard screenshot",\n href: "https://github.com",\n }}\n linkButton={{ href: "https://github.com", label: "GitHub" }}\n/>\n\n<CommonCard\n title="Publication Figure"\n description="A card with an image but no href."\n image={{\n src: "https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",\n alt: "Research figure",\n }}\n/>',title:"CommonCard — Image",open:l})]})]}),n("section",{id:"card-citation",children:[e(g,{id:"card-citation-title",title:"CommonCard — Citation",description:"Click the citation icon to open a modal with MLA/APA/Chicago/Harvard/Vancouver formats."}),n(i,{column:!0,gap:16,children:[e(m,{title:"Attention Is All You Need",subTitle:"NeurIPS 2017",description:"We propose a new simple network architecture based on attention mechanisms, dispensing with recurrence and convolutions entirely.",author:[{value:"Ashish Vaswani",isMain:!0},{value:"Noam Shazeer"},{value:"Niki Parmar"},{value:"Jakob Uszkoreit"}],citation:{title:"Attention Is All You Need",authors:"Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",journal:"Advances in Neural Information Processing Systems",year:2017,doi:"10.48550/arXiv.1706.03762"},linkButton:{href:"https://arxiv.org/abs/1706.03762"}}),e(m,{title:"BERT: Pre-training of Deep Bidirectional Transformers",subTitle:"NAACL 2019",author:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",citation:{title:"BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding",authors:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",journal:"Proceedings of NAACL-HLT",year:2019,doi:"10.18653/v1/N19-1423"}}),e(w,{code:'<CommonCard\n title="Attention Is All You Need"\n subTitle="NeurIPS 2017"\n description="We propose a new simple network architecture based on attention mechanisms..."\n author={[\n { value: "Ashish Vaswani", isMain: true },\n { value: "Noam Shazeer" },\n { value: "Niki Parmar" },\n { value: "Jakob Uszkoreit" },\n ]}\n citation={{\n title: "Attention Is All You Need",\n authors: "Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",\n journal: "Advances in Neural Information Processing Systems",\n year: 2017,\n doi: "10.48550/arXiv.1706.03762",\n }}\n linkButton={{ href: "https://arxiv.org/abs/1706.03762" }}\n/>',title:"CommonCard — Citation",open:l})]})]}),n("section",{id:"card-actions",children:[e(g,{id:"card-actions-title",title:"CommonCard — Click Actions",description:"Test click actions: onClickAsNewTab, onClickAsPopup, onClickAsDrawer."}),n(i,{column:!0,gap:16,children:[e(m,{title:"Click → New Tab",description:"Opens google.com in a new tab on click.",onClickAsNewTab:"https://google.com"}),e(m,{title:"Click → Popup Window",description:"Opens a 960x720 popup window on click.",onClickAsPopup:"https://google.com"}),e(m,{title:"Click → Drawer",description:"Opens the right-side Drawer on click.",onClickAsDrawer:function(){return l({panelTitle:"Card Detail",subtitle:"Detail panel opened via onClickAsDrawer",body:n(i,{column:!0,gap:16,children:[e(t,{text16R:!0,color:"#1e293b",style:{lineHeight:1.8},children:"This panel was opened through CommonCard's onClickAsDrawer prop. You can freely compose content by passing panelTitle, subtitle, and body to the open() function from useCommonizeDrawerStore."}),e(u,{padding:12,children:e(t,{text14R:!0,color:"#64748b",children:"You can also nest CardWrapper inside the Drawer."})})]})})}}),e(m,{title:"Custom onClick",description:"A card with a custom onClick handler.",onClick:function(){return alert("Custom onClick fired!")}}),e(w,{code:'<CommonCard\n title="Click → New Tab"\n description="Opens google.com in a new tab on click."\n onClickAsNewTab="https://google.com"\n/>\n\n<CommonCard\n title="Click → Popup Window"\n description="Opens a 960x720 popup window on click."\n onClickAsPopup="https://google.com"\n/>\n\n<CommonCard\n title="Click → Drawer"\n description="Opens the right-side Drawer on click."\n onClickAsDrawer={() =>\n open({\n panelTitle: "Card Detail",\n subtitle: "Detail panel opened via onClickAsDrawer",\n body: <Wrapper>...</Wrapper>,\n })\n }\n/>\n\n<CommonCard\n title="Custom onClick"\n description="A card with a custom onClick handler."\n onClick={() => alert("Custom onClick fired!")}\n/>',title:"CommonCard — Click Actions",open:l})]})]}),n("section",{id:"drawer",children:[e(g,{id:"drawer-title",title:"CommonizeDrawer",description:"Open a Drawer directly using useCommonizeDrawerStore."}),n(i,{column:!0,gap:16,children:[e(u,{hoverable:!0,onClick:function(){return l({panelTitle:"Manual Drawer",subtitle:"Opened by calling open() directly from CardWrapper",body:n(i,{column:!0,gap:12,children:[e(t,{text16B:!0,color:"#1e293b",children:"Drawer Content"}),e(t,{text14R:!0,color:"#64748b",style:{lineHeight:1.7},children:"This Drawer was opened by calling useCommonizeDrawerStore().open() directly from CardWrapper's onClick. You can pass any React.ReactNode as body."}),n("ul",{style:{color:"#64748b",fontSize:14,paddingLeft:20,lineHeight:1.8},children:[e("li",{children:"panelTitle: Large title at the top"}),e("li",{children:"subtitle: Description below the title"}),e("li",{children:"title: Fallback text when subtitle is absent"}),e("li",{children:"body: Free-form content"})]})]})})},children:n(i,{column:!0,gap:8,p:8,children:[e(t,{text16B:!0,color:"#1e293b",children:"Click me to open Drawer"}),e(t,{text14R:!0,color:"#64748b",children:"hoverable CardWrapper + useCommonizeDrawerStore"})]})}),e(w,{code:'import { useCommonizeDrawerStore } from "@yeonpm/docs-template";\n\nconst { open } = useCommonizeDrawerStore();\n\nopen({\n panelTitle: "Manual Drawer",\n subtitle: "Opened by calling open() directly from CardWrapper",\n body: (\n <Wrapper column gap={12}>\n <Txt text16B color="#1e293b">Drawer Content</Txt>\n <Txt text14R color="#64748b">\n This Drawer was opened by calling useCommonizeDrawerStore().open()\n directly from CardWrapper\'s onClick. You can pass any React.ReactNode as body.\n </Txt>\n </Wrapper>\n ),\n});',title:"CommonizeDrawer",open:l})]})]}),n("section",{id:"card-wrapper",children:[e(g,{id:"card-wrapper-title",title:"CardWrapper",description:"Compare hoverable effects (mouse-following radial glow)."}),n(i,{column:!0,gap:16,children:[n(i,{gap:16,style:{display:"grid",gridTemplateColumns:"1fr 1fr"},children:[e(u,{children:n(i,{column:!0,gap:4,p:8,children:[e(t,{text16B:!0,color:"#1e293b",children:"Default"}),e(t,{text14R:!0,color:"#64748b",children:"hoverable = false"})]})}),e(u,{hoverable:!0,children:n(i,{column:!0,gap:4,p:8,children:[e(t,{text16B:!0,color:"#1e293b",children:"Hoverable"}),e(t,{text14R:!0,color:"#64748b",children:"hoverable = true → hover to see the effect"})]})}),e(u,{padding:24,children:n(i,{column:!0,gap:4,children:[e(t,{text16B:!0,color:"#1e293b",children:"padding=24"}),e(t,{text14R:!0,color:"#64748b",children:"Custom padding"})]})}),e(u,{hoverable:!0,onClick:function(){return alert("CardWrapper clicked!")},children:n(i,{column:!0,gap:4,p:8,children:[e(t,{text16B:!0,color:"#1e293b",children:"Hoverable + onClick"}),e(t,{text14R:!0,color:"#64748b",children:"Clickable hover card"})]})})]}),e(w,{code:'{/* Default */}\n<CardWrapper>\n <Txt text16B>Default</Txt>\n <Txt text14R>hoverable = false</Txt>\n</CardWrapper>\n\n{/* Hoverable */}\n<CardWrapper hoverable>\n <Txt text16B>Hoverable</Txt>\n <Txt text14R>hoverable = true → hover to see the effect</Txt>\n</CardWrapper>\n\n{/* Custom Padding */}\n<CardWrapper padding={24}>\n <Txt text16B>padding=24</Txt>\n <Txt text14R>Custom padding</Txt>\n</CardWrapper>\n\n{/* Hoverable + onClick */}\n<CardWrapper hoverable onClick={() => alert("CardWrapper clicked!")}>\n <Txt text16B>Hoverable + onClick</Txt>\n <Txt text14R>Clickable hover card</Txt>\n</CardWrapper>',title:"CardWrapper",open:l})]})]}),e(i,{h:80})]}),e(h,{})]})}export{f as default};
|
|
1
|
+
import{jsx as e,jsxs as n}from"react/jsx-runtime";import t from"react";import{Wrapper as i,Txt as o}from"@yeonpm/react";import{FaUser as r,FaBookOpen as a,FaCode as l,FaGraduationCap as c,FaBriefcase as d,FaAward as s,FaNpm as p,FaCheck as m,FaCopy as h,FaLink as u}from"react-icons/fa6";import C from"../shell/CommonizeShell.js";import b from"../components/CommonCard.js";import g from"../components/CommonizeDrawer.js";import f from"../components/CardWrapper.js";import{useCommonizeDrawerStore as w}from"../stores/commonizeDrawerStore.js";var k=[{key:"overview",label:"Overview",icon:e(r,{size:14}),target:{type:"hash",id:"overview"}},{key:"cards",label:"CommonCard",icon:e(a,{size:14}),target:{type:"hash",id:"cards"}},{key:"card-image",label:"Card + Image",icon:e(l,{size:14}),target:{type:"hash",id:"card-image"}},{key:"card-citation",label:"Card + Citation",icon:e(c,{size:14}),target:{type:"hash",id:"card-citation"}},{key:"card-actions",label:"Card Actions",icon:e(d,{size:14}),target:{type:"hash",id:"card-actions"}},{key:"drawer",label:"Drawer",icon:e(s,{size:14}),target:{type:"hash",id:"drawer"}},{key:"card-wrapper",label:"CardWrapper",icon:e(l,{size:14}),target:{type:"hash",id:"card-wrapper"}}];function v(t){var r=t.id,a=t.title,l=t.description;return n(i,{id:r,column:!0,gap:4,mb:8,children:[n(i,{mouseCss:!0,pointer:!0,flex:!0,ac:!0,gap:8,onClick:function(){var e="".concat(window.location.origin).concat(window.location.pathname,"#").concat(r);navigator.clipboard.writeText(e),window.history.replaceState(null,"","#".concat(r))},css:"\n .link-icon { opacity: 0; transition: opacity 0.2s; }\n &:hover .link-icon { opacity: 1; }\n ",children:[e(o,{text24B:!0,color:"#1e293b",children:a}),e("span",{className:"link-icon",style:{display:"flex",alignItems:"center"},children:e(u,{size:14,color:"#94a3b8"})})]}),e(o,{text14R:!0,color:"#94a3b8",children:l})]})}function x(t){var r=t.code,a=t.title,c=t.open;return e(f,{hoverable:!0,padding:12,onClick:function(){return c({panelTitle:a,subtitle:"Source code for this example",body:e("pre",{style:{margin:0,padding:16,backgroundColor:"#1e293b",borderRadius:8,color:"#e2e8f0",fontSize:13,lineHeight:1.7,overflowX:"auto",whiteSpace:"pre",fontFamily:"'Fira Code', 'Consolas', monospace"},children:r})})},children:n(i,{flex:!0,ac:!0,gap:8,children:[e(l,{size:14,color:"#64748b"}),e(o,{text14R:!0,color:"#64748b",children:"View Code"})]})})}function y(){var r=t.useState(!1),a=r[0],l=r[1],c="npm install @yeonpm/docs-template";return n(i,{flex:!0,ac:!0,gap:8,p:12,round4:!0,pointer:!0,mouseCss:!0,onClick:function(){navigator.clipboard.writeText(c),l(!0),setTimeout(function(){return l(!1)},2e3)},css:"\n background: #1e293b;\n transition: background 0.2s;\n &:hover { background: #334155; }\n ",children:[n(o,{text14R:!0,color:"#94a3b8",style:{fontFamily:"'Fira Code', 'Consolas', monospace",userSelect:"all",flex:1},children:["$ ",c]}),a?e(m,{size:14,color:"#4ade80"}):e(h,{size:14,color:"#64748b"})]})}function T(t){var r=t.version,a=void 0===r?"latest":r,l=w().open;return n(C,{brand:{title:"@yeonpm/docs-template",subtitle:"Guide",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},navItems:k,headerRightSlot:n(o,{text12R:!0,color:"#94a3b8",style:{whiteSpace:"nowrap"},children:["v",a]}),navBottomSlot:e(i,{p:12,children:e(o,{text12R:!0,color:"#94a3b8",children:"All components demo"})}),children:[n(i,{column:!0,gap:48,p:32,maxWidth:900,children:[n(i,{column:!0,gap:16,children:[n(i,{flex:!0,ac:!0,gap:12,children:[e(p,{size:32,color:"#CB3837"}),n(i,{column:!0,gap:2,children:[e(o,{text20B:!0,color:"#1e293b",children:"@yeonpm/docs-template"}),e("a",{href:"https://www.npmjs.com/package/@yeonpm/docs-template",target:"_blank",rel:"noopener noreferrer",style:{color:"#3b82f6",fontSize:13,textDecoration:"none"},onMouseEnter:function(e){e.currentTarget.style.textDecoration="underline"},onMouseLeave:function(e){e.currentTarget.style.textDecoration="none"},children:"View on npm"})]})]}),e(y,{})]}),n("section",{id:"overview",children:[e(v,{id:"overview-title",title:"Overview",description:"A demo page showcasing all components in the @yeonpm/docs-template library."}),e(f,{children:n(i,{column:!0,gap:8,children:[e(o,{text16B:!0,color:"#1e293b",children:"Components"}),n(o,{text14R:!0,color:"#64748b",style:{lineHeight:1.8,whiteSpace:"pre-line"},children:["• CommonizeShell — Header + SideNav + Main layout (this entire page)","\n","• CommonizeHeader — Fixed top header","\n","• CommonizeSideNav — Fixed left navigation","\n","• CommonCard — Multipurpose card","\n","• CommonizeDrawer — Right slide-in detail panel","\n","• CardWrapper — Hover-effect card wrapper","\n","• CitationModal — Citation format modal"]})]})})]}),n("section",{id:"cards",children:[e(v,{id:"cards-title",title:"CommonCard — Basic",description:"Basic cards using combinations of title, subTitle, description, and period."}),n(i,{column:!0,gap:16,children:[e(b,{title:"Seoul National University",subTitle:"Ph.D. in Computer Science",description:"Research focused on Human-Computer Interaction and Accessible Computing.",period:"2020 — Present"}),e(b,{title:"KAIST",subTitle:"M.S. in Electrical Engineering",description:"Thesis: Deep Learning Approaches for Natural Language Understanding.",period:"2018 — 2020"}),e(b,{title:"Simple Title Card",description:"A minimal card with only a description."}),e(x,{code:'<CommonCard\n title="Seoul National University"\n subTitle="Ph.D. in Computer Science"\n description="Research focused on Human-Computer Interaction and Accessible Computing."\n period="2020 — Present"\n/>\n\n<CommonCard\n title="KAIST"\n subTitle="M.S. in Electrical Engineering"\n description="Thesis: Deep Learning Approaches for Natural Language Understanding."\n period="2018 — 2020"\n/>\n\n<CommonCard\n title="Simple Title Card"\n description="A minimal card with only a description."\n/>',title:"CommonCard — Basic",open:l})]})]}),n("section",{id:"card-image",children:[e(v,{id:"card-image-title",title:"CommonCard — Image",description:"Cards with images (with href / without href)."}),n(i,{column:!0,gap:16,children:[e(b,{title:"Project: Interactive Dashboard",subTitle:"Data Visualization Platform",description:"Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations.",image:{src:"https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",alt:"Dashboard screenshot",href:"https://github.com"},linkButton:{href:"https://github.com",label:"GitHub"}}),e(b,{title:"Publication Figure",description:"A card with an image but no href.",image:{src:"https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",alt:"Research figure"}}),e(x,{code:'<CommonCard\n title="Project: Interactive Dashboard"\n subTitle="Data Visualization Platform"\n description="Built with React, D3.js, and TypeScript. Features real-time data streaming and collaborative annotations."\n image={{\n src: "https://placehold.co/600x400/e2e8f0/64748b?text=Project+Screenshot",\n alt: "Dashboard screenshot",\n href: "https://github.com",\n }}\n linkButton={{ href: "https://github.com", label: "GitHub" }}\n/>\n\n<CommonCard\n title="Publication Figure"\n description="A card with an image but no href."\n image={{\n src: "https://placehold.co/600x400/f0f9ff/3b82f6?text=Research+Figure",\n alt: "Research figure",\n }}\n/>',title:"CommonCard — Image",open:l})]})]}),n("section",{id:"card-citation",children:[e(v,{id:"card-citation-title",title:"CommonCard — Citation",description:"Click the citation icon to open a modal with MLA/APA/Chicago/Harvard/Vancouver formats."}),n(i,{column:!0,gap:16,children:[e(b,{title:"Attention Is All You Need",subTitle:"NeurIPS 2017",description:"We propose a new simple network architecture based on attention mechanisms, dispensing with recurrence and convolutions entirely.",author:[{value:"Ashish Vaswani",isMain:!0},{value:"Noam Shazeer"},{value:"Niki Parmar"},{value:"Jakob Uszkoreit"}],citation:{title:"Attention Is All You Need",authors:"Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",journal:"Advances in Neural Information Processing Systems",year:2017,doi:"10.48550/arXiv.1706.03762"},linkButton:{href:"https://arxiv.org/abs/1706.03762"}}),e(b,{title:"BERT: Pre-training of Deep Bidirectional Transformers",subTitle:"NAACL 2019",author:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",citation:{title:"BERT: Pre-training of Deep Bidirectional Transformers for Language Understanding",authors:"Jacob Devlin, Ming-Wei Chang, Kenton Lee, Kristina Toutanova",journal:"Proceedings of NAACL-HLT",year:2019,doi:"10.18653/v1/N19-1423"}}),e(x,{code:'<CommonCard\n title="Attention Is All You Need"\n subTitle="NeurIPS 2017"\n description="We propose a new simple network architecture based on attention mechanisms..."\n author={[\n { value: "Ashish Vaswani", isMain: true },\n { value: "Noam Shazeer" },\n { value: "Niki Parmar" },\n { value: "Jakob Uszkoreit" },\n ]}\n citation={{\n title: "Attention Is All You Need",\n authors: "Ashish Vaswani, Noam Shazeer, Niki Parmar, Jakob Uszkoreit",\n journal: "Advances in Neural Information Processing Systems",\n year: 2017,\n doi: "10.48550/arXiv.1706.03762",\n }}\n linkButton={{ href: "https://arxiv.org/abs/1706.03762" }}\n/>',title:"CommonCard — Citation",open:l})]})]}),n("section",{id:"card-actions",children:[e(v,{id:"card-actions-title",title:"CommonCard — Click Actions",description:"Test click actions: onClickAsNewTab, onClickAsPopup, onClickAsDrawer."}),n(i,{column:!0,gap:16,children:[e(b,{title:"Click → New Tab",description:"Opens google.com in a new tab on click.",onClickAsNewTab:"https://google.com"}),e(b,{title:"Click → Popup Window",description:"Opens a 960x720 popup window on click.",onClickAsPopup:"https://google.com"}),e(b,{title:"Click → Drawer",description:"Opens the right-side Drawer on click.",onClickAsDrawer:function(){return l({panelTitle:"Card Detail",subtitle:"Detail panel opened via onClickAsDrawer",body:n(i,{column:!0,gap:16,children:[e(o,{text16R:!0,color:"#1e293b",style:{lineHeight:1.8},children:"This panel was opened through CommonCard's onClickAsDrawer prop. You can freely compose content by passing panelTitle, subtitle, and body to the open() function from useCommonizeDrawerStore."}),e(f,{padding:12,children:e(o,{text14R:!0,color:"#64748b",children:"You can also nest CardWrapper inside the Drawer."})})]})})}}),e(b,{title:"Custom onClick",description:"A card with a custom onClick handler.",onClick:function(){return alert("Custom onClick fired!")}}),e(x,{code:'<CommonCard\n title="Click → New Tab"\n description="Opens google.com in a new tab on click."\n onClickAsNewTab="https://google.com"\n/>\n\n<CommonCard\n title="Click → Popup Window"\n description="Opens a 960x720 popup window on click."\n onClickAsPopup="https://google.com"\n/>\n\n<CommonCard\n title="Click → Drawer"\n description="Opens the right-side Drawer on click."\n onClickAsDrawer={() =>\n open({\n panelTitle: "Card Detail",\n subtitle: "Detail panel opened via onClickAsDrawer",\n body: <Wrapper>...</Wrapper>,\n })\n }\n/>\n\n<CommonCard\n title="Custom onClick"\n description="A card with a custom onClick handler."\n onClick={() => alert("Custom onClick fired!")}\n/>',title:"CommonCard — Click Actions",open:l})]})]}),n("section",{id:"drawer",children:[e(v,{id:"drawer-title",title:"CommonizeDrawer",description:"Open a Drawer directly using useCommonizeDrawerStore."}),n(i,{column:!0,gap:16,children:[e(f,{hoverable:!0,onClick:function(){return l({panelTitle:"Manual Drawer",subtitle:"Opened by calling open() directly from CardWrapper",body:n(i,{column:!0,gap:12,children:[e(o,{text16B:!0,color:"#1e293b",children:"Drawer Content"}),e(o,{text14R:!0,color:"#64748b",style:{lineHeight:1.7},children:"This Drawer was opened by calling useCommonizeDrawerStore().open() directly from CardWrapper's onClick. You can pass any React.ReactNode as body."}),n("ul",{style:{color:"#64748b",fontSize:14,paddingLeft:20,lineHeight:1.8},children:[e("li",{children:"panelTitle: Large title at the top"}),e("li",{children:"subtitle: Description below the title"}),e("li",{children:"title: Fallback text when subtitle is absent"}),e("li",{children:"body: Free-form content"})]})]})})},children:n(i,{column:!0,gap:8,p:8,children:[e(o,{text16B:!0,color:"#1e293b",children:"Click me to open Drawer"}),e(o,{text14R:!0,color:"#64748b",children:"hoverable CardWrapper + useCommonizeDrawerStore"})]})}),e(x,{code:'import { useCommonizeDrawerStore } from "@yeonpm/docs-template";\n\nconst { open } = useCommonizeDrawerStore();\n\nopen({\n panelTitle: "Manual Drawer",\n subtitle: "Opened by calling open() directly from CardWrapper",\n body: (\n <Wrapper column gap={12}>\n <Txt text16B color="#1e293b">Drawer Content</Txt>\n <Txt text14R color="#64748b">\n This Drawer was opened by calling useCommonizeDrawerStore().open()\n directly from CardWrapper\'s onClick. You can pass any React.ReactNode as body.\n </Txt>\n </Wrapper>\n ),\n});',title:"CommonizeDrawer",open:l})]})]}),n("section",{id:"card-wrapper",children:[e(v,{id:"card-wrapper-title",title:"CardWrapper",description:"Compare hoverable effects (mouse-following radial glow)."}),n(i,{column:!0,gap:16,children:[n(i,{gap:16,style:{display:"grid",gridTemplateColumns:"1fr 1fr"},children:[e(f,{children:n(i,{column:!0,gap:4,p:8,children:[e(o,{text16B:!0,color:"#1e293b",children:"Default"}),e(o,{text14R:!0,color:"#64748b",children:"hoverable = false"})]})}),e(f,{hoverable:!0,children:n(i,{column:!0,gap:4,p:8,children:[e(o,{text16B:!0,color:"#1e293b",children:"Hoverable"}),e(o,{text14R:!0,color:"#64748b",children:"hoverable = true → hover to see the effect"})]})}),e(f,{padding:24,children:n(i,{column:!0,gap:4,children:[e(o,{text16B:!0,color:"#1e293b",children:"padding=24"}),e(o,{text14R:!0,color:"#64748b",children:"Custom padding"})]})}),e(f,{hoverable:!0,onClick:function(){return alert("CardWrapper clicked!")},children:n(i,{column:!0,gap:4,p:8,children:[e(o,{text16B:!0,color:"#1e293b",children:"Hoverable + onClick"}),e(o,{text14R:!0,color:"#64748b",children:"Clickable hover card"})]})})]}),e(x,{code:'{/* Default */}\n<CardWrapper>\n <Txt text16B>Default</Txt>\n <Txt text14R>hoverable = false</Txt>\n</CardWrapper>\n\n{/* Hoverable */}\n<CardWrapper hoverable>\n <Txt text16B>Hoverable</Txt>\n <Txt text14R>hoverable = true → hover to see the effect</Txt>\n</CardWrapper>\n\n{/* Custom Padding */}\n<CardWrapper padding={24}>\n <Txt text16B>padding=24</Txt>\n <Txt text14R>Custom padding</Txt>\n</CardWrapper>\n\n{/* Hoverable + onClick */}\n<CardWrapper hoverable onClick={() => alert("CardWrapper clicked!")}>\n <Txt text16B>Hoverable + onClick</Txt>\n <Txt text14R>Clickable hover card</Txt>\n</CardWrapper>',title:"CardWrapper",open:l})]})]}),e(i,{h:80})]}),e(g,{})]})}export{T as default};
|
|
2
2
|
//# sourceMappingURL=DocsGuide.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocsGuide.js","sources":["../../../src/guide/DocsGuide.tsx"],"sourcesContent":[null],"names":["navItems","label","icon","_jsx","FaUser","size","target","type","id","key","FaBookOpen","FaCode","FaGraduationCap","FaBriefcase","FaAward","SectionTitle","_a","title","description","_jsxs","Wrapper","column","gap","mb","children","mouseCss","pointer","flex","ac","onClick","window","location","origin","concat","pathname","navigator","clipboard","writeText","history","replaceState","css","Txt","text24B","color","className","style","display","alignItems","FaLink","text14R","ViewCodeCard","code","open","hoverable","padding","panelTitle","subtitle","body","margin","backgroundColor","borderRadius","fontSize","lineHeight","overflowX","whiteSpace","fontFamily","DocsGuide","_b","version","useCommonizeDrawerStore","CommonizeShell","brand","scrollTo","top","behavior","headerRightSlot","text12R","navBottomSlot","
|
|
1
|
+
{"version":3,"file":"DocsGuide.js","sources":["../../../src/guide/DocsGuide.tsx"],"sourcesContent":[null],"names":["navItems","label","icon","_jsx","FaUser","size","target","type","id","key","FaBookOpen","FaCode","FaGraduationCap","FaBriefcase","FaAward","SectionTitle","_a","title","description","_jsxs","Wrapper","column","gap","mb","children","mouseCss","pointer","flex","ac","onClick","window","location","origin","concat","pathname","navigator","clipboard","writeText","history","replaceState","css","Txt","text24B","color","className","style","display","alignItems","FaLink","text14R","ViewCodeCard","code","open","hoverable","padding","panelTitle","subtitle","body","margin","backgroundColor","borderRadius","fontSize","lineHeight","overflowX","whiteSpace","fontFamily","InstallCommand","React","useState","copied","setCopied","cmd","p","round4","setTimeout","userSelect","FaCheck","FaCopy","DocsGuide","_b","version","useCommonizeDrawerStore","CommonizeShell","brand","scrollTo","top","behavior","headerRightSlot","text12R","navBottomSlot","maxWidth","FaNpm","text20B","href","rel","textDecoration","onMouseEnter","e","currentTarget","onMouseLeave","CardWrapper","text16B","CommonCard","subTitle","period","image","alt","linkButton","src","author","value","isMain","authors","journal","year","doi","citation","onClickAsNewTab","onClickAsPopup","onClickAsDrawer","text16R","alert","paddingLeft","gridTemplateColumns","h","CommonizeDrawer"],"mappings":"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"}
|