@cakejp/design-system 0.3.0

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.
Files changed (131) hide show
  1. package/AGENTS.md +144 -0
  2. package/CHANGELOG.md +115 -0
  3. package/CLAUDE.md +188 -0
  4. package/CLAUDE_PRODUCTION.md +121 -0
  5. package/MIGRATION.md +228 -0
  6. package/README.md +79 -0
  7. package/RELEASE.md +205 -0
  8. package/bin/init.js +134 -0
  9. package/component-registry.json +1146 -0
  10. package/contracts/components.json +730 -0
  11. package/contracts/rules.json +559 -0
  12. package/dist/index.css +1 -0
  13. package/dist/index.js +9344 -0
  14. package/dist/types/components/ec/_mypage-menu-data.d.ts +15 -0
  15. package/dist/types/components/ec/admin-layout.d.ts +31 -0
  16. package/dist/types/components/ec/anniversary-card.d.ts +50 -0
  17. package/dist/types/components/ec/cake-logo.d.ts +22 -0
  18. package/dist/types/components/ec/chart-controls.d.ts +16 -0
  19. package/dist/types/components/ec/countdown-timer.d.ts +24 -0
  20. package/dist/types/components/ec/coupon-card.d.ts +47 -0
  21. package/dist/types/components/ec/delivery-calendar.d.ts +36 -0
  22. package/dist/types/components/ec/order-section.d.ts +29 -0
  23. package/dist/types/components/ec/order-summary.d.ts +36 -0
  24. package/dist/types/components/ec/payment-method.d.ts +41 -0
  25. package/dist/types/components/ec/product-card.d.ts +77 -0
  26. package/dist/types/components/ec/product-carousel.d.ts +56 -0
  27. package/dist/types/components/ec/product-cta.d.ts +35 -0
  28. package/dist/types/components/ec/product-detail-bar.d.ts +62 -0
  29. package/dist/types/components/ec/product-detail-sidebar.d.ts +115 -0
  30. package/dist/types/components/ec/product-list-item.d.ts +90 -0
  31. package/dist/types/components/ec/product-option.d.ts +62 -0
  32. package/dist/types/components/ec/rating-stars.d.ts +30 -0
  33. package/dist/types/components/ec/review-card.d.ts +44 -0
  34. package/dist/types/components/ec/review-form.d.ts +40 -0
  35. package/dist/types/components/ec/review-summary.d.ts +53 -0
  36. package/dist/types/components/ec/shop-card.d.ts +48 -0
  37. package/dist/types/components/ec/stat-card.d.ts +44 -0
  38. package/dist/types/components/foundations/accordion.d.ts +7 -0
  39. package/dist/types/components/foundations/alert-dialog.d.ts +18 -0
  40. package/dist/types/components/foundations/alert.d.ts +42 -0
  41. package/dist/types/components/foundations/aspect-ratio.d.ts +3 -0
  42. package/dist/types/components/foundations/avatar.d.ts +11 -0
  43. package/dist/types/components/foundations/badge.d.ts +9 -0
  44. package/dist/types/components/foundations/breadcrumb.d.ts +11 -0
  45. package/dist/types/components/foundations/button.d.ts +10 -0
  46. package/dist/types/components/foundations/calendar.d.ts +8 -0
  47. package/dist/types/components/foundations/card.d.ts +9 -0
  48. package/dist/types/components/foundations/checkbox-card.d.ts +30 -0
  49. package/dist/types/components/foundations/checkbox-group.d.ts +53 -0
  50. package/dist/types/components/foundations/checkbox.d.ts +4 -0
  51. package/dist/types/components/foundations/collapsible.d.ts +5 -0
  52. package/dist/types/components/foundations/command.d.ts +18 -0
  53. package/dist/types/components/foundations/context-menu.d.ts +25 -0
  54. package/dist/types/components/foundations/data-table.d.ts +104 -0
  55. package/dist/types/components/foundations/dialog.d.ts +17 -0
  56. package/dist/types/components/foundations/drawer.d.ts +13 -0
  57. package/dist/types/components/foundations/dropdown-menu.d.ts +25 -0
  58. package/dist/types/components/foundations/form.d.ts +24 -0
  59. package/dist/types/components/foundations/hover-card.d.ts +6 -0
  60. package/dist/types/components/foundations/input.d.ts +3 -0
  61. package/dist/types/components/foundations/label.d.ts +7 -0
  62. package/dist/types/components/foundations/menubar.d.ts +26 -0
  63. package/dist/types/components/foundations/navigation-menu.d.ts +14 -0
  64. package/dist/types/components/foundations/pagination.d.ts +13 -0
  65. package/dist/types/components/foundations/popover.d.ts +10 -0
  66. package/dist/types/components/foundations/progress.d.ts +4 -0
  67. package/dist/types/components/foundations/radio-group.d.ts +9 -0
  68. package/dist/types/components/foundations/responsive-dialog.d.ts +52 -0
  69. package/dist/types/components/foundations/scroll-area.d.ts +5 -0
  70. package/dist/types/components/foundations/select.d.ts +15 -0
  71. package/dist/types/components/foundations/separator.d.ts +4 -0
  72. package/dist/types/components/foundations/sheet.d.ts +14 -0
  73. package/dist/types/components/foundations/skeleton.d.ts +2 -0
  74. package/dist/types/components/foundations/slider.d.ts +4 -0
  75. package/dist/types/components/foundations/sonner.d.ts +3 -0
  76. package/dist/types/components/foundations/spinner.d.ts +6 -0
  77. package/dist/types/components/foundations/switch.d.ts +13 -0
  78. package/dist/types/components/foundations/table.d.ts +10 -0
  79. package/dist/types/components/foundations/tabs.d.ts +12 -0
  80. package/dist/types/components/foundations/textarea.d.ts +3 -0
  81. package/dist/types/components/foundations/toggle-group.d.ts +23 -0
  82. package/dist/types/components/foundations/toggle.d.ts +9 -0
  83. package/dist/types/components/foundations/tooltip.d.ts +7 -0
  84. package/dist/types/components/pages/cake/_mypage-shell.d.ts +41 -0
  85. package/dist/types/components/primitives/banner-carousel.d.ts +54 -0
  86. package/dist/types/components/primitives/bottom-tab-bar.d.ts +39 -0
  87. package/dist/types/components/primitives/bulk-action-bar.d.ts +32 -0
  88. package/dist/types/components/primitives/category-scroll.d.ts +70 -0
  89. package/dist/types/components/primitives/category-shortcuts.d.ts +44 -0
  90. package/dist/types/components/primitives/chip.d.ts +44 -0
  91. package/dist/types/components/primitives/coach-mark.d.ts +28 -0
  92. package/dist/types/components/primitives/empty-state.d.ts +36 -0
  93. package/dist/types/components/primitives/error-state.d.ts +41 -0
  94. package/dist/types/components/primitives/filter-bar.d.ts +56 -0
  95. package/dist/types/components/primitives/footer.d.ts +81 -0
  96. package/dist/types/components/primitives/form-field.d.ts +46 -0
  97. package/dist/types/components/primitives/header.d.ts +69 -0
  98. package/dist/types/components/primitives/image-carousel.d.ts +52 -0
  99. package/dist/types/components/primitives/image-gallery.d.ts +35 -0
  100. package/dist/types/components/primitives/image-uploader.d.ts +19 -0
  101. package/dist/types/components/primitives/kebab-menu.d.ts +38 -0
  102. package/dist/types/components/primitives/list-item.d.ts +60 -0
  103. package/dist/types/components/primitives/menu-drawer.d.ts +75 -0
  104. package/dist/types/components/primitives/notification-badge.d.ts +30 -0
  105. package/dist/types/components/primitives/notification-list.d.ts +45 -0
  106. package/dist/types/components/primitives/price-display.d.ts +33 -0
  107. package/dist/types/components/primitives/progress-steps.d.ts +27 -0
  108. package/dist/types/components/primitives/quantity-selector.d.ts +50 -0
  109. package/dist/types/components/primitives/search-bar.d.ts +31 -0
  110. package/dist/types/components/primitives/search-panel.d.ts +41 -0
  111. package/dist/types/components/primitives/section-header.d.ts +51 -0
  112. package/dist/types/components/primitives/share-buttons.d.ts +23 -0
  113. package/dist/types/components/primitives/side-nav.d.ts +62 -0
  114. package/dist/types/components/primitives/social-login-button.d.ts +24 -0
  115. package/dist/types/components/primitives/status-count-tabs.d.ts +14 -0
  116. package/dist/types/components/primitives/sticky-action-bar.d.ts +7 -0
  117. package/dist/types/components/primitives/sub-nav.d.ts +34 -0
  118. package/dist/types/components/primitives/tag.d.ts +19 -0
  119. package/dist/types/index.d.ts +109 -0
  120. package/dist/types/lib/utils.d.ts +2 -0
  121. package/package.json +186 -0
  122. package/scripts/codemod/check-migration.mjs +97 -0
  123. package/scripts/codemod/v0.2-to-v0.3.mjs +192 -0
  124. package/src/preset-standalone.css +109 -0
  125. package/src/preset.css +288 -0
  126. package/src/styles/primitive.css +139 -0
  127. package/src/styles/semantic.css +203 -0
  128. package/src/styles/typography.css +129 -0
  129. package/templates/AGENTS.md +56 -0
  130. package/templates/CLAUDE.md +56 -0
  131. package/tokens.json +127 -0
@@ -0,0 +1,1146 @@
1
+ {
2
+ "$schema": "https://cakejp-ds.components.json/v1",
3
+ "version": "0.1.0",
4
+ "description": "Cake.jp Design System — 全コンポーネントのメタデータ。AI がどのコンポーネントを使うべきか判断する際に参照する。",
5
+ "lastUpdated": "2026-05-03",
6
+ "categories": {
7
+ "action": "ユーザー操作を受け付けるコンポーネント",
8
+ "input": "データ入力フォーム系",
9
+ "display": "データ表示系",
10
+ "navigation": "ナビゲーション系",
11
+ "feedback": "フィードバック・通知系",
12
+ "layout": "レイアウト・構造系",
13
+ "commerce": "EC ドメイン固有"
14
+ },
15
+ "components": {
16
+ "foundations": [
17
+ {
18
+ "name": "Button",
19
+ "file": "src/components/foundations/button.tsx",
20
+ "category": "action",
21
+ "description": "汎用ボタン。全 CTA・アクションの基盤",
22
+ "variants": [
23
+ "default",
24
+ "secondary",
25
+ "tertiary",
26
+ "destructive",
27
+ "ghost",
28
+ "link"
29
+ ],
30
+ "sizes": [
31
+ "xs",
32
+ "sm",
33
+ "default",
34
+ "lg",
35
+ "xl"
36
+ ],
37
+ "props": [
38
+ "variant",
39
+ "size",
40
+ "disabled",
41
+ "asChild"
42
+ ],
43
+ "usedBy": [
44
+ "ProductCta",
45
+ "SocialLoginButton",
46
+ "CartItem"
47
+ ],
48
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/button.tsx",
49
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-button--docs"
50
+ },
51
+ {
52
+ "name": "Input",
53
+ "file": "src/components/foundations/input.tsx",
54
+ "category": "input",
55
+ "description": "テキスト入力フィールド",
56
+ "props": [
57
+ "type",
58
+ "placeholder",
59
+ "disabled"
60
+ ],
61
+ "usedBy": [
62
+ "SearchBar",
63
+ "Form"
64
+ ],
65
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/input.tsx",
66
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-input--docs"
67
+ },
68
+ {
69
+ "name": "Textarea",
70
+ "file": "src/components/foundations/textarea.tsx",
71
+ "category": "input",
72
+ "description": "複数行テキスト入力",
73
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/textarea.tsx",
74
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-textarea--docs"
75
+ },
76
+ {
77
+ "name": "Select",
78
+ "file": "src/components/foundations/select.tsx",
79
+ "category": "input",
80
+ "description": "ドロップダウン選択",
81
+ "usedBy": [
82
+ "QuantitySelector",
83
+ "ProductOption"
84
+ ],
85
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/select.tsx",
86
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-select--docs"
87
+ },
88
+ {
89
+ "name": "Checkbox",
90
+ "file": "src/components/foundations/checkbox.tsx",
91
+ "category": "input",
92
+ "description": "チェックボックス",
93
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/checkbox.tsx",
94
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-checkbox--docs"
95
+ },
96
+ {
97
+ "name": "CheckboxCard",
98
+ "file": "src/components/foundations/checkbox-card.tsx",
99
+ "category": "input",
100
+ "description": "カード型チェックボックス。画像+ラベル付きの選択UIに使用。",
101
+ "props": [
102
+ "checked",
103
+ "onCheckedChange",
104
+ "children"
105
+ ],
106
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/checkbox-card.tsx",
107
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-checkbox-card--docs"
108
+ },
109
+ {
110
+ "name": "RadioGroup",
111
+ "file": "src/components/foundations/radio-group.tsx",
112
+ "category": "input",
113
+ "description": "ラジオボタングループ",
114
+ "usedBy": [
115
+ "PaymentMethod"
116
+ ],
117
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/radio-group.tsx",
118
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-radio-group--docs"
119
+ },
120
+ {
121
+ "name": "Switch",
122
+ "file": "src/components/foundations/switch.tsx",
123
+ "category": "input",
124
+ "description": "トグルスイッチ",
125
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/switch.tsx",
126
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-switch--docs"
127
+ },
128
+ {
129
+ "name": "Slider",
130
+ "file": "src/components/foundations/slider.tsx",
131
+ "category": "input",
132
+ "description": "スライダー",
133
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/slider.tsx",
134
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-slider--docs"
135
+ },
136
+ {
137
+ "name": "Label",
138
+ "file": "src/components/foundations/label.tsx",
139
+ "category": "input",
140
+ "description": "フォームラベル",
141
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/label.tsx",
142
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-label--docs"
143
+ },
144
+ {
145
+ "name": "Form",
146
+ "file": "src/components/foundations/form.tsx",
147
+ "category": "input",
148
+ "description": "react-hook-form + zod 統合フォーム",
149
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/form.tsx",
150
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-form--docs"
151
+ },
152
+ {
153
+ "name": "Card",
154
+ "file": "src/components/foundations/card.tsx",
155
+ "category": "display",
156
+ "description": "汎用カードコンテナ",
157
+ "usedBy": [
158
+ "ProductCard",
159
+ "CouponCard",
160
+ "ShopCard"
161
+ ],
162
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/card.tsx",
163
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-card--docs"
164
+ },
165
+ {
166
+ "name": "Badge",
167
+ "file": "src/components/foundations/badge.tsx",
168
+ "category": "display",
169
+ "description": "ステータスバッジ(新着・件数等)。表示のみ",
170
+ "variants": [
171
+ "default",
172
+ "secondary",
173
+ "destructive",
174
+ "outline"
175
+ ],
176
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/badge.tsx",
177
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-badge--docs"
178
+ },
179
+ {
180
+ "name": "Avatar",
181
+ "file": "src/components/foundations/avatar.tsx",
182
+ "category": "display",
183
+ "description": "ユーザーアバター画像",
184
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/avatar.tsx",
185
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-avatar--docs"
186
+ },
187
+ {
188
+ "name": "Table",
189
+ "file": "src/components/foundations/table.tsx",
190
+ "category": "display",
191
+ "description": "データテーブル(簡易版)",
192
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/table.tsx",
193
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-table--docs"
194
+ },
195
+ {
196
+ "name": "DataTable",
197
+ "file": "src/components/foundations/data-table.tsx",
198
+ "category": "display",
199
+ "description": "リッチデータテーブル(チェックボックス選択・ソート・セクション・バルクアクション・行アクションメニュー対応)",
200
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/data-table.tsx",
201
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-data-table--docs"
202
+ },
203
+ {
204
+ "name": "AspectRatio",
205
+ "file": "src/components/foundations/aspect-ratio.tsx",
206
+ "category": "display",
207
+ "description": "固定アスペクト比コンテナ",
208
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/aspect-ratio.tsx",
209
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-aspect-ratio--docs"
210
+ },
211
+ {
212
+ "name": "Separator",
213
+ "file": "src/components/foundations/separator.tsx",
214
+ "category": "display",
215
+ "description": "区切り線",
216
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/separator.tsx",
217
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-separator--docs"
218
+ },
219
+ {
220
+ "name": "Skeleton",
221
+ "file": "src/components/foundations/skeleton.tsx",
222
+ "category": "feedback",
223
+ "description": "ローディングプレースホルダ",
224
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/skeleton.tsx",
225
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-skeleton--docs"
226
+ },
227
+ {
228
+ "name": "Spinner",
229
+ "file": "src/components/foundations/spinner.tsx",
230
+ "category": "feedback",
231
+ "description": "ローディングスピナー(データ取得中の回転インジケーター)",
232
+ "props": [
233
+ "size",
234
+ "className"
235
+ ],
236
+ "sizes": [
237
+ "sm",
238
+ "md",
239
+ "lg"
240
+ ],
241
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/spinner.tsx",
242
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-spinner--docs"
243
+ },
244
+ {
245
+ "name": "Progress",
246
+ "file": "src/components/foundations/progress.tsx",
247
+ "category": "feedback",
248
+ "description": "プログレスバー",
249
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/progress.tsx",
250
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-progress--docs"
251
+ },
252
+ {
253
+ "name": "ScrollArea",
254
+ "file": "src/components/foundations/scroll-area.tsx",
255
+ "category": "layout",
256
+ "description": "カスタムスクロール領域",
257
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/scroll-area.tsx",
258
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-scroll-area--docs"
259
+ },
260
+ {
261
+ "name": "Accordion",
262
+ "file": "src/components/foundations/accordion.tsx",
263
+ "category": "display",
264
+ "description": "アコーディオン(開閉パネル)",
265
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/accordion.tsx",
266
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-accordion--docs"
267
+ },
268
+ {
269
+ "name": "Collapsible",
270
+ "file": "src/components/foundations/collapsible.tsx",
271
+ "category": "display",
272
+ "description": "折りたたみコンテナ",
273
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/collapsible.tsx",
274
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-collapsible--docs"
275
+ },
276
+ {
277
+ "name": "Tabs",
278
+ "file": "src/components/foundations/tabs.tsx",
279
+ "category": "navigation",
280
+ "description": "タブ切り替え",
281
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/tabs.tsx",
282
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-tabs--docs"
283
+ },
284
+ {
285
+ "name": "Breadcrumb",
286
+ "file": "src/components/foundations/breadcrumb.tsx",
287
+ "category": "navigation",
288
+ "description": "パンくずリスト",
289
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/breadcrumb.tsx",
290
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-breadcrumb--docs"
291
+ },
292
+ {
293
+ "name": "Pagination",
294
+ "file": "src/components/foundations/pagination.tsx",
295
+ "category": "navigation",
296
+ "description": "ページネーション",
297
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/pagination.tsx",
298
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-pagination--docs"
299
+ },
300
+ {
301
+ "name": "NavigationMenu",
302
+ "file": "src/components/foundations/navigation-menu.tsx",
303
+ "category": "navigation",
304
+ "description": "ナビゲーションメニュー(PC 向け)",
305
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/navigation-menu.tsx",
306
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-navigation-menu--docs"
307
+ },
308
+ {
309
+ "name": "Command",
310
+ "file": "src/components/foundations/command.tsx",
311
+ "category": "navigation",
312
+ "description": "コマンドパレット(検索 + アクション)",
313
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/command.tsx",
314
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-command--docs"
315
+ },
316
+ {
317
+ "name": "Menubar",
318
+ "file": "src/components/foundations/menubar.tsx",
319
+ "category": "navigation",
320
+ "description": "メニューバー",
321
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/menubar.tsx",
322
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-menubar--docs"
323
+ },
324
+ {
325
+ "name": "Dialog",
326
+ "file": "src/components/foundations/dialog.tsx",
327
+ "category": "feedback",
328
+ "description": "モーダルダイアログ",
329
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/dialog.tsx",
330
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-dialog--docs"
331
+ },
332
+ {
333
+ "name": "AlertDialog",
334
+ "file": "src/components/foundations/alert-dialog.tsx",
335
+ "category": "feedback",
336
+ "description": "確認ダイアログ(削除確認等)",
337
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/alert-dialog.tsx",
338
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-alert-dialog--docs"
339
+ },
340
+ {
341
+ "name": "Alert",
342
+ "file": "src/components/foundations/alert.tsx",
343
+ "category": "feedback",
344
+ "description": "インラインアラート(info / warning / error / success)",
345
+ "variants": [
346
+ "default",
347
+ "info",
348
+ "warning",
349
+ "error",
350
+ "success",
351
+ "accent",
352
+ "muted"
353
+ ],
354
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/alert.tsx",
355
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-alert--docs"
356
+ },
357
+ {
358
+ "name": "Sheet",
359
+ "file": "src/components/foundations/sheet.tsx",
360
+ "category": "feedback",
361
+ "description": "サイドシート(スライドイン)",
362
+ "usedBy": [
363
+ "MenuDrawer"
364
+ ],
365
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/sheet.tsx",
366
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-sheet--docs"
367
+ },
368
+ {
369
+ "name": "Drawer",
370
+ "file": "src/components/foundations/drawer.tsx",
371
+ "category": "feedback",
372
+ "description": "ボトムドロワー(SP 向け)",
373
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/drawer.tsx",
374
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-drawer--docs"
375
+ },
376
+ {
377
+ "name": "Sonner",
378
+ "file": "src/components/foundations/sonner.tsx",
379
+ "category": "feedback",
380
+ "description": "トースト通知",
381
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/sonner.tsx",
382
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-sonner--docs"
383
+ },
384
+ {
385
+ "name": "Tooltip",
386
+ "file": "src/components/foundations/tooltip.tsx",
387
+ "category": "feedback",
388
+ "description": "ツールチップ",
389
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/tooltip.tsx",
390
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-tooltip--docs"
391
+ },
392
+ {
393
+ "name": "Popover",
394
+ "file": "src/components/foundations/popover.tsx",
395
+ "category": "feedback",
396
+ "description": "ポップオーバー",
397
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/popover.tsx",
398
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-popover--docs"
399
+ },
400
+ {
401
+ "name": "HoverCard",
402
+ "file": "src/components/foundations/hover-card.tsx",
403
+ "category": "feedback",
404
+ "description": "ホバーカード",
405
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/hover-card.tsx",
406
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-hover-card--docs"
407
+ },
408
+ {
409
+ "name": "ContextMenu",
410
+ "file": "src/components/foundations/context-menu.tsx",
411
+ "category": "action",
412
+ "description": "右クリックメニュー",
413
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/context-menu.tsx",
414
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-context-menu--docs"
415
+ },
416
+ {
417
+ "name": "DropdownMenu",
418
+ "file": "src/components/foundations/dropdown-menu.tsx",
419
+ "category": "action",
420
+ "description": "ドロップダウンメニュー",
421
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/dropdown-menu.tsx",
422
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-dropdown-menu--docs"
423
+ },
424
+ {
425
+ "name": "Toggle",
426
+ "file": "src/components/foundations/toggle.tsx",
427
+ "category": "action",
428
+ "description": "トグルボタン",
429
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/toggle.tsx",
430
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-toggle--docs"
431
+ },
432
+ {
433
+ "name": "ToggleGroup",
434
+ "file": "src/components/foundations/toggle-group.tsx",
435
+ "category": "action",
436
+ "description": "トグルグループ(チップ選択等)",
437
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/toggle-group.tsx",
438
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-toggle-group--docs"
439
+ },
440
+ {
441
+ "name": "Calendar",
442
+ "file": "src/components/foundations/calendar.tsx",
443
+ "category": "input",
444
+ "description": "カレンダー(react-day-picker)",
445
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/foundations/calendar.tsx",
446
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/ui-calendar--docs"
447
+ }
448
+ ],
449
+ "primitives": [
450
+ {
451
+ "name": "ListItem",
452
+ "file": "src/components/primitives/list-item.tsx",
453
+ "category": "commerce",
454
+ "description": "水平方向の商品カード(注文履歴・お気に入り等)",
455
+ "mapsTo": "本番の注文履歴リスト",
456
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/list-item.tsx",
457
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-list-item--docs"
458
+ },
459
+ {
460
+ "name": "PriceDisplay",
461
+ "file": "src/components/primitives/price-display.tsx",
462
+ "category": "commerce",
463
+ "description": "価格表示(税込・割引対応)",
464
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/price-display.tsx",
465
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-price-display--docs"
466
+ },
467
+ {
468
+ "name": "QuantitySelector",
469
+ "file": "src/components/primitives/quantity-selector.tsx",
470
+ "category": "commerce",
471
+ "description": "数量選択(+/- ボタン)",
472
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/quantity-selector.tsx",
473
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-quantity-selector--docs"
474
+ },
475
+ {
476
+ "name": "ImageGallery",
477
+ "file": "src/components/primitives/image-gallery.tsx",
478
+ "category": "commerce",
479
+ "description": "商品画像ギャラリー(サムネ切り替え)",
480
+ "mapsTo": "本番の商品画像スライダー",
481
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/image-gallery.tsx",
482
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-image-gallery--docs"
483
+ },
484
+ {
485
+ "name": "SearchBar",
486
+ "file": "src/components/primitives/search-bar.tsx",
487
+ "category": "navigation",
488
+ "description": "検索バー",
489
+ "mapsTo": "本番のヘッダー検索",
490
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/search-bar.tsx",
491
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-search-bar--docs"
492
+ },
493
+ {
494
+ "name": "FilterBar",
495
+ "file": "src/components/primitives/filter-bar.tsx",
496
+ "category": "navigation",
497
+ "description": "フィルターバー(カテゴリ絞り込み&並び替え)",
498
+ "mapsTo": "本番 p-search-filter-nav(SP)+ m-sort-pc(PC)",
499
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/filter-bar.tsx",
500
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-filter-bar--docs"
501
+ },
502
+ {
503
+ "name": "StickyActionBar",
504
+ "file": "src/components/primitives/sticky-action-bar.tsx",
505
+ "category": "layout",
506
+ "description": "SP画面下部固定CTAバー(カート追加、購入手続き等)",
507
+ "props": [
508
+ "bordered",
509
+ "children",
510
+ "className"
511
+ ],
512
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/sticky-action-bar.tsx",
513
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-sticky-action-bar--docs"
514
+ },
515
+ {
516
+ "name": "BottomTabBar",
517
+ "file": "src/components/primitives/bottom-tab-bar.tsx",
518
+ "category": "navigation",
519
+ "description": "SP ボトムナビゲーション(5 タブ)",
520
+ "mapsTo": "本番のボトムナビ",
521
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/bottom-tab-bar.tsx",
522
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-bottom-tab-bar--docs"
523
+ },
524
+ {
525
+ "name": "SubNav",
526
+ "file": "src/components/primitives/sub-nav.tsx",
527
+ "category": "navigation",
528
+ "description": "横スクロールナビ(カテゴリ帯)",
529
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/sub-nav.tsx",
530
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-sub-nav--docs"
531
+ },
532
+ {
533
+ "name": "MenuDrawer",
534
+ "file": "src/components/primitives/menu-drawer.tsx",
535
+ "category": "navigation",
536
+ "description": "ハンバーガーメニューの中身",
537
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/menu-drawer.tsx",
538
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-menu-drawer--docs"
539
+ },
540
+ {
541
+ "name": "SectionHeader",
542
+ "file": "src/components/primitives/section-header.tsx",
543
+ "category": "layout",
544
+ "description": "セクション見出し(タイトル + もっと見る)",
545
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/section-header.tsx",
546
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-section-header--docs"
547
+ },
548
+ {
549
+ "name": "Footer",
550
+ "file": "src/components/primitives/footer.tsx",
551
+ "category": "layout",
552
+ "description": "サイトフッター",
553
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/footer.tsx",
554
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-footer--docs"
555
+ },
556
+ {
557
+ "name": "ProgressSteps",
558
+ "file": "src/components/primitives/progress-steps.tsx",
559
+ "category": "feedback",
560
+ "description": "ステップインジケーター(注文フロー)",
561
+ "mapsTo": "本番の注文ステップ",
562
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/progress-steps.tsx",
563
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-progress-steps--docs"
564
+ },
565
+ {
566
+ "name": "EmptyState",
567
+ "file": "src/components/primitives/empty-state.tsx",
568
+ "category": "feedback",
569
+ "description": "空状態表示(検索結果なし等)",
570
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/empty-state.tsx",
571
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-empty-state--docs"
572
+ },
573
+ {
574
+ "name": "ErrorState",
575
+ "file": "src/components/primitives/error-state.tsx",
576
+ "category": "feedback",
577
+ "description": "エラー状態表示(ネットワークエラー、サーバーエラー、タイムアウト、404等)。再試行ボタン付き",
578
+ "props": [
579
+ "icon",
580
+ "title",
581
+ "description",
582
+ "onRetry",
583
+ "retryLabel",
584
+ "action"
585
+ ],
586
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/error-state.tsx",
587
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-error-state--docs"
588
+ },
589
+ {
590
+ "name": "NotificationBadge",
591
+ "file": "src/components/primitives/notification-badge.tsx",
592
+ "category": "feedback",
593
+ "description": "通知バッジ(件数ドット)",
594
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/notification-badge.tsx",
595
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-notification-badge--docs"
596
+ },
597
+ {
598
+ "name": "NotificationList",
599
+ "file": "src/components/primitives/notification-list.tsx",
600
+ "category": "feedback",
601
+ "description": "通知一覧",
602
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/notification-list.tsx",
603
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-notification-list--docs"
604
+ },
605
+ {
606
+ "name": "Chip",
607
+ "file": "src/components/primitives/chip.tsx",
608
+ "category": "action",
609
+ "description": "チップ(フィルター選択・削除可)。Tag と異なりインタラクティブ",
610
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/chip.tsx",
611
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-chip--docs"
612
+ },
613
+ {
614
+ "name": "Tag",
615
+ "file": "src/components/primitives/tag.tsx",
616
+ "category": "display",
617
+ "description": "タグ(冷凍配送・セール等)。表示のみ",
618
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/tag.tsx",
619
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-tag--docs"
620
+ },
621
+ {
622
+ "name": "CoachMark",
623
+ "file": "src/components/primitives/coach-mark.tsx",
624
+ "category": "display",
625
+ "description": "吹き出し",
626
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/coach-mark.tsx",
627
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/primitives-coachmark--docs"
628
+ },
629
+ {
630
+ "name": "ShareButtons",
631
+ "file": "src/components/primitives/share-buttons.tsx",
632
+ "category": "action",
633
+ "description": "SNS シェアボタン群",
634
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/share-buttons.tsx",
635
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-share-buttons--docs"
636
+ },
637
+ {
638
+ "name": "SocialLoginButton",
639
+ "file": "src/components/primitives/social-login-button.tsx",
640
+ "category": "action",
641
+ "description": "ソーシャルログインボタン(LINE・Apple・Google 等)",
642
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/social-login-button.tsx",
643
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-social-login-button--docs"
644
+ },
645
+ {
646
+ "name": "FormField",
647
+ "file": "src/components/primitives/form-field.tsx",
648
+ "category": "input",
649
+ "description": "ラベル + 必須/任意バッジ + 説明文 + 入力要素のセット。管理画面のフォームで使用。",
650
+ "props": [
651
+ "label",
652
+ "required",
653
+ "optional",
654
+ "description",
655
+ "error",
656
+ "htmlFor",
657
+ "children"
658
+ ],
659
+ "mapsTo": "本番の c-form-header パターン",
660
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/form-field.tsx",
661
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-form-field--docs"
662
+ },
663
+ {
664
+ "name": "SearchPanel",
665
+ "file": "src/components/primitives/search-panel.tsx",
666
+ "category": "input",
667
+ "description": "管理画面の一覧ページ上部に表示する検索フィルターパネル。",
668
+ "props": [
669
+ "children",
670
+ "onSearch",
671
+ "onReset",
672
+ "columns"
673
+ ],
674
+ "mapsTo": "本番の p-search-panel パターン",
675
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/search-panel.tsx",
676
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-search-panel--docs"
677
+ },
678
+ {
679
+ "name": "BulkActionBar",
680
+ "file": "src/components/primitives/bulk-action-bar.tsx",
681
+ "category": "feedback",
682
+ "description": "テーブルのチェックボックス選択時に表示する一括操作バー。薄オレンジ背景に選択件数と操作UIを配置。",
683
+ "props": [
684
+ "selectedCount",
685
+ "children",
686
+ "className"
687
+ ],
688
+ "variants": [],
689
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/bulk-action-bar.tsx",
690
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-bulk-action-bar--docs"
691
+ },
692
+ {
693
+ "name": "StatusCountTabs",
694
+ "file": "src/components/primitives/status-count-tabs.tsx",
695
+ "category": "navigation",
696
+ "description": "ステータス別の件数をタブ形式で表示するフィルターUI。",
697
+ "props": [
698
+ "items",
699
+ "activeIndex",
700
+ "onSelect"
701
+ ],
702
+ "mapsTo": "本番の c-count-list パターン",
703
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/status-count-tabs.tsx",
704
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-status-count-tabs--docs"
705
+ },
706
+ {
707
+ "name": "KebabMenu",
708
+ "file": "src/components/primitives/kebab-menu.tsx",
709
+ "category": "action",
710
+ "description": "テーブル行末等に表示する「…」メニュー。DropdownMenuを内部で利用。",
711
+ "props": [
712
+ "items"
713
+ ],
714
+ "mapsTo": "本番の p-kebab-overlay パターン",
715
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/kebab-menu.tsx",
716
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-kebab-menu--docs"
717
+ },
718
+ {
719
+ "name": "ImageUploader",
720
+ "file": "src/components/primitives/image-uploader.tsx",
721
+ "category": "input",
722
+ "description": "複数画像のアップロード・並び替え・削除UI。商品画像管理で使用。",
723
+ "props": [
724
+ "images",
725
+ "onAdd",
726
+ "onRemove",
727
+ "maxImages",
728
+ "columns"
729
+ ],
730
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/image-uploader.tsx",
731
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-image-uploader--docs"
732
+ },
733
+ {
734
+ "name": "BannerCarousel",
735
+ "file": "src/components/primitives/banner-carousel.tsx",
736
+ "category": "commerce",
737
+ "description": "ヒーローバナーのカルーセル。トップページのメインビジュアルに使用。",
738
+ "props": [
739
+ "items",
740
+ "autoPlay",
741
+ "interval"
742
+ ],
743
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/banner-carousel.tsx",
744
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-banner-carousel--docs"
745
+ },
746
+ {
747
+ "name": "CategoryScroll",
748
+ "file": "src/components/primitives/category-scroll.tsx",
749
+ "category": "navigation",
750
+ "description": "カテゴリアイコンの横スクロールリスト。トップページのカテゴリナビに使用。",
751
+ "props": [
752
+ "categories"
753
+ ],
754
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/category-scroll.tsx",
755
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-category-scroll--docs"
756
+ },
757
+ {
758
+ "name": "ImageCarousel",
759
+ "file": "src/components/primitives/image-carousel.tsx",
760
+ "category": "display",
761
+ "description": "画像カルーセル。商品画像のスワイプ表示に使用。",
762
+ "props": [
763
+ "images",
764
+ "aspectRatio"
765
+ ],
766
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/image-carousel.tsx",
767
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-image-carousel--docs"
768
+ },
769
+ {
770
+ "name": "SideNav",
771
+ "file": "src/components/primitives/side-nav.tsx",
772
+ "category": "navigation",
773
+ "description": "縦型サイドナビゲーション。マイページ・管理画面・ダッシュボード等で利用",
774
+ "props": [
775
+ "groups",
776
+ "activeMenu",
777
+ "ariaLabel"
778
+ ],
779
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/side-nav.tsx",
780
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/primitives-sidenav--docs"
781
+ },
782
+ {
783
+ "name": "Header",
784
+ "file": "src/components/primitives/header.tsx",
785
+ "category": "layout",
786
+ "description": "ページヘッダー(戻る・タイトル・アクション・bottomSlot)",
787
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/header.tsx",
788
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-header--docs"
789
+ }
790
+ ],
791
+ "ec": [
792
+ {
793
+ "name": "ProductCard",
794
+ "file": "src/components/ec/product-card.tsx",
795
+ "category": "commerce",
796
+ "description": "商品カード。一覧表示の主要コンポーネント",
797
+ "variants": [
798
+ "vertical(グリッド)",
799
+ "horizontal(リスト)"
800
+ ],
801
+ "props": [
802
+ "name",
803
+ "price",
804
+ "originalPrice",
805
+ "imageSrc",
806
+ "rating",
807
+ "reviewCount",
808
+ "ranking",
809
+ "tags",
810
+ "variant"
811
+ ],
812
+ "mapsTo": "本番の商品一覧グリッド / リスト",
813
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-card.tsx",
814
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-card--docs"
815
+ },
816
+ {
817
+ "name": "CartItem",
818
+ "file": "src/components/ec/cart-item.tsx",
819
+ "category": "commerce",
820
+ "description": "カート内の商品行(ListItem variant=\"cart\" のラッパー)",
821
+ "mapsTo": "本番のカートページ",
822
+ "extends": "ListItem",
823
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/cart-item.tsx",
824
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-cart-item--docs"
825
+ },
826
+ {
827
+ "name": "ProductCta",
828
+ "file": "src/components/ec/product-cta.tsx",
829
+ "category": "commerce",
830
+ "description": "商品詳細の購入 CTA ボタン群",
831
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-cta.tsx",
832
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-cta--docs"
833
+ },
834
+ {
835
+ "name": "ProductOption",
836
+ "file": "src/components/ec/product-option.tsx",
837
+ "category": "commerce",
838
+ "description": "商品オプション選択(サイズ・味等)",
839
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-option.tsx",
840
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-option--docs"
841
+ },
842
+ {
843
+ "name": "AnniversaryCard",
844
+ "file": "src/components/ec/anniversary-card.tsx",
845
+ "category": "commerce",
846
+ "description": "記念日カード(マイページ記念日一覧)",
847
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/anniversary-card.tsx",
848
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-anniversary-card--docs"
849
+ },
850
+ {
851
+ "name": "CouponCard",
852
+ "file": "src/components/ec/coupon-card.tsx",
853
+ "category": "commerce",
854
+ "description": "クーポンカード",
855
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/coupon-card.tsx",
856
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-coupon-card--docs"
857
+ },
858
+ {
859
+ "name": "OrderSummary",
860
+ "file": "src/components/ec/order-summary.tsx",
861
+ "category": "commerce",
862
+ "description": "注文サマリー(小計・送料・合計)",
863
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/order-summary.tsx",
864
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-order-summary--docs"
865
+ },
866
+ {
867
+ "name": "OrderSection",
868
+ "file": "src/components/ec/order-section.tsx",
869
+ "category": "commerce",
870
+ "description": "注文セクション(配送先・支払い等)",
871
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/order-section.tsx",
872
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-order-section--docs"
873
+ },
874
+ {
875
+ "name": "PaymentMethod",
876
+ "file": "src/components/ec/payment-method.tsx",
877
+ "category": "commerce",
878
+ "description": "支払い方法選択",
879
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/payment-method.tsx",
880
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-payment-method--docs"
881
+ },
882
+ {
883
+ "name": "DeliveryCalendar",
884
+ "file": "src/components/ec/delivery-calendar.tsx",
885
+ "category": "commerce",
886
+ "description": "お届け日カレンダー",
887
+ "mapsTo": "本番のお届け日選択",
888
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/delivery-calendar.tsx",
889
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-delivery-calendar--docs"
890
+ },
891
+ {
892
+ "name": "ShopCard",
893
+ "file": "src/components/ec/shop-card.tsx",
894
+ "category": "commerce",
895
+ "description": "ショップカード",
896
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/shop-card.tsx",
897
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-shop-card--docs"
898
+ },
899
+ {
900
+ "name": "RatingStars",
901
+ "file": "src/components/ec/rating-stars.tsx",
902
+ "category": "commerce",
903
+ "description": "星評価表示",
904
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/rating-stars.tsx",
905
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-rating-stars--docs"
906
+ },
907
+ {
908
+ "name": "ReviewSummary",
909
+ "file": "src/components/ec/review-summary.tsx",
910
+ "category": "commerce",
911
+ "description": "レビューサマリー",
912
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/review-summary.tsx",
913
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-review-summary--docs"
914
+ },
915
+ {
916
+ "name": "Header",
917
+ "file": "src/components/primitives/header.tsx",
918
+ "category": "layout",
919
+ "description": "ページヘッダー(戻る・タイトル・アクション・bottomSlot)",
920
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/primitives/header.tsx",
921
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-header--docs"
922
+ },
923
+ {
924
+ "name": "ProductDetailBar",
925
+ "file": "src/components/ec/product-detail-bar.tsx",
926
+ "category": "navigation",
927
+ "description": "商品詳細スティッキーバー(PC: タブナビ + 商品概要 + CTA)。Header の bottomSlot に配置する",
928
+ "mapsTo": "本番 p-item-detail-header(追従ヘッダー)",
929
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-detail-bar.tsx",
930
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-detail-bar--docs"
931
+ },
932
+ {
933
+ "name": "CountdownTimer",
934
+ "file": "src/components/ec/countdown-timer.tsx",
935
+ "category": "feedback",
936
+ "description": "カウントダウンタイマー(セール等)",
937
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/countdown-timer.tsx",
938
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-countdown-timer--docs"
939
+ },
940
+ {
941
+ "name": "ReviewCard",
942
+ "file": "src/components/ec/review-card.tsx",
943
+ "category": "commerce",
944
+ "description": "個別レビュー表示カード(星評価・本文・画像・いいね)",
945
+ "variants": [
946
+ "list",
947
+ "card",
948
+ "pc"
949
+ ],
950
+ "props": [
951
+ "rating",
952
+ "date",
953
+ "text",
954
+ "imageUrl",
955
+ "productName",
956
+ "helpfulCount",
957
+ "isLiked",
958
+ "onLikeClick"
959
+ ],
960
+ "mapsTo": "本番のレビュー一覧",
961
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/review-card.tsx",
962
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-review-card--docs"
963
+ },
964
+ {
965
+ "name": "CakeLogo",
966
+ "file": "src/components/ec/cake-logo.tsx",
967
+ "category": "display",
968
+ "description": "Cake.jp ロゴ",
969
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/cake-logo.tsx",
970
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-cake-logo--docs"
971
+ },
972
+ {
973
+ "name": "AdminLayout",
974
+ "category": "layout",
975
+ "description": "管理画面の共通レイアウト(Header + SideNav + Main Content)。本番の shop_layout.ctp を再現。",
976
+ "props": [
977
+ "children",
978
+ "activeNav",
979
+ "title",
980
+ "breadcrumbs",
981
+ "shopName"
982
+ ],
983
+ "usage": "Admin系ページストーリーのラッパーとして使用",
984
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/admin-layout.tsx",
985
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-admin-layout--docs",
986
+ "file": "src/components/ec/admin-layout.tsx"
987
+ },
988
+ {
989
+ "name": "MissingComponent",
990
+ "category": "feedback",
991
+ "description": "DSに未実装のコンポーネントを赤い破線枠で囲み、名前ラベルを表示するラッパー。",
992
+ "props": [
993
+ "name",
994
+ "children",
995
+ "className"
996
+ ],
997
+ "usage": "管理画面ストーリーで、DSに存在しないUIパーツの識別に使用",
998
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/admin-layout.tsx",
999
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-missing-component--docs",
1000
+ "file": "src/components/ec/admin-layout.tsx"
1001
+ },
1002
+ {
1003
+ "name": "StatCard",
1004
+ "file": "src/components/ec/stat-card.tsx",
1005
+ "category": "display",
1006
+ "description": "ダッシュボードのKPI表示用カード。アイコン + ラベル + 数値 + 前期比。",
1007
+ "props": [
1008
+ "label",
1009
+ "value",
1010
+ "icon",
1011
+ "iconBgClass",
1012
+ "trend"
1013
+ ],
1014
+ "usage": "ダッシュボードやレポートページで3〜4カラムグリッドで並べる",
1015
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/stat-card.tsx",
1016
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-stat-card--docs"
1017
+ },
1018
+ {
1019
+ "name": "InformationList",
1020
+ "file": "src/components/ec/information-list.tsx",
1021
+ "category": "display",
1022
+ "description": "日付 + NEW バッジ + タイトルの一覧表示。ダッシュボードのお知らせセクションで使用。",
1023
+ "props": [
1024
+ "items"
1025
+ ],
1026
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/information-list.tsx",
1027
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-information-list--docs"
1028
+ },
1029
+ {
1030
+ "name": "AdminLayout",
1031
+ "file": "src/components/ec/admin-layout.tsx",
1032
+ "category": "layout",
1033
+ "description": "管理画面の共通レイアウト。サイドバー + ヘッダー + コンテンツ。breadcrumbs対応。",
1034
+ "props": [
1035
+ "activeNav",
1036
+ "breadcrumbs",
1037
+ "children"
1038
+ ],
1039
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/admin-layout.tsx",
1040
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-admin-layout--docs"
1041
+ },
1042
+ {
1043
+ "name": "ProductCarousel",
1044
+ "file": "src/components/ec/product-carousel.tsx",
1045
+ "category": "commerce",
1046
+ "description": "商品カードの横スクロールカルーセル。ランキング・おすすめ表示に使用。",
1047
+ "props": [
1048
+ "products",
1049
+ "title"
1050
+ ],
1051
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-carousel.tsx",
1052
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-carousel--docs"
1053
+ },
1054
+ {
1055
+ "name": "ProductDetailSidebar",
1056
+ "file": "src/components/ec/product-detail-sidebar.tsx",
1057
+ "category": "commerce",
1058
+ "description": "商品詳細ページのPC版サイドバー。価格・オプション・カートボタンを固定表示。",
1059
+ "props": [
1060
+ "product",
1061
+ "onAddToCart"
1062
+ ],
1063
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/product-detail-sidebar.tsx",
1064
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-product-detail-sidebar--docs"
1065
+ },
1066
+ {
1067
+ "name": "ReviewForm",
1068
+ "file": "src/components/ec/review-form.tsx",
1069
+ "category": "input",
1070
+ "description": "口コミ投稿フォーム。星評価 + テキスト + 画像アップロード。",
1071
+ "props": [
1072
+ "onSubmit",
1073
+ "productName"
1074
+ ],
1075
+ "githubUrl": "https://github.com/flashpark/cake-design-system/blob/main/src/components/ec/review-form.tsx",
1076
+ "storybookUrl": "https://flashpark.github.io/cake-design-system/?path=/docs/cake-review-form--docs"
1077
+ }
1078
+ ]
1079
+ },
1080
+ "pages": [
1081
+ {
1082
+ "name": "トップページ",
1083
+ "file": "src/components/pages/top.stories.tsx"
1084
+ },
1085
+ {
1086
+ "name": "商品一覧",
1087
+ "file": "src/components/pages/product-list.stories.tsx"
1088
+ },
1089
+ {
1090
+ "name": "商品詳細",
1091
+ "file": "src/components/pages/product-detail.stories.tsx"
1092
+ },
1093
+ {
1094
+ "name": "検索",
1095
+ "file": "src/components/pages/search.stories.tsx"
1096
+ },
1097
+ {
1098
+ "name": "カート",
1099
+ "file": "src/components/pages/cart.stories.tsx"
1100
+ },
1101
+ {
1102
+ "name": "チェックアウト",
1103
+ "file": "src/components/pages/checkout.stories.tsx"
1104
+ },
1105
+ {
1106
+ "name": "お気に入り",
1107
+ "file": "src/components/pages/favorites.stories.tsx"
1108
+ },
1109
+ {
1110
+ "name": "ショップ",
1111
+ "file": "src/components/pages/shop.stories.tsx"
1112
+ },
1113
+ {
1114
+ "name": "管理画面/ログイン",
1115
+ "file": "src/components/pages/admin-login.stories.tsx"
1116
+ },
1117
+ {
1118
+ "name": "管理画面/ダッシュボード",
1119
+ "file": "src/components/pages/admin-dashboard.stories.tsx"
1120
+ },
1121
+ {
1122
+ "name": "管理画面/注文一覧",
1123
+ "file": "src/components/pages/admin-order-list.stories.tsx"
1124
+ },
1125
+ {
1126
+ "name": "管理画面/注文詳細",
1127
+ "file": "src/components/pages/admin-order-detail.stories.tsx"
1128
+ },
1129
+ {
1130
+ "name": "管理画面/商品一覧",
1131
+ "file": "src/components/pages/admin-product-list.stories.tsx"
1132
+ },
1133
+ {
1134
+ "name": "管理画面/商品編集",
1135
+ "file": "src/components/pages/admin-product-edit.stories.tsx"
1136
+ },
1137
+ {
1138
+ "name": "管理画面/顧客一覧",
1139
+ "file": "src/components/pages/admin-customer-list.stories.tsx"
1140
+ },
1141
+ {
1142
+ "name": "管理画面/設定・その他",
1143
+ "file": "src/components/pages/admin-settings.stories.tsx"
1144
+ }
1145
+ ]
1146
+ }