@lism-css/mcp 0.1.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.
@@ -0,0 +1,646 @@
1
+ [
2
+ {
3
+ "sourcePath": "overview.mdx",
4
+ "title": "概要",
5
+ "description": "Lism CSS の概要と特徴について解説します。",
6
+ "category": "guide",
7
+ "headings": [
8
+ "React/Astro で使える Lism コンポーネント",
9
+ "Lism CSS の特徴",
10
+ "ゼロビルドでどんな環境でも使えるフレームワーク",
11
+ "reset.css レベルからサイト全体のレイヤー階層を設計",
12
+ "レイアウトファースト",
13
+ "CSS変数を組み合わたレスポンシブなユーティリティ設計",
14
+ "メディアクエリに依存しないレイアウト設計",
15
+ "Inspirations"
16
+ ],
17
+ "keywords": ["overview", "概要", "特徴", "レイアウトファースト", "ゼロビルド", "コンテナクエリ", "Every Layout", "framework"],
18
+ "snippet": "Lism CSS は、WEBサイトの骨組みをテンポ良くサクっと作るための軽量なCSSフレームワークです。レイアウトファーストなモジュール設計とCSS変数を組み合わせたレスポンシブなユーティリティ設計が特徴です。"
19
+ },
20
+ {
21
+ "sourcePath": "installation.mdx",
22
+ "title": "インストール",
23
+ "description": "Lism CSS のインストール方法と基本的な使い方を解説します。",
24
+ "category": "guide",
25
+ "headings": [
26
+ "CSS設計のみを導入したい場合",
27
+ "専用のコンポーネントを使用したい場合",
28
+ "パッケージのインストール",
29
+ "CSSの読み込み",
30
+ "コンポーネントの読み込み"
31
+ ],
32
+ "keywords": ["install", "インストール", "CDN", "npm", "setup", "セットアップ", "導入"],
33
+ "snippet": "CSSを読み込むだけでも導入でき、CDN経由でも利用可能。npm パッケージとしてインストールし、lism-css/react や lism-css/astro からコンポーネントをインポートして使用。"
34
+ },
35
+ {
36
+ "sourcePath": "css-methodology.mdx",
37
+ "title": "CSS設計",
38
+ "description": "Lism CSS の CSS 設計思想と命名規則について解説します。",
39
+ "category": "guide",
40
+ "headings": [
41
+ "Lism CSSの階層構造",
42
+ "Modules レイヤーでのさらなる階層構造",
43
+ "デザイントークン",
44
+ "CSSのクラス設計",
45
+ "Module Class",
46
+ "Utility Class",
47
+ "Prop Class",
48
+ "レスポンシブ対応の Prop Class",
49
+ "命名規則について",
50
+ "CSS変数の命名規則",
51
+ "クラスの命名規則",
52
+ "単語の省略について"
53
+ ],
54
+ "keywords": [
55
+ "CSS設計",
56
+ "methodology",
57
+ "レイヤー",
58
+ "layer",
59
+ "命名規則",
60
+ "naming",
61
+ "BEM",
62
+ "Prop Class",
63
+ "Module Class",
64
+ "Utility Class",
65
+ "省略",
66
+ "Emmet"
67
+ ],
68
+ "snippet": "CSSの階層構造を明確に定義。@layer lism.reset → lism.base → lism.modules → lism.utility の順。Module Class (.l--name, .a--name 等)、Prop Class (.-prop:value) の命名規則を説明。"
69
+ },
70
+ {
71
+ "sourcePath": "tokens.mdx",
72
+ "title": "トークン",
73
+ "description": "Lism CSS のデザイントークン一覧と使い方。",
74
+ "category": "guide",
75
+ "headings": ["トークン一覧", "カラー", "スペーシング", "フォントサイズ", "シャドウ", "角丸"],
76
+ "keywords": ["token", "トークン", "design token", "カラー", "スペーシング", "spacing", "color", "font-size", "shadow", "radius"],
77
+ "snippet": "タイポグラフィ、余白、カラー、シャドウなどの主要なプロパティに対してデザイントークンを定義。CSS変数で管理し、一貫性のあるデザインを実現。"
78
+ },
79
+ {
80
+ "sourcePath": "prop-class.mdx",
81
+ "title": "Prop Class",
82
+ "description": "Lism CSS の Prop Class (CSSプロパティに対応するユーティリティクラス) の一覧。",
83
+ "category": "props",
84
+ "headings": [],
85
+ "keywords": ["prop class", "utility", "ユーティリティ", "クラス", "CSS property"],
86
+ "snippet": "単一のCSSプロパティに対応するユーティリティクラス。.-{prop}:{value} の形式。レスポンシブ対応の .-{prop}_{bp} 形式もサポート。"
87
+ },
88
+ {
89
+ "sourcePath": "responsive.mdx",
90
+ "title": "レスポンシブ",
91
+ "description": "Lism CSS のレスポンシブ対応について解説します。",
92
+ "category": "guide",
93
+ "headings": [],
94
+ "keywords": ["responsive", "レスポンシブ", "ブレークポイント", "breakpoint", "コンテナクエリ", "container query", "sm", "md"],
95
+ "snippet": "CSS変数とクラスを組み合わせたレスポンシブ対応。コンテナクエリをデフォルトで採用。p={[20, 30, 40]} のような配列記法で sm, md ブレークポイントの値を指定。"
96
+ },
97
+ {
98
+ "sourcePath": "typography.mdx",
99
+ "title": "タイポグラフィ",
100
+ "description": "Lism CSS のタイポグラフィ設計について解説します。",
101
+ "category": "guide",
102
+ "headings": [],
103
+ "keywords": ["typography", "タイポグラフィ", "font", "文字", "テキスト", "heading"],
104
+ "snippet": "フォントサイズ、行間、文字間隔などのタイポグラフィ設計について解説。"
105
+ },
106
+ {
107
+ "sourcePath": "reset-css.mdx",
108
+ "title": "リセットCSS",
109
+ "description": "Lism CSS に含まれるリセットCSS について。",
110
+ "category": "guide",
111
+ "headings": [],
112
+ "keywords": ["reset", "リセット", "normalize", "reset css"],
113
+ "snippet": "Lism CSS に組み込まれたリセットCSS。reset.css レベルからサイト全体のCSS設計を担う。"
114
+ },
115
+ {
116
+ "sourcePath": "customize.mdx",
117
+ "title": "カスタマイズ",
118
+ "description": "Lism CSS のカスタマイズ方法。",
119
+ "category": "guide",
120
+ "headings": [],
121
+ "keywords": ["customize", "カスタマイズ", "設定", "config", "テーマ", "theme"],
122
+ "snippet": "Lism CSS のトークンやスタイルのカスタマイズ方法について解説。"
123
+ },
124
+ {
125
+ "sourcePath": "utility-class.mdx",
126
+ "title": "ユーティリティクラス",
127
+ "description": "Lism CSS のユーティリティクラス一覧。",
128
+ "category": "guide",
129
+ "headings": [],
130
+ "keywords": ["utility", "ユーティリティ", "class", "クラス"],
131
+ "snippet": "用途が明確な装飾・機能をまとめてセットするユーティリティクラス (.u-{style}) の一覧。"
132
+ },
133
+ {
134
+ "sourcePath": "set-utility.mdx",
135
+ "title": "Set Utility",
136
+ "description": "Lism CSS の Base Utility (.set-{style}) クラスについて。",
137
+ "category": "guide",
138
+ "headings": [],
139
+ "keywords": ["set", "utility", "set-plain", "set-transition", "set-hov", "set-snap", "set-mask"],
140
+ "snippet": "ベーススタイルの上書きや機能的なプロパティを初期セットするためのユーティリティクラス (.set-{style})。"
141
+ },
142
+ {
143
+ "sourcePath": "module-class.mdx",
144
+ "title": "モジュールクラス",
145
+ "description": "Lism CSS のモジュールクラスの解説。",
146
+ "category": "guide",
147
+ "headings": [],
148
+ "keywords": ["module", "モジュール", "layout", "レイアウト", "class", "BEM"],
149
+ "snippet": "レイアウトの構成要素を細分化してモジュールとして定義。.l--{name}, .a--{name}, .c--{name} 等の命名規則。"
150
+ },
151
+ {
152
+ "sourcePath": "html-base-styles.mdx",
153
+ "title": "HTMLベーススタイル",
154
+ "description": "Lism CSS が適用するHTML要素のベーススタイルについて。",
155
+ "category": "guide",
156
+ "headings": [],
157
+ "keywords": ["html", "base", "ベース", "スタイル", "要素"],
158
+ "snippet": "Lism CSS がHTML要素に対して適用するベーススタイルについて解説。"
159
+ },
160
+ {
161
+ "sourcePath": "changelog.mdx",
162
+ "title": "変更履歴",
163
+ "description": "Lism CSS の変更履歴。",
164
+ "category": "guide",
165
+ "headings": [],
166
+ "keywords": ["changelog", "変更履歴", "更新", "バージョン"],
167
+ "snippet": "Lism CSS の各バージョンにおける変更内容を記載。"
168
+ },
169
+ {
170
+ "sourcePath": "props/bd.mdx",
171
+ "title": "ボーダー (bd)",
172
+ "description": "ボーダー関連の Prop の解説。",
173
+ "category": "props",
174
+ "headings": [],
175
+ "keywords": ["border", "ボーダー", "bd", "bdc", "bdw", "bds", "bdrs", "枠線"],
176
+ "snippet": "ボーダー関連のProp。bd, bdc, bdw, bds, bdrs を使ったボーダースタイルの設定方法。"
177
+ },
178
+ {
179
+ "sourcePath": "props/hov.mdx",
180
+ "title": "ホバー (hov)",
181
+ "description": "ホバー関連の Prop の解説。",
182
+ "category": "props",
183
+ "headings": [],
184
+ "keywords": ["hover", "ホバー", "hov", "インタラクション", "animation"],
185
+ "snippet": "ホバー関連のProp。hov を使ったホバーエフェクトの設定方法。"
186
+ },
187
+ {
188
+ "sourcePath": "props/max-sz.mdx",
189
+ "title": "最大サイズ (max-sz)",
190
+ "description": "最大サイズ関連の Prop の解説。",
191
+ "category": "props",
192
+ "headings": [],
193
+ "keywords": ["max-sz", "max-inline-size", "最大サイズ", "幅"],
194
+ "snippet": "max-sz (max-inline-size) の Prop。xs, s, m, l, xl のサイズトークンで最大幅を指定。"
195
+ },
196
+ {
197
+ "sourcePath": "core-components/Lism.mdx",
198
+ "title": "Lism",
199
+ "description": "Lism コアコンポーネントの解説。",
200
+ "category": "core-components",
201
+ "headings": [],
202
+ "keywords": ["Lism", "core", "コア", "基盤", "コンポーネント"],
203
+ "snippet": "全コンポーネントの基盤。Props システムによる CSS クラス・スタイルの自動変換を提供。tag prop で出力要素を変更可能。"
204
+ },
205
+ {
206
+ "sourcePath": "core-components/HTML.mdx",
207
+ "title": "HTML",
208
+ "description": "HTML コンポーネントの解説。",
209
+ "category": "core-components",
210
+ "headings": [],
211
+ "keywords": ["HTML", "要素", "element", "tag", "HTML.div", "HTML.p", "HTML.span", "HTML.a", "HTML.h"],
212
+ "snippet": "HTMLの主要なタグに<Lism>と同じプロパティを指定できるようにするコンポーネント。HTML.div, HTML.p, HTML.span 等が利用可能。"
213
+ },
214
+ {
215
+ "sourcePath": "core-components/Dummy.mdx",
216
+ "title": "Dummy",
217
+ "description": "Dummy コンポーネントの解説。",
218
+ "category": "core-components",
219
+ "headings": [],
220
+ "keywords": ["Dummy", "ダミー", "テスト", "プレビュー"],
221
+ "snippet": "ダミーテキストを生成するコンポーネント。プレビューやテスト用に使用。"
222
+ },
223
+ {
224
+ "sourcePath": "modules/l--box.mdx",
225
+ "title": "Box",
226
+ "description": "Box レイアウトモジュールの解説。",
227
+ "category": "modules",
228
+ "headings": [],
229
+ "keywords": ["Box", "ボックス", "layout", "レイアウト", "l--box"],
230
+ "snippet": "最も基本的なレイアウトモジュール。汎用的なボックス要素。l--box クラスが付与される。"
231
+ },
232
+ {
233
+ "sourcePath": "modules/l--flex.mdx",
234
+ "title": "Flex",
235
+ "description": "Flex レイアウトモジュールの解説。",
236
+ "category": "modules",
237
+ "headings": [],
238
+ "keywords": ["Flex", "flexbox", "フレックス", "layout", "l--flex", "横並び"],
239
+ "snippet": "Flexboxレイアウトを構成。display: flex が適用される。g, ai, jc 等で配置を制御。"
240
+ },
241
+ {
242
+ "sourcePath": "modules/l--stack.mdx",
243
+ "title": "Stack",
244
+ "description": "Stack レイアウトモジュールの解説。",
245
+ "category": "modules",
246
+ "headings": [],
247
+ "keywords": ["Stack", "スタック", "縦並び", "vertical", "l--stack"],
248
+ "snippet": "縦方向に要素を積み重ねるFlexレイアウト。flex-direction: column のFlex。"
249
+ },
250
+ {
251
+ "sourcePath": "modules/l--grid.mdx",
252
+ "title": "Grid",
253
+ "description": "Grid レイアウトモジュールの解説。",
254
+ "category": "modules",
255
+ "headings": [],
256
+ "keywords": ["Grid", "グリッド", "layout", "l--grid", "CSS Grid"],
257
+ "snippet": "CSS Gridレイアウトを構成。gtc, gtr, cols, rows 等で列・行を制御。"
258
+ },
259
+ {
260
+ "sourcePath": "modules/l--center.mdx",
261
+ "title": "Center",
262
+ "description": "Center レイアウトモジュールの解説。",
263
+ "category": "modules",
264
+ "headings": [],
265
+ "keywords": ["Center", "中央揃え", "center", "layout", "l--center"],
266
+ "snippet": "子要素を中央揃えにするレイアウト。place-items: center の Grid。"
267
+ },
268
+ {
269
+ "sourcePath": "modules/l--cluster.mdx",
270
+ "title": "Cluster",
271
+ "description": "Cluster レイアウトモジュールの解説。",
272
+ "category": "modules",
273
+ "headings": [],
274
+ "keywords": ["Cluster", "クラスター", "横並び", "wrap", "l--cluster", "タグ"],
275
+ "snippet": "横方向に要素を並べ、自動的に折り返すFlexレイアウト。タグやバッジの並びに適している。"
276
+ },
277
+ {
278
+ "sourcePath": "modules/l--columns.mdx",
279
+ "title": "Columns",
280
+ "description": "Columns レイアウトモジュールの解説。",
281
+ "category": "modules",
282
+ "headings": [],
283
+ "keywords": ["Columns", "カラム", "列", "multi-column", "l--columns"],
284
+ "snippet": "均等幅のカラムレイアウト。cols で列数を指定する Grid。レスポンシブ対応可能。"
285
+ },
286
+ {
287
+ "sourcePath": "modules/l--flow.mdx",
288
+ "title": "Flow",
289
+ "description": "Flow レイアウトモジュールの解説。",
290
+ "category": "modules",
291
+ "headings": [],
292
+ "keywords": ["Flow", "フロー", "コンテンツ", "記事", "l--flow", "本文"],
293
+ "snippet": "コンテンツフロー用のレイアウト。子要素間に一定の余白を設ける。記事本文に適している。"
294
+ },
295
+ {
296
+ "sourcePath": "modules/l--fluidcols.mdx",
297
+ "title": "FluidCols",
298
+ "description": "FluidCols レイアウトモジュールの解説。",
299
+ "category": "modules",
300
+ "headings": [],
301
+ "keywords": ["FluidCols", "流動カラム", "auto-fill", "fluid", "l--fluidCols"],
302
+ "snippet": "子要素が最小幅に達すると自動的に折り返すグリッドレイアウト。メディアクエリに依存しない。"
303
+ },
304
+ {
305
+ "sourcePath": "modules/l--frame.mdx",
306
+ "title": "Frame",
307
+ "description": "Frame レイアウトモジュールの解説。",
308
+ "category": "modules",
309
+ "headings": [],
310
+ "keywords": ["Frame", "フレーム", "aspect-ratio", "アスペクト比", "l--frame", "画像"],
311
+ "snippet": "アスペクト比を維持するフレーム要素。画像や動画のコンテナとして使用。"
312
+ },
313
+ {
314
+ "sourcePath": "modules/l--switchcols.mdx",
315
+ "title": "SwitchCols",
316
+ "description": "SwitchCols レイアウトモジュールの解説。",
317
+ "category": "modules",
318
+ "headings": [],
319
+ "keywords": ["SwitchCols", "切り替え", "switch", "カラム", "l--switchCols"],
320
+ "snippet": "一定の幅で自動的に1カラムと複数カラムを切り替えるレイアウト。メディアクエリに依存しない。"
321
+ },
322
+ {
323
+ "sourcePath": "modules/l--sidemain.mdx",
324
+ "title": "SideMain",
325
+ "description": "SideMain レイアウトモジュールの解説。",
326
+ "category": "modules",
327
+ "headings": [],
328
+ "keywords": ["SideMain", "サイドバー", "sidebar", "メイン", "l--sideMain", "2カラム"],
329
+ "snippet": "サイドバー + メインコンテンツの2カラムレイアウト。メイン側が可変幅。"
330
+ },
331
+ {
332
+ "sourcePath": "modules/is--container.mdx",
333
+ "title": "Container",
334
+ "description": "Container (is--container) の解説。",
335
+ "category": "modules",
336
+ "headings": [],
337
+ "keywords": ["Container", "コンテナ", "container query", "is--container"],
338
+ "snippet": "コンテナクエリの基準要素。子要素のレスポンシブ対応の基準となる。"
339
+ },
340
+ {
341
+ "sourcePath": "modules/is--layer.mdx",
342
+ "title": "Layer",
343
+ "description": "Layer (is--layer) の解説。",
344
+ "category": "modules",
345
+ "headings": [],
346
+ "keywords": ["Layer", "レイヤー", "overlay", "オーバーレイ", "is--layer", "absolute"],
347
+ "snippet": "親要素に対して絶対配置で重なるレイヤー要素。オーバーレイや背景装飾に使用。"
348
+ },
349
+ {
350
+ "sourcePath": "modules/is--linkBox.mdx",
351
+ "title": "LinkBox",
352
+ "description": "LinkBox (is--linkBox) の解説。",
353
+ "category": "modules",
354
+ "headings": [],
355
+ "keywords": ["LinkBox", "リンク", "clickable", "カード", "is--linkBox"],
356
+ "snippet": "ボックス全体をリンク領域にする。カード全体をクリッカブルにする場合等に使用。"
357
+ },
358
+ {
359
+ "sourcePath": "modules/is--wrapper.mdx",
360
+ "title": "Wrapper",
361
+ "description": "Wrapper (is--wrapper) の解説。",
362
+ "category": "modules",
363
+ "headings": [],
364
+ "keywords": ["Wrapper", "ラッパー", "コンテンツ幅", "max-width", "is--wrapper"],
365
+ "snippet": "コンテンツ幅を制限するラッパー要素。サイドバーなどと組み合わせて使用。"
366
+ },
367
+ {
368
+ "sourcePath": "modules/a--icon.mdx",
369
+ "title": "Icon",
370
+ "description": "Icon コンポーネントの解説。",
371
+ "category": "modules",
372
+ "headings": [],
373
+ "keywords": ["Icon", "アイコン", "SVG", "a--icon"],
374
+ "snippet": "アイコンを表示するコンポーネント。SVGアイコンやアイコンコンポーネントを統一的に扱える。"
375
+ },
376
+ {
377
+ "sourcePath": "modules/a--divider.mdx",
378
+ "title": "Divider",
379
+ "description": "Divider コンポーネントの解説。",
380
+ "category": "modules",
381
+ "headings": [],
382
+ "keywords": ["Divider", "区切り線", "hr", "a--divider", "セパレーター"],
383
+ "snippet": "区切り線を表示するコンポーネント。水平・垂直の区切りを表現。"
384
+ },
385
+ {
386
+ "sourcePath": "modules/a--media.mdx",
387
+ "title": "Media",
388
+ "description": "Media コンポーネントの解説。",
389
+ "category": "modules",
390
+ "headings": [],
391
+ "keywords": ["Media", "メディア", "img", "video", "iframe", "a--media", "画像"],
392
+ "snippet": "img, video, iframe 等のメディア要素を統一的に扱うコンポーネント。"
393
+ },
394
+ {
395
+ "sourcePath": "modules/a--spacer.mdx",
396
+ "title": "Spacer",
397
+ "description": "Spacer コンポーネントの解説。",
398
+ "category": "modules",
399
+ "headings": [],
400
+ "keywords": ["Spacer", "スペーサー", "余白", "空白", "a--spacer"],
401
+ "snippet": "空白を挿入するコンポーネント。要素間に任意の余白を追加。"
402
+ },
403
+ {
404
+ "sourcePath": "modules/a--decorator.mdx",
405
+ "title": "Decorator",
406
+ "description": "Decorator コンポーネントの解説。",
407
+ "category": "modules",
408
+ "headings": [],
409
+ "keywords": ["Decorator", "デコレーター", "装飾", "a--decorator"],
410
+ "snippet": "装飾用のコンポーネント。視覚的な装飾要素を追加するために使用。"
411
+ },
412
+ {
413
+ "sourcePath": "ui/Accordion.mdx",
414
+ "title": "Accordion",
415
+ "description": "Accordion UIコンポーネントの解説。",
416
+ "category": "ui",
417
+ "headings": [],
418
+ "keywords": ["Accordion", "アコーディオン", "開閉", "toggle", "FAQ"],
419
+ "snippet": "クリックでコンテンツの開閉を切り替えるアコーディオンUI。JavaScriptが付属。"
420
+ },
421
+ {
422
+ "sourcePath": "ui/Modal.mdx",
423
+ "title": "Modal",
424
+ "description": "Modal UIコンポーネントの解説。",
425
+ "category": "ui",
426
+ "headings": [],
427
+ "keywords": ["Modal", "モーダル", "dialog", "ダイアログ", "ポップアップ"],
428
+ "snippet": "モーダルダイアログUI。dialog要素を使用。JavaScriptが付属。"
429
+ },
430
+ {
431
+ "sourcePath": "ui/Tabs.mdx",
432
+ "title": "Tabs",
433
+ "description": "Tabs UIコンポーネントの解説。",
434
+ "category": "ui",
435
+ "headings": [],
436
+ "keywords": ["Tabs", "タブ", "切り替え", "panel"],
437
+ "snippet": "タブ切り替えUI。タブをクリックしてコンテンツパネルを切り替える。"
438
+ },
439
+ {
440
+ "sourcePath": "ui/Details.mdx",
441
+ "title": "Details",
442
+ "description": "Details UIコンポーネントの解説。",
443
+ "category": "ui",
444
+ "headings": [],
445
+ "keywords": ["Details", "details", "summary", "開閉"],
446
+ "snippet": "HTMLのdetails/summary要素をラップ。ネイティブのHTML要素を使用したアコーディオン。"
447
+ },
448
+ {
449
+ "sourcePath": "ui/Alert.mdx",
450
+ "title": "Alert",
451
+ "description": "Alert UIコンポーネントの解説。",
452
+ "category": "ui",
453
+ "headings": [],
454
+ "keywords": ["Alert", "アラート", "注意", "notice", "warning", "info"],
455
+ "snippet": "注意書きやお知らせを目立たせるアラートボックス。アイコンとキーカラーでバリエーション。"
456
+ },
457
+ {
458
+ "sourcePath": "ui/Callout.mdx",
459
+ "title": "Callout",
460
+ "description": "Callout UIコンポーネントの解説。",
461
+ "category": "ui",
462
+ "headings": [],
463
+ "keywords": ["Callout", "コールアウト", "補足", "note", "注意書き"],
464
+ "snippet": "コールアウト (補足情報) ボックス。Alertと似ているが、より強調度の高いデザイン。"
465
+ },
466
+ {
467
+ "sourcePath": "ui/Button.mdx",
468
+ "title": "Button",
469
+ "description": "Button UIコンポーネントの解説。",
470
+ "category": "ui",
471
+ "headings": [],
472
+ "keywords": ["Button", "ボタン", "クリック", "outline", "action"],
473
+ "snippet": "ボタンコンポーネント。variant (outline 等) と keycolor でバリエーションを表現。"
474
+ },
475
+ {
476
+ "sourcePath": "ui/Badge.mdx",
477
+ "title": "Badge",
478
+ "description": "Badge UIコンポーネントの解説。",
479
+ "category": "ui",
480
+ "headings": [],
481
+ "keywords": ["Badge", "バッジ", "ラベル", "タグ", "status"],
482
+ "snippet": "バッジ (ラベル) コンポーネント。カテゴリやステータスの表示に使用。"
483
+ },
484
+ {
485
+ "sourcePath": "ui/Avatar.mdx",
486
+ "title": "Avatar",
487
+ "description": "Avatar UIコンポーネントの解説。",
488
+ "category": "ui",
489
+ "headings": [],
490
+ "keywords": ["Avatar", "アバター", "プロフィール", "画像", "丸"],
491
+ "snippet": "プロフィール画像コンポーネント。円形の画像表示に使用。"
492
+ },
493
+ {
494
+ "sourcePath": "ui/Chat.mdx",
495
+ "title": "Chat",
496
+ "description": "Chat UIコンポーネントの解説。",
497
+ "category": "ui",
498
+ "headings": [],
499
+ "keywords": ["Chat", "チャット", "吹き出し", "会話", "balloon"],
500
+ "snippet": "チャット風の吹き出しコンポーネント。会話形式のUI表現に使用。"
501
+ },
502
+ {
503
+ "sourcePath": "ui/NavMenu.mdx",
504
+ "title": "NavMenu",
505
+ "description": "NavMenu UIコンポーネントの解説。",
506
+ "category": "ui",
507
+ "headings": [],
508
+ "keywords": ["NavMenu", "ナビ", "メニュー", "navigation", "リンク"],
509
+ "snippet": "ナビゲーションメニュー。リンクリストの表示に使用。"
510
+ },
511
+ {
512
+ "sourcePath": "ui/ShapeDivider.mdx",
513
+ "title": "ShapeDivider",
514
+ "description": "ShapeDivider UIコンポーネントの解説。",
515
+ "category": "ui",
516
+ "headings": [],
517
+ "keywords": ["ShapeDivider", "波", "wave", "区切り", "SVG", "セクション"],
518
+ "snippet": "セクション間の波型などの装飾的な区切り要素。SVGベースの形状で区切りを表現。"
519
+ },
520
+ {
521
+ "sourcePath": "ui/examples/Card.mdx",
522
+ "title": "Card",
523
+ "description": "Card の実装例。",
524
+ "category": "ui",
525
+ "headings": [],
526
+ "keywords": ["Card", "カード", "example", "実装例"],
527
+ "snippet": "Lism CSS を使ったカードレイアウトの実装例。"
528
+ },
529
+ {
530
+ "sourcePath": "ui/examples/BalloonBox.mdx",
531
+ "title": "BalloonBox",
532
+ "description": "BalloonBox の実装例。",
533
+ "category": "ui",
534
+ "headings": [],
535
+ "keywords": ["BalloonBox", "吹き出し", "balloon", "example"],
536
+ "snippet": "吹き出しボックスの実装例。"
537
+ },
538
+ {
539
+ "sourcePath": "ui/examples/Banner.mdx",
540
+ "title": "Banner",
541
+ "description": "Banner の実装例。",
542
+ "category": "ui",
543
+ "headings": [],
544
+ "keywords": ["Banner", "バナー", "example", "hero"],
545
+ "snippet": "バナーの実装例。"
546
+ },
547
+ {
548
+ "sourcePath": "ui/examples/Hero.mdx",
549
+ "title": "Hero",
550
+ "description": "Hero セクションの実装例。",
551
+ "category": "ui",
552
+ "headings": [],
553
+ "keywords": ["Hero", "ヒーロー", "メインビジュアル", "example"],
554
+ "snippet": "ヒーローセクション(メインビジュアル)の実装例。"
555
+ },
556
+ {
557
+ "sourcePath": "ui/examples/FAQ.mdx",
558
+ "title": "FAQ",
559
+ "description": "FAQ の実装例。",
560
+ "category": "ui",
561
+ "headings": [],
562
+ "keywords": ["FAQ", "よくある質問", "example", "accordion"],
563
+ "snippet": "FAQ(よくある質問)セクションの実装例。"
564
+ },
565
+ {
566
+ "sourcePath": "ui/examples/Steps.mdx",
567
+ "title": "Steps",
568
+ "description": "Steps の実装例。",
569
+ "category": "ui",
570
+ "headings": [],
571
+ "keywords": ["Steps", "ステップ", "手順", "example"],
572
+ "snippet": "ステップ(手順)表示の実装例。"
573
+ },
574
+ {
575
+ "sourcePath": "ui/examples/Timeline.mdx",
576
+ "title": "Timeline",
577
+ "description": "Timeline の実装例。",
578
+ "category": "ui",
579
+ "headings": [],
580
+ "keywords": ["Timeline", "タイムライン", "年表", "example"],
581
+ "snippet": "タイムライン表示の実装例。"
582
+ },
583
+ {
584
+ "sourcePath": "ui/examples/Table.mdx",
585
+ "title": "Table",
586
+ "description": "Table の実装例。",
587
+ "category": "ui",
588
+ "headings": [],
589
+ "keywords": ["Table", "テーブル", "表", "example"],
590
+ "snippet": "テーブル(表)の実装例。"
591
+ },
592
+ {
593
+ "sourcePath": "ui/examples/List.mdx",
594
+ "title": "List",
595
+ "description": "List の実装例。",
596
+ "category": "ui",
597
+ "headings": [],
598
+ "keywords": ["List", "リスト", "一覧", "example"],
599
+ "snippet": "リスト表示の実装例。"
600
+ },
601
+ {
602
+ "sourcePath": "ui/examples/Decorations.mdx",
603
+ "title": "Decorations",
604
+ "description": "装飾の実装例。",
605
+ "category": "ui",
606
+ "headings": [],
607
+ "keywords": ["Decorations", "装飾", "デコレーション", "example"],
608
+ "snippet": "様々な装飾パターンの実装例。"
609
+ },
610
+ {
611
+ "sourcePath": "ui/examples/Breadcrumb.mdx",
612
+ "title": "Breadcrumb",
613
+ "description": "Breadcrumb の実装例。",
614
+ "category": "ui",
615
+ "headings": [],
616
+ "keywords": ["Breadcrumb", "パンくず", "ナビゲーション", "example"],
617
+ "snippet": "パンくずリストの実装例。"
618
+ },
619
+ {
620
+ "sourcePath": "ui/examples/DividerLabel.mdx",
621
+ "title": "DividerLabel",
622
+ "description": "DividerLabel の実装例。",
623
+ "category": "ui",
624
+ "headings": [],
625
+ "keywords": ["DividerLabel", "区切り", "ラベル", "example"],
626
+ "snippet": "ラベル付き区切り線の実装例。"
627
+ },
628
+ {
629
+ "sourcePath": "ui/examples/Reel.mdx",
630
+ "title": "Reel",
631
+ "description": "Reel (横スクロール) の実装例。",
632
+ "category": "ui",
633
+ "headings": [],
634
+ "keywords": ["Reel", "横スクロール", "scroll", "carousel", "example"],
635
+ "snippet": "横スクロール(リール)レイアウトの実装例。"
636
+ },
637
+ {
638
+ "sourcePath": "ui/examples/Others.mdx",
639
+ "title": "その他の実装例",
640
+ "description": "その他のUI実装例。",
641
+ "category": "ui",
642
+ "headings": [],
643
+ "keywords": ["others", "その他", "example", "実装例"],
644
+ "snippet": "その他のUI実装パターンの例。"
645
+ }
646
+ ]
@@ -0,0 +1,2 @@
1
+ import type { MetaInfo } from '../lib/types.js';
2
+ export declare const meta: MetaInfo;
@@ -0,0 +1,5 @@
1
+ export const meta = {
2
+ generatedAt: '2026-02-22',
3
+ sourceCommit: 'd0cdafa0',
4
+ docsVersion: '0.1.0',
5
+ };