Initial import

src/components/markdownPreview/samples/MarkdownPreviewCardBaseSample.tsx

@@ -0,0 +1,29 @@
+import type { SampleMeta } from '../../../widgets/core';
+import { MarkdownPreviewCard } from '../MarkdownPreviewCard';
+
+export const sampleMeta: SampleMeta = {
+  id: 'markdown-preview-card-base',
+  componentId: 'markdown-preview-card',
+  title: 'Markdown Preview Card',
+  description: 'markdown 문서를 카드 레이아웃으로 감싸서 렌더링하는 컴포넌트입니다.',
+  category: 'Docs',
+  kind: 'base',
+  variantLabel: 'Base',
+  order: 84,
+  features: ['docs'],
+};
+
+export function Sample() {
+  return (
+    <MarkdownPreviewCard
+      document={{
+        id: 'guide-1',
+        title: '운영 가이드',
+        preview: '입고와 출고 절차 요약',
+        path: '/docs/guides/operations.md',
+        folder: 'guides',
+        content: `# 운영 가이드\n## 입고\n- 입고 검수\n- 적치 확정`,
+      }}
+    />
+  );
+}

src/components/markdownPreview/samples/MarkdownPreviewContentBaseSample.tsx

@@ -0,0 +1,23 @@
+import type { SampleMeta } from '../../../widgets/core';
+import { MarkdownPreviewContent } from '../MarkdownPreviewContent';
+
+export const sampleMeta: SampleMeta = {
+  id: 'markdown-preview-content-base',
+  componentId: 'markdown-preview-content',
+  title: 'Markdown Preview Content',
+  description: '단일 markdown 본문을 렌더링하는 콘텐츠 컴포넌트입니다.',
+  category: 'Docs',
+  kind: 'base',
+  variantLabel: 'Base',
+  order: 83,
+  features: ['docs'],
+};
+
+export function Sample() {
+  return (
+    <MarkdownPreviewContent
+      documentPath="/docs/guides/sample.md"
+      content={`# 운영 가이드\n## 오늘 처리\n- 입고 검수\n- 피킹 확인\n\n\`\`\`ts\nconst ready = true;\n\`\`\``}
+    />
+  );
+}

src/components/markdownPreview/samples/MarkdownPreviewListBaseSample.tsx

@@ -0,0 +1,40 @@
+import type { SampleMeta } from '../../../widgets/core';
+import { MarkdownPreviewList } from '../MarkdownPreviewList';
+
+export const sampleMeta: SampleMeta = {
+  id: 'markdown-preview-list-base',
+  componentId: 'markdown-preview-list',
+  title: 'Markdown Preview List',
+  description: '여러 markdown 문서를 목록 형태로 렌더링하는 컴포넌트입니다.',
+  category: 'Docs',
+  kind: 'base',
+  variantLabel: 'Base',
+  order: 85,
+  features: ['docs'],
+};
+
+export function Sample() {
+  return (
+    <MarkdownPreviewList
+      entries={[]}
+      documents={[
+        {
+          id: 'guide-1',
+          title: '입고 작업 가이드',
+          preview: '입고 절차',
+          path: '/docs/guides/inbound.md',
+          folder: 'guides',
+          content: `# 입고 작업 가이드\n- 검수\n- 적치`,
+        },
+        {
+          id: 'guide-2',
+          title: '출고 작업 가이드',
+          preview: '출고 절차',
+          path: '/docs/guides/outbound.md',
+          folder: 'guides',
+          content: `# 출고 작업 가이드\n- 피킹\n- 패킹`,
+        },
+      ]}
+    />
+  );
+}