feat: uiのStepsとTimelineをProcessパターンへ移し、02・03を公開する

apps/site/src/config/patterns.ts

@@ -583,6 +583,53 @@ const patterns = {
       },
     ],
   },
+  process: {
+    label: 'Process',
+    description: {
+      ja: '利用開始やサービス提供の手順を伝えるセクション。',
+      en: 'Sections explaining the steps to get started or use a service.',
+    },
+    items: [
+      {
+        id: 'process01',
+        draft: true,
+        title: '01 - はじめるまでの3ステップ',
+        description: {
+          ja: '番号付きのカードを矢印でつないで縦に並べ、利用開始までの手順を順番に伝えるセクションです。最後に登録ボタンを置いています。',
+          en: 'A section that stacks numbered cards connected by arrows to explain the steps to get started, ending with a sign-up button.',
+        },
+        titleEn: '01 - Three steps to get started',
+      },
+      {
+        id: 'process02',
+        title: '02 - ご相談から公開までのステップ',
+        description: {
+          ja: 'ステップ番号のバッジと見出しで、依頼から公開までの手順を順に伝えるセクションです。',
+          en: 'A section that walks through the steps from inquiry to launch with numbered step badges and headings.',
+        },
+        titleEn: '02 - Steps from consultation to launch',
+      },
+      {
+        id: 'process03',
+        title: '03 - 滞在の流れを時刻で追うタイムライン',
+        description: {
+          ja: '時刻・見出し・説明を縦のラインでつなぎ、宿泊当日の流れを伝えるタイムラインです。breakpoint「md」以上では見出しとタイムラインが横に並びます。',
+          en: 'A timeline that connects times, headings and descriptions with a vertical line to show the flow of a stay. From the "md" breakpoint up, the heading and timeline sit side by side.',
+        },
+        titleEn: '03 - Timeline of a stay by time of day',
+      },
+      {
+        id: 'process04',
+        draft: true,
+        title: '04 - 導入スケジュールを示す横並びのタイムライン',
+        description: {
+          ja: '導入から定着までの期間を横並びのタイムラインで示すセクションです。幅が足りない場合は横にスクロールします。',
+          en: 'A section that shows the period from setup to everyday use as a horizontal timeline. It scrolls horizontally when there is not enough width.',
+        },
+        titleEn: '04 - Horizontal timeline for an onboarding schedule',
+      },
+    ],
+  },
   cta: {
     label: 'CTA',
     description: {
@@ -627,34 +674,6 @@ const patterns = {
       },
     ],
   },
-  process: {
-    label: 'Process',
-    description: {
-      ja: '利用開始やサービス提供の手順を伝えるセクション。',
-      en: 'Sections explaining the steps to get started or use a service.',
-    },
-    items: [
-      {
-        id: 'process01',
-        draft: true,
-        title: '01 - はじめるまでの3ステップ',
-        description: {
-          ja: '番号と罫線を使って、利用開始までの手順を順番に伝えるセクションです。',
-          en: 'A section explaining the steps to get started with numbers and dividing lines.',
-        },
-        titleEn: '01 - Three steps to get started',
-      },
-      {
-        id: 'process02',
-        draft: true,
-        title: 'Process02',
-        description: {
-          ja: '番号付きのカードを縦に並べた、手順紹介用のパターンです。',
-          en: 'A process pattern with numbered cards arranged vertically.',
-        },
-      },
-    ],
-  },
   stats: {
     label: 'Stats',
     description: {
@@ -728,8 +747,8 @@ export const categoryIds: PatternCategoryId[] = [
   'testimonials',
   'faq',
   'posts',
-  'cta',
   'process',
+  'cta',
   'stats',
   'logos',
   'footer',

apps/site/src/config/redirects.ts

@@ -100,13 +100,18 @@ export const astroRedirects: AstroRedirects = {
   '/ui/examples/card/': '/ui/components/card/',
   '/ui/examples/dividerlabel/': '/ui/components/dividerlabel/',
   '/ui/examples/reel/': '/ui/components/reel/',
-  '/ui/examples/steps/': '/ui/components/steps/',
   '/en/ui/examples/banner/': '/en/ui/components/banner/',
   '/en/ui/examples/breadcrumb/': '/en/ui/components/breadcrumb/',
   '/en/ui/examples/card/': '/en/ui/components/card/',
   '/en/ui/examples/dividerlabel/': '/en/ui/components/dividerlabel/',
   '/en/ui/examples/reel/': '/en/ui/components/reel/',
-  '/en/ui/examples/steps/': '/en/ui/components/steps/',
+  // Steps は MDX を削除し、Timeline は MDX を draft 化して本番非公開にしたため、作例のある patterns へ誘導する。ui/examples/*からの連鎖も避ける
+  '/ui/components/steps/': '/patterns/process/',
+  '/ui/examples/steps/': '/patterns/process/',
+  '/ui/block-examples/timeline/': '/patterns/process/',
+  '/en/ui/components/steps/': '/en/patterns/process/',
+  '/en/ui/examples/steps/': '/en/patterns/process/',
+  '/en/ui/block-examples/timeline/': '/en/patterns/process/',
   // FAQ/Hero は patterns のカテゴリページへ直接リダイレクトし、ui/examples/*からの連鎖を避ける（#566）
   '/ui/components/faq/': '/patterns/faq/',
   // Hero は MDX を draft 化して本番非公開にしたため、作例のある patterns へ誘導する

apps/site/src/content/en/ui/block-examples/Timeline.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Timeline'
 description: 'An example of a timeline UI (b--timeline) built with Lism CSS.'
+draft: true
 ---
 
 import { CheckIcon } from '@lism-css/icons/astro';

apps/site/src/content/ja/ui/block-examples/Timeline.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Timeline'
 description: 'Lism CSS で実装するタイムラインUI（b--timeline）の実装例です。'
+draft: true
 ---
 
 import { CheckIcon } from '@lism-css/icons/astro';