@lism-css/mcp 0.10.4 → 0.12.0

package/dist/data/props-system.json

@@ -1,1154 +0,0 @@
-{
-  "description": "Lism CSS の Props システム。React/Astro コンポーネントの props を CSS クラス (Prop Class) やインラインスタイルに変換する仕組み。レスポンシブ対応は配列記法 p={[20, 30, 40]} で sm, md ブレークポイントの値を指定可能。各 prop の values に列挙された値は Prop Class としてCSSクラスが生成され、HTML の class 属性で直接使用できる。",
-  "classNaming": {
-    "propClass": "-{prop}:{value}",
-    "propClassWithVariable": "-{prop} + style=\"--{prop}: {任意値}\"",
-    "responsive": "-{prop}_{bp} + style=\"--{prop}_{bp}: {値}\"",
-    "note": "例: gapに spacing token 5 を指定: g=\"5\" → class=\"-g:5\"、paddingに20を指定: p=\"20\" → class=\"-p:20\"、font-sizeにトークン値 l を指定: fz=\"l\" → class=\"-fz:l\"。",
-    "examples": ["-g:5", "-g:20", "-p:20", "-p:40", "-fz:l", "-fz:2xl", "-d:flex", "-d:grid", "-ta:center", "-ai:center"]
-  },
-  "categories": [
-    {
-      "category": "typography",
-      "description": "テキスト関連のプロパティ",
-      "props": [
-        {
-          "prop": "f",
-          "cssProperty": "font",
-          "type": "string",
-          "responsive": false,
-          "description": "フォント一括指定。",
-          "values": ["inherit"]
-        },
-        {
-          "prop": "fz",
-          "cssProperty": "font-size",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "フォントサイズ。トークン値またはカスタム値。",
-          "values": ["root", "base", "5xl", "4xl", "3xl", "2xl", "xl", "l", "m", "s", "xs", "2xs"]
-        },
-        {
-          "prop": "fw",
-          "cssProperty": "font-weight",
-          "type": "string",
-          "responsive": false,
-          "description": "フォントウェイト。トークン値（light, normal, bold）または数値（100〜900）。",
-          "values": ["light", "normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"]
-        },
-        {
-          "prop": "ff",
-          "cssProperty": "font-family",
-          "type": "string",
-          "responsive": false,
-          "description": "フォントファミリー。",
-          "values": ["base", "accent", "mono"]
-        },
-        {
-          "prop": "fs",
-          "cssProperty": "font-style",
-          "type": "string",
-          "responsive": false,
-          "description": "フォントスタイル。",
-          "values": ["italic"]
-        },
-        {
-          "prop": "lh",
-          "cssProperty": "line-height",
-          "type": "string | number",
-          "responsive": false,
-          "description": "行間。トークン値またはカスタム値。トークンは hl 系トークンを参照。",
-          "values": ["base", "xs", "s", "l", "1"]
-        },
-        {
-          "prop": "hl",
-          "cssProperty": "--hl (CSS変数)",
-          "type": "string | array",
-          "responsive": true,
-          "description": "見出し用の行間を制御するCSS変数。",
-          "values": ["base", "xs", "s", "l"]
-        },
-        {
-          "prop": "lts",
-          "cssProperty": "letter-spacing",
-          "type": "string",
-          "responsive": false,
-          "description": "文字間隔。",
-          "values": ["base", "s", "l"]
-        },
-        {
-          "prop": "ta",
-          "cssProperty": "text-align",
-          "type": "string",
-          "responsive": false,
-          "description": "テキスト整列。",
-          "values": ["center", "left", "right"]
-        },
-        {
-          "prop": "td",
-          "cssProperty": "text-decoration",
-          "type": "string",
-          "responsive": false,
-          "description": "テキスト装飾。",
-          "values": ["none"]
-        },
-        {
-          "prop": "tt",
-          "cssProperty": "text-transform",
-          "type": "string",
-          "responsive": false,
-          "description": "テキスト変換。",
-          "values": ["upper", "lower"]
-        }
-      ]
-    },
-    {
-      "category": "display",
-      "description": "表示・可視性関連のプロパティ",
-      "props": [
-        {
-          "prop": "d",
-          "cssProperty": "display",
-          "type": "string | array",
-          "responsive": true,
-          "description": "表示モード。",
-          "values": ["none", "block", "in-flex"]
-        },
-        {
-          "prop": "o",
-          "cssProperty": "opacity",
-          "type": "string | number",
-          "responsive": false,
-          "description": "透明度。",
-          "values": ["0", "-10", "-20", "-30"]
-        },
-        { "prop": "v", "cssProperty": "visibility", "type": "string", "responsive": false, "description": "可視性。", "values": ["hidden"] },
-        {
-          "prop": "ov",
-          "cssProperty": "overflow",
-          "type": "string",
-          "responsive": false,
-          "description": "オーバーフロー。",
-          "values": ["hidden", "auto", "clip"]
-        },
-        {
-          "prop": "ov-x",
-          "cssProperty": "overflow-x",
-          "type": "string",
-          "responsive": false,
-          "description": "横方向のオーバーフロー。",
-          "values": ["clip", "auto", "scroll"]
-        },
-        {
-          "prop": "ov-y",
-          "cssProperty": "overflow-y",
-          "type": "string",
-          "responsive": false,
-          "description": "縦方向のオーバーフロー。",
-          "values": ["clip", "auto", "scroll"]
-        },
-        {
-          "prop": "ar",
-          "cssProperty": "aspect-ratio",
-          "type": "string | array",
-          "responsive": true,
-          "description": "アスペクト比。",
-          "values": ["21/9", "16/9", "3/2", "1/1", "og"]
-        }
-      ]
-    },
-    {
-      "category": "size",
-      "description": "幅・高さ関連のプロパティ",
-      "props": [
-        {
-          "prop": "w",
-          "cssProperty": "width",
-          "type": "string | array",
-          "responsive": true,
-          "description": "幅。",
-          "values": ["100%", "fit"]
-        },
-        {
-          "prop": "h",
-          "cssProperty": "height",
-          "type": "string | array",
-          "responsive": true,
-          "description": "高さ。",
-          "values": ["100%", "fit"]
-        },
-        {
-          "prop": "min-w",
-          "cssProperty": "min-width",
-          "type": "string | array",
-          "responsive": true,
-          "description": "最小幅。",
-          "values": ["100%"]
-        },
-        {
-          "prop": "max-w",
-          "cssProperty": "max-width",
-          "type": "string | array",
-          "responsive": true,
-          "description": "最大幅。",
-          "values": ["100%"]
-        },
-        {
-          "prop": "min-h",
-          "cssProperty": "min-height",
-          "type": "string | array",
-          "responsive": true,
-          "description": "最小高さ。",
-          "values": ["100%"]
-        },
-        {
-          "prop": "max-h",
-          "cssProperty": "max-height",
-          "type": "string | array",
-          "responsive": true,
-          "description": "最大高さ。",
-          "values": ["100%"]
-        },
-        {
-          "prop": "sz",
-          "cssProperty": "inline-size",
-          "type": "string",
-          "responsive": false,
-          "description": "インラインサイズ。トークン値(sz)でカスタム値を指定可能。"
-        },
-        {
-          "prop": "min-sz",
-          "cssProperty": "min-inline-size",
-          "type": "string",
-          "responsive": false,
-          "description": "最小インラインサイズ。トークン値(sz)でカスタム値を指定可能。"
-        },
-        {
-          "prop": "max-sz",
-          "cssProperty": "max-inline-size",
-          "type": "string",
-          "responsive": false,
-          "description": "最大インラインサイズ。トークン値またはプリセット値。",
-          "values": ["xs", "s", "m", "l", "xl", "min", "full", "container"]
-        },
-        {
-          "prop": "ysz",
-          "cssProperty": "block-size",
-          "type": "string",
-          "responsive": false,
-          "description": "ブロックサイズ。トークン値(sz)でカスタム値を指定可能。"
-        },
-        {
-          "prop": "min-ysz",
-          "cssProperty": "min-block-size",
-          "type": "string",
-          "responsive": false,
-          "description": "最小ブロックサイズ。トークン値(sz)でカスタム値を指定可能。"
-        },
-        {
-          "prop": "max-ysz",
-          "cssProperty": "max-block-size",
-          "type": "string",
-          "responsive": false,
-          "description": "最大ブロックサイズ。トークン値(sz)でカスタム値を指定可能。"
-        }
-      ]
-    },
-    {
-      "category": "spacing",
-      "description": "余白関連のプロパティ。スペーシングトークン (5, 10, 15, 20, 30, 40, 50, 60, 70, 80) を値として使用可能。",
-      "props": [
-        {
-          "prop": "p",
-          "cssProperty": "padding",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "全方向パディング。",
-          "values": ["0", "5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
-        },
-        {
-          "prop": "px",
-          "cssProperty": "padding-inline",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "左右 (inline) パディング。",
-          "values": ["0", "5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
-        },
-        {
-          "prop": "py",
-          "cssProperty": "padding-block",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "上下 (block) パディング。",
-          "values": ["0", "5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
-        },
-        {
-          "prop": "px-s",
-          "cssProperty": "padding-inline-start",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "左 (inline-start) パディング。"
-        },
-        {
-          "prop": "px-e",
-          "cssProperty": "padding-inline-end",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "右 (inline-end) パディング。"
-        },
-        {
-          "prop": "py-s",
-          "cssProperty": "padding-block-start",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "上 (block-start) パディング。"
-        },
-        {
-          "prop": "py-e",
-          "cssProperty": "padding-block-end",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "下 (block-end) パディング。"
-        },
-        {
-          "prop": "pl",
-          "cssProperty": "padding-left",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "左パディング。"
-        },
-        {
-          "prop": "pr",
-          "cssProperty": "padding-right",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "右パディング。"
-        },
-        {
-          "prop": "pt",
-          "cssProperty": "padding-top",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "上パディング。"
-        },
-        {
-          "prop": "pb",
-          "cssProperty": "padding-bottom",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "下パディング。"
-        },
-        {
-          "prop": "m",
-          "cssProperty": "margin",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "全方向マージン。",
-          "values": ["auto", "0", "5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
-        },
-        {
-          "prop": "mx",
-          "cssProperty": "margin-inline",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "左右 (inline) マージン。",
-          "values": ["auto", "0", "5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
-        },
-        {
-          "prop": "my",
-          "cssProperty": "margin-block",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "上下 (block) マージン。",
-          "values": ["auto", "0", "5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
-        },
-        {
-          "prop": "mx-s",
-          "cssProperty": "margin-inline-start",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "左 (inline-start) マージン。",
-          "values": ["auto"]
-        },
-        {
-          "prop": "mx-e",
-          "cssProperty": "margin-inline-end",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "右 (inline-end) マージン。",
-          "values": ["auto"]
-        },
-        {
-          "prop": "my-s",
-          "cssProperty": "margin-block-start",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "上 (block-start) マージン。",
-          "values": ["auto", "0", "5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
-        },
-        {
-          "prop": "my-e",
-          "cssProperty": "margin-block-end",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "下 (block-end) マージン。",
-          "values": ["auto"]
-        },
-        { "prop": "ml", "cssProperty": "margin-left", "type": "string | number | array", "responsive": true, "description": "左マージン。" },
-        { "prop": "mr", "cssProperty": "margin-right", "type": "string | number | array", "responsive": true, "description": "右マージン。" },
-        { "prop": "mt", "cssProperty": "margin-top", "type": "string | number | array", "responsive": true, "description": "上マージン。" },
-        {
-          "prop": "mb",
-          "cssProperty": "margin-bottom",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "下マージン。"
-        },
-        {
-          "prop": "g",
-          "cssProperty": "gap",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "ギャップ (Flex/Grid の子要素間の余白)。",
-          "values": ["0", "inherit", "5", "10", "15", "20", "30", "40", "50", "60", "70", "80"]
-        },
-        {
-          "prop": "g-x",
-          "cssProperty": "column-gap",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "カラム方向のギャップ。"
-        },
-        {
-          "prop": "g-y",
-          "cssProperty": "row-gap",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "行方向のギャップ。"
-        }
-      ]
-    },
-    {
-      "category": "color",
-      "description": "カラー関連のプロパティ",
-      "props": [
-        {
-          "prop": "c",
-          "cssProperty": "color",
-          "type": "string",
-          "responsive": false,
-          "description": "テキストカラー。",
-          "values": ["base", "text", "text-2", "brand", "accent", "inherit"]
-        },
-        {
-          "prop": "bgc",
-          "cssProperty": "background-color",
-          "type": "string",
-          "responsive": false,
-          "description": "背景色。",
-          "values": ["base", "base-2", "text", "brand", "accent", "inherit", "transparent"]
-        },
-        {
-          "prop": "bg",
-          "cssProperty": "background",
-          "type": "string | array",
-          "responsive": true,
-          "description": "背景の一括指定。"
-        },
-        {
-          "prop": "bgi",
-          "cssProperty": "background-image",
-          "type": "string",
-          "responsive": false,
-          "description": "背景画像。"
-        },
-        {
-          "prop": "bgr",
-          "cssProperty": "background-repeat",
-          "type": "string",
-          "responsive": false,
-          "description": "背景のリピート設定。",
-          "values": ["no-repeat"]
-        },
-        {
-          "prop": "bgp",
-          "cssProperty": "background-position",
-          "type": "string",
-          "responsive": false,
-          "description": "背景の位置。",
-          "values": ["center"]
-        },
-        {
-          "prop": "bgsz",
-          "cssProperty": "background-size",
-          "type": "string",
-          "responsive": false,
-          "description": "背景のサイズ。",
-          "values": ["cover", "contain"]
-        },
-        {
-          "prop": "keycolor",
-          "cssProperty": "--keycolor (CSS変数)",
-          "type": "string",
-          "responsive": false,
-          "description": "コンポーネントのキーカラーを設定するCSS変数。"
-        }
-      ]
-    },
-    {
-      "category": "border",
-      "description": "ボーダー関連のプロパティ",
-      "props": [
-        {
-          "prop": "bd",
-          "cssProperty": "border",
-          "type": "string | boolean",
-          "responsive": false,
-          "description": "ボーダー。true でデフォルトのボーダーが付く。",
-          "values": ["none"]
-        },
-        {
-          "prop": "bds",
-          "cssProperty": "--bds (CSS変数)",
-          "type": "string",
-          "responsive": false,
-          "description": "ボーダースタイル。",
-          "values": ["dashed", "dotted", "double"]
-        },
-        {
-          "prop": "bdc",
-          "cssProperty": "--bdc (CSS変数)",
-          "type": "string",
-          "responsive": false,
-          "description": "ボーダーカラー。",
-          "values": ["brand", "accent", "divider", "inherit", "transparent", "cc"]
-        },
-        {
-          "prop": "bdw",
-          "cssProperty": "--bdw (CSS変数)",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "ボーダー幅。"
-        },
-        {
-          "prop": "bd-x",
-          "cssProperty": "border-inline",
-          "type": "string | boolean",
-          "responsive": false,
-          "description": "インライン方向(左右)のボーダー。"
-        },
-        {
-          "prop": "bd-y",
-          "cssProperty": "border-block",
-          "type": "string | boolean",
-          "responsive": false,
-          "description": "ブロック方向(上下)のボーダー。"
-        },
-        {
-          "prop": "bd-x-s",
-          "cssProperty": "border-inline-start",
-          "type": "string | boolean",
-          "responsive": false,
-          "description": "インライン開始方向のボーダー。"
-        },
-        {
-          "prop": "bd-x-e",
-          "cssProperty": "border-inline-end",
-          "type": "string | boolean",
-          "responsive": false,
-          "description": "インライン終了方向のボーダー。"
-        },
-        {
-          "prop": "bd-y-s",
-          "cssProperty": "border-block-start",
-          "type": "string | boolean",
-          "responsive": false,
-          "description": "ブロック開始方向のボーダー。"
-        },
-        {
-          "prop": "bd-y-e",
-          "cssProperty": "border-block-end",
-          "type": "string | boolean",
-          "responsive": false,
-          "description": "ブロック終了方向のボーダー。"
-        },
-        { "prop": "bd-t", "cssProperty": "border-top", "type": "string | boolean", "responsive": false, "description": "上ボーダー。" },
-        { "prop": "bd-b", "cssProperty": "border-bottom", "type": "string | boolean", "responsive": false, "description": "下ボーダー。" },
-        { "prop": "bd-l", "cssProperty": "border-left", "type": "string | boolean", "responsive": false, "description": "左ボーダー。" },
-        { "prop": "bd-r", "cssProperty": "border-right", "type": "string | boolean", "responsive": false, "description": "右ボーダー。" },
-        {
-          "prop": "bdrs",
-          "cssProperty": "border-radius",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "角丸。",
-          "values": ["0", "5", "10", "20", "30", "40", "50", "99", "inner"]
-        },
-        { "prop": "bdrs-tl", "cssProperty": "border-top-left-radius", "type": "string", "responsive": false, "description": "左上の角丸。" },
-        { "prop": "bdrs-tr", "cssProperty": "border-top-right-radius", "type": "string", "responsive": false, "description": "右上の角丸。" },
-        {
-          "prop": "bdrs-br",
-          "cssProperty": "border-bottom-right-radius",
-          "type": "string",
-          "responsive": false,
-          "description": "右下の角丸。"
-        },
-        {
-          "prop": "bdrs-bl",
-          "cssProperty": "border-bottom-left-radius",
-          "type": "string",
-          "responsive": false,
-          "description": "左下の角丸。"
-        },
-        {
-          "prop": "bdrs-ss",
-          "cssProperty": "border-start-start-radius",
-          "type": "string",
-          "responsive": false,
-          "description": "インライン開始・ブロック開始方向の角丸。"
-        },
-        {
-          "prop": "bdrs-se",
-          "cssProperty": "border-start-end-radius",
-          "type": "string",
-          "responsive": false,
-          "description": "インライン終了・ブロック開始方向の角丸。"
-        },
-        {
-          "prop": "bdrs-es",
-          "cssProperty": "border-end-start-radius",
-          "type": "string",
-          "responsive": false,
-          "description": "インライン開始・ブロック終了方向の角丸。"
-        },
-        {
-          "prop": "bdrs-ee",
-          "cssProperty": "border-end-end-radius",
-          "type": "string",
-          "responsive": false,
-          "description": "インライン終了・ブロック終了方向の角丸。"
-        },
-        {
-          "prop": "bxsh",
-          "cssProperty": "box-shadow",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "ボックスシャドウ。",
-          "values": ["0", "5", "10", "20", "30", "40", "50"]
-        }
-      ]
-    },
-    {
-      "category": "position",
-      "description": "ポジション関連のプロパティ",
-      "props": [
-        {
-          "prop": "pos",
-          "cssProperty": "position",
-          "type": "string",
-          "responsive": false,
-          "description": "位置指定方法。",
-          "values": ["static", "fixed", "sticky", "rel", "abs"]
-        },
-        {
-          "prop": "z",
-          "cssProperty": "z-index",
-          "type": "string | number",
-          "responsive": false,
-          "description": "重ね順。",
-          "values": ["-1", "0", "1", "99"]
-        },
-        {
-          "prop": "t",
-          "cssProperty": "top",
-          "type": "string",
-          "responsive": false,
-          "description": "上端の位置。",
-          "values": ["0", "50%", "100%"]
-        },
-        {
-          "prop": "l",
-          "cssProperty": "left",
-          "type": "string",
-          "responsive": false,
-          "description": "左端の位置。",
-          "values": ["0", "50%", "100%"]
-        },
-        {
-          "prop": "r",
-          "cssProperty": "right",
-          "type": "string",
-          "responsive": false,
-          "description": "右端の位置。",
-          "values": ["0", "50%", "100%"]
-        },
-        {
-          "prop": "b",
-          "cssProperty": "bottom",
-          "type": "string",
-          "responsive": false,
-          "description": "下端の位置。",
-          "values": ["0", "50%", "100%"]
-        },
-        { "prop": "i", "cssProperty": "inset", "type": "string", "responsive": false, "description": "全方向の位置。", "values": ["0"] },
-        { "prop": "i-x", "cssProperty": "inset-inline", "type": "string", "responsive": false, "description": "インライン方向の位置。" },
-        { "prop": "i-y", "cssProperty": "inset-block", "type": "string", "responsive": false, "description": "ブロック方向の位置。" },
-        {
-          "prop": "i-x-s",
-          "cssProperty": "inset-inline-start",
-          "type": "string",
-          "responsive": false,
-          "description": "インライン開始方向の位置。"
-        },
-        {
-          "prop": "i-x-e",
-          "cssProperty": "inset-inline-end",
-          "type": "string",
-          "responsive": false,
-          "description": "インライン終了方向の位置。"
-        },
-        {
-          "prop": "i-y-s",
-          "cssProperty": "inset-block-start",
-          "type": "string",
-          "responsive": false,
-          "description": "ブロック開始方向の位置。"
-        },
-        {
-          "prop": "i-y-e",
-          "cssProperty": "inset-block-end",
-          "type": "string",
-          "responsive": false,
-          "description": "ブロック終了方向の位置。"
-        }
-      ]
-    },
-    {
-      "category": "flex",
-      "description": "Flexbox 関連のプロパティ",
-      "props": [
-        {
-          "prop": "fxf",
-          "cssProperty": "flex-flow",
-          "type": "string",
-          "responsive": false,
-          "description": "フレックスフロー (flex-direction と flex-wrap の一括指定)。"
-        },
-        {
-          "prop": "fxw",
-          "cssProperty": "flex-wrap",
-          "type": "string | array",
-          "responsive": true,
-          "description": "フレックス折り返し。",
-          "values": ["wrap"]
-        },
-        {
-          "prop": "fxd",
-          "cssProperty": "flex-direction",
-          "type": "string | array",
-          "responsive": true,
-          "description": "フレックス方向。",
-          "values": ["col", "col-r", "row-r"]
-        },
-        {
-          "prop": "fx",
-          "cssProperty": "flex",
-          "type": "string | array",
-          "responsive": true,
-          "description": "フレックス値。",
-          "values": ["1"]
-        },
-        {
-          "prop": "fxg",
-          "cssProperty": "flex-grow",
-          "type": "string | number",
-          "responsive": false,
-          "description": "フレックス拡大。",
-          "values": ["1"]
-        },
-        {
-          "prop": "fxsh",
-          "cssProperty": "flex-shrink",
-          "type": "string | number",
-          "responsive": false,
-          "description": "フレックス縮小。",
-          "values": ["0"]
-        },
-        { "prop": "fxb", "cssProperty": "flex-basis", "type": "string | array", "responsive": true, "description": "フレックス基準サイズ。" }
-      ]
-    },
-    {
-      "category": "grid",
-      "description": "Grid レイアウト関連のプロパティ",
-      "props": [
-        {
-          "prop": "gt",
-          "cssProperty": "grid-template",
-          "type": "string | array",
-          "responsive": true,
-          "description": "グリッドテンプレート。",
-          "values": ["repeat"]
-        },
-        {
-          "prop": "gta",
-          "cssProperty": "grid-template-areas",
-          "type": "string | array",
-          "responsive": true,
-          "description": "グリッドテンプレートエリア。"
-        },
-        {
-          "prop": "gtc",
-          "cssProperty": "grid-template-columns",
-          "type": "string | array",
-          "responsive": true,
-          "description": "グリッド列テンプレート。",
-          "values": ["subgrid"]
-        },
-        {
-          "prop": "gtr",
-          "cssProperty": "grid-template-rows",
-          "type": "string | array",
-          "responsive": true,
-          "description": "グリッド行テンプレート。",
-          "values": ["subgrid"]
-        },
-        {
-          "prop": "gaf",
-          "cssProperty": "grid-auto-flow",
-          "type": "string | array",
-          "responsive": true,
-          "description": "グリッド自動配置方向。",
-          "values": ["row", "col"]
-        },
-        {
-          "prop": "gac",
-          "cssProperty": "grid-auto-columns",
-          "type": "string",
-          "responsive": false,
-          "description": "グリッド自動列サイズ。"
-        },
-        {
-          "prop": "gar",
-          "cssProperty": "grid-auto-rows",
-          "type": "string",
-          "responsive": false,
-          "description": "グリッド自動行サイズ。"
-        },
-        {
-          "prop": "ga",
-          "cssProperty": "grid-area",
-          "type": "string | array",
-          "responsive": true,
-          "description": "グリッドエリア。",
-          "values": ["1/1"]
-        },
-        {
-          "prop": "gc",
-          "cssProperty": "grid-column",
-          "type": "string | array",
-          "responsive": true,
-          "description": "グリッドカラム位置。",
-          "values": ["1/-1"]
-        },
-        {
-          "prop": "gr",
-          "cssProperty": "grid-row",
-          "type": "string | array",
-          "responsive": true,
-          "description": "グリッド行位置。",
-          "values": ["1/-1"]
-        },
-        {
-          "prop": "gcs",
-          "cssProperty": "grid-column-start",
-          "type": "string",
-          "responsive": false,
-          "description": "グリッドカラム開始位置。"
-        },
-        { "prop": "gce", "cssProperty": "grid-column-end", "type": "string", "responsive": false, "description": "グリッドカラム終了位置。" },
-        { "prop": "grs", "cssProperty": "grid-row-start", "type": "string", "responsive": false, "description": "グリッド行開始位置。" },
-        { "prop": "gre", "cssProperty": "grid-row-end", "type": "string", "responsive": false, "description": "グリッド行終了位置。" },
-        {
-          "prop": "cols",
-          "cssProperty": "--cols (CSS変数)",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "列数を指定するCSS変数。"
-        },
-        {
-          "prop": "rows",
-          "cssProperty": "--rows (CSS変数)",
-          "type": "string | number | array",
-          "responsive": true,
-          "description": "行数を指定するCSS変数。"
-        }
-      ]
-    },
-    {
-      "category": "alignment",
-      "description": "配置関連のプロパティ",
-      "props": [
-        {
-          "prop": "ai",
-          "cssProperty": "align-items",
-          "type": "string | array",
-          "responsive": true,
-          "description": "交差軸のアイテム配置。",
-          "values": ["start", "center", "end", "stretch", "flex-s", "flex-e"]
-        },
-        {
-          "prop": "ac",
-          "cssProperty": "align-content",
-          "type": "string | array",
-          "responsive": true,
-          "description": "交差軸のコンテンツ配置。",
-          "values": ["start", "center", "end", "between", "flex-s", "flex-e"]
-        },
-        {
-          "prop": "ji",
-          "cssProperty": "justify-items",
-          "type": "string | array",
-          "responsive": true,
-          "description": "主軸のアイテム配置。",
-          "values": ["start", "center", "end", "stretch", "flex-s", "flex-e"]
-        },
-        {
-          "prop": "jc",
-          "cssProperty": "justify-content",
-          "type": "string | array",
-          "responsive": true,
-          "description": "主軸のコンテンツ配置。",
-          "values": ["start", "center", "end", "between", "flex-s", "flex-e"]
-        },
-        {
-          "prop": "pi",
-          "cssProperty": "place-items",
-          "type": "string",
-          "responsive": false,
-          "description": "両軸のアイテム配置。",
-          "values": ["start", "center", "end"]
-        },
-        {
-          "prop": "pc",
-          "cssProperty": "place-content",
-          "type": "string",
-          "responsive": false,
-          "description": "両軸のコンテンツ配置。",
-          "values": ["start", "center", "end"]
-        },
-        {
-          "prop": "aslf",
-          "cssProperty": "align-self",
-          "type": "string",
-          "responsive": false,
-          "description": "個別の交差軸配置。",
-          "values": ["start", "center", "end", "stretch"]
-        },
-        {
-          "prop": "jslf",
-          "cssProperty": "justify-self",
-          "type": "string",
-          "responsive": false,
-          "description": "個別の主軸配置。",
-          "values": ["start", "center", "end", "stretch"]
-        },
-        {
-          "prop": "pslf",
-          "cssProperty": "place-self",
-          "type": "string",
-          "responsive": false,
-          "description": "個別の両軸配置。",
-          "values": ["start", "center", "end"]
-        },
-        {
-          "prop": "order",
-          "cssProperty": "order",
-          "type": "string | number",
-          "responsive": false,
-          "description": "表示順序。",
-          "values": ["0", "-1", "1"]
-        }
-      ]
-    },
-    {
-      "category": "state",
-      "description": "状態・機能クラスを付与するための props（コンポーネント専用）",
-      "props": [
-        {
-          "prop": "isContainer",
-          "cssProperty": "(class: is--container)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "コンテナクエリの基準要素にする。"
-        },
-        {
-          "prop": "isWrapper",
-          "cssProperty": "(class: is--wrapper)",
-          "type": "boolean | string",
-          "responsive": false,
-          "description": "コンテンツ幅を制御するラッパーにする。",
-          "values": ["s", "l"]
-        },
-        {
-          "prop": "isLayer",
-          "cssProperty": "(class: is--layer)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "レイヤー（position:absolute で親要素に重なる）にする。"
-        },
-        {
-          "prop": "isLinkBox",
-          "cssProperty": "(class: is--linkBox)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "ボックス全体をリンク領域にする。"
-        },
-        {
-          "prop": "isSide",
-          "cssProperty": "(class: is--side)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "SideMain内でサイド要素として機能させる。"
-        },
-        {
-          "prop": "isSkipFlow",
-          "cssProperty": "(class: is--skipFlow)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "Flow内でフローマージンをスキップする。"
-        },
-        {
-          "prop": "isVertical",
-          "cssProperty": "(class: is--vertical)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "縦書きモードにする。"
-        },
-        {
-          "prop": "setGutter",
-          "cssProperty": "(class: set--gutter)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "左右にガター（余白）を付ける。"
-        },
-        {
-          "prop": "setShadow",
-          "cssProperty": "(class: set--shadow)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "シャドウ用のセットクラスを付与する。"
-        },
-        {
-          "prop": "setHov",
-          "cssProperty": "(class: set--hov)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "ホバー状態管理用のセットクラスを付与する。子要素へのホバー状態伝播に使用。"
-        },
-        {
-          "prop": "setTransition",
-          "cssProperty": "(class: set--transition)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "トランジション用のセットクラスを付与する。"
-        },
-        {
-          "prop": "setMask",
-          "cssProperty": "(class: set--mask)",
-          "type": "string",
-          "responsive": false,
-          "description": "マスク画像を設定するセットクラスを付与する。SVGやURL文字列を値として指定。"
-        },
-        {
-          "prop": "setPlain",
-          "cssProperty": "(class: set--plain)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "プレーン表示用のセットクラスを付与する。"
-        },
-        {
-          "prop": "setInnerRs",
-          "cssProperty": "(class: set--innerRs)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "内側の角丸を設定するセットクラスを付与する。"
-        },
-        {
-          "prop": "setBp",
-          "cssProperty": "(class: set--bp)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "ブレイクポイント制御用のセットクラスを付与する。"
-        },
-        {
-          "prop": "setCqUnit",
-          "cssProperty": "(class: set--cqUnit)",
-          "type": "boolean",
-          "responsive": false,
-          "description": "コンテナクエリ単位（cqi）を有効にするセットクラスを付与する。"
-        },
-        {
-          "prop": "hov",
-          "cssProperty": "(class: -hov:*)",
-          "type": "boolean | string | object",
-          "responsive": false,
-          "description": "ホバーエフェクトを設定。文字列で '-hov:{値}' クラスを出力。オブジェクトで複数指定可能。プリセット: 'o'（opacity）, 'bgc'（背景色）, 'c'（テキスト色）, 'bxsh'（影）等。",
-          "values": ["o", "bgc", "c", "bdc", "bxsh", "neutral", "to:hide", "to:show", "to:zoom"]
-        }
-      ]
-    },
-    {
-      "category": "others",
-      "description": "その他のCSSプロパティ",
-      "props": [
-        {
-          "prop": "ovwrap",
-          "cssProperty": "overflow-wrap",
-          "type": "string",
-          "responsive": false,
-          "description": "オーバーフローラップ。",
-          "values": ["any"]
-        },
-        {
-          "prop": "whspace",
-          "cssProperty": "white-space",
-          "type": "string",
-          "responsive": false,
-          "description": "ホワイトスペース。",
-          "values": ["nowrap"]
-        },
-        {
-          "prop": "float",
-          "cssProperty": "float",
-          "type": "string",
-          "responsive": false,
-          "description": "フロート。",
-          "values": ["left", "right"]
-        },
-        {
-          "prop": "clear",
-          "cssProperty": "clear",
-          "type": "string",
-          "responsive": false,
-          "description": "クリア。",
-          "values": ["both"]
-        },
-        {
-          "prop": "isolation",
-          "cssProperty": "isolation",
-          "type": "string",
-          "responsive": false,
-          "description": "スタッキングコンテキストの分離。",
-          "values": ["isolate"]
-        },
-        {
-          "prop": "css",
-          "cssProperty": "(style属性)",
-          "type": "object",
-          "responsive": false,
-          "description": "CSS変数やカスタムスタイルをオブジェクトで指定。style属性に直接マージされる。例: css={{'--my-var': 'value'}}。"
-        }
-      ]
-    }
-  ]
-}