@lism-css/mcp 0.12.0 → 0.13.0

package/dist/data/guides/primitives/is--container.md

@@ -0,0 +1,46 @@
+# is--container / `<Container>`
+
+`container-type` を宣言してコンテナクエリを有効にするクラス。レスポンシブ Property Class（`p={['10', '30']}` のような配列指定）を使うとき、基準要素として必要になります。
+
+## 基本情報
+
+- クラス名: `is--container`
+- コンポーネント: `<Container>`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/trait/_container.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/is--container/
+
+## 使い方
+
+`<Container>` は `<Lism isContainer>` のエイリアスです。`isContainer` Prop は他のコンポーネントにも使用できます（例: `<Flow isContainer>`）。
+
+| Prop | 出力 |
+|------|------|
+| `isContainer` | `.is--container` |
+
+## Usage
+
+### 使用例
+
+```jsx
+<Container isWrapper="s" p="20">
+  <Box bd p={['10', '30']}>
+    このBOXは、padding が切り替わります
+  </Box>
+</Container>
+```
+
+```html
+<div class="is--container is--wrapper -contentSize:s -p:20">
+  <div class="l--box -bd -p:10 -p_sm" style="--p_sm: var(--s30)">
+    このBOXは、padding が切り替わります
+  </div>
+</div>
+```
+
+子要素側は `p={['10', '30']}` のようなブレイクポイント配列指定にすることで、親の `is--container` を基準としたコンテナクエリで値が切り替わります。
+
+## 関連プリミティブ
+
+- [is--wrapper](./is--wrapper.md) — コンテンツ幅ラッパー（`isContainer` と併用可）
+- [l--flow](./l--flow.md) — 記事コンテンツ向けフローレイアウト
+- [l--box](./l--box.md) — 汎用ボックス

package/dist/data/guides/primitives/is--layer.md

@@ -0,0 +1,71 @@
+# is--layer / `<Layer>`
+
+`position: absolute` で親要素の上に被せて配置するオーバーレイ用クラス。親には `pos="relative"` が必要です。
+
+## 基本情報
+
+- クラス名: `is--layer`
+- コンポーネント: `<Layer>`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/trait/_layer.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/is--layer/
+
+## 使い方
+
+`<Layer>` は `<Lism isLayer>` のエイリアスです。他コンポーネントにも `isLayer` Prop で付与できます（例: `<Frame isLayer>`）。
+
+## Usage
+
+### 基本的な使い方
+
+親要素に `pos="relative"` を指定し、子に `<Layer>` を置くことで上に重なるオーバーレイになります。
+
+```jsx
+<Box pos="relative" py="40">
+  <Text fz="2xl" fw="bold" ta="center">BACKGROUND</Text>
+  <Layer p="15" bgc="purple:10%">
+    <p>Layer Contents...</p>
+  </Layer>
+</Box>
+```
+
+```html
+<div class="l--box -pos:relative -py:40">
+  <p class="-fz:2xl -fw:bold -ta:center">BACKGROUND</p>
+  <div class="is--layer -p:15 -bgc" style="--bgc: color-mix(in srgb, var(--purple) 10%, transparent)">
+    <p>Layer Contents...</p>
+  </div>
+</div>
+```
+
+### backdrop-filter の活用
+
+`style` プロパティで `backdropFilter` を直接指定すると、背景をブラー・セピアなどの効果で加工できます。
+
+```jsx
+<Frame ar="2/1" pos="relative">
+  <img src="/img/a-1.jpg" alt="" width="960" height="640" />
+  <Layer style={{ backdropFilter: 'contrast(1.1) sepia(0.4)' }} />
+</Frame>
+```
+
+### メディアレイヤー（画像を背景にする）
+
+`<Frame isLayer>` でメディアをレイヤー化して背景画像として配置し、さらに `<Layer>` で暗幕を重ね、本文は `pos="relative"` で上にのせる構成が定番です。
+
+```jsx
+<Box pos="relative" py="50" px="40">
+  <Frame isLayer>
+    <Media src="/img/a-2.jpg" alt="" width="960" height="640" />
+  </Frame>
+  <Layer bgc="black:50%" />
+  <Stack pos="relative" g="30" c="white">
+    <p>本文テキスト...</p>
+  </Stack>
+</Box>
+```
+
+## 関連プリミティブ
+
+- [l--frame](./l--frame.md) — `isLayer` 併用でメディア背景のレイヤー化
+- [l--grid](./l--grid.md) — `ga="1/1"` で position を使わずに重ね配置する代替パターン
+- [l--center](./l--center.md) — レイヤー内のコンテンツ中央寄せ

package/dist/data/guides/primitives/is--vertical.md

@@ -0,0 +1,52 @@
+# is--vertical
+
+要素に縦書きモード（`writing-mode`）を適用するクラス。対応するコンポーネントエイリアスはありません（直接クラス指定で使用）。
+
+## 基本情報
+
+- クラス名: `is--vertical`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/trait/_vertical.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/is--vertical/
+
+## クラスバリエーション
+
+縦書き用の値はトークン（`--vertical-mode`）で管理されており、`lang` 属性に合わせて `vertical-rl` / `vertical-lr` を上書きできます。
+
+| クラス名 | 説明 |
+|---------|------|
+| `is--vertical` | 常に縦書きモードにする |
+| `is--vertical@sm` | `sm` サイズ以上で縦書きにする |
+| `is--vertical@md` | `md` サイズ以上で縦書きにする |
+
+**注意**: `is--vertical@sm`, `is--vertical@md` を使う場合は、**`set--bp` クラスを併用する必要があります**。
+
+## Usage
+
+### 常に縦書き
+
+```html
+<div class="is--vertical">
+  <p>縦書きテキスト...</p>
+</div>
+```
+
+### `sm` 以上で縦書きにする
+
+```jsx
+<Flow set="gutter" py="20" w="100%" h="20em" className="is--vertical@sm set--bp">
+  <p>本文テキスト...</p>
+  <p>本文テキスト...</p>
+</Flow>
+```
+
+```html
+<div class="is--vertical@sm set--bp l--flow set--gutter -py:20 -w:100% -h" style="--h: 20em">
+  <p>本文テキスト...</p>
+  <p>本文テキスト...</p>
+</div>
+```
+
+## 関連プリミティブ
+
+- [l--flow](./l--flow.md) — 縦書きコンテンツと組み合わせる記事フロー
+- [is--wrapper](./is--wrapper.md) — コンテンツ幅の制限

package/dist/data/guides/primitives/is--wrapper.md

@@ -0,0 +1,87 @@
+# is--wrapper / `<Wrapper>`
+
+直下のコンテンツ幅を一括制御するクラス。`max-width` とセンタリングを担い、記事・セクションのコンテンツ幅の統一に使います。
+
+## 基本情報
+
+- クラス名: `is--wrapper`
+- コンポーネント: `<Wrapper>`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/trait/_wrapper.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/is--wrapper/
+
+## 使い方
+
+`<Wrapper>` は `<Lism isWrapper>` のエイリアスです。`isWrapper` Prop は他のコンポーネントにも使用できます（例: `<Flow isWrapper>`）。
+
+| 指定 | 出力 |
+|------|------|
+| `isWrapper` | `.is--wrapper` |
+| `isWrapper="s"` | `.is--wrapper .-contentSize:s` |
+| `isWrapper="l"` | `.is--wrapper .-contentSize:l` |
+| `isWrapper="20rem"`（任意値） | `.is--wrapper` + `style="--contentSize: 20rem"` |
+
+## 専用Props
+
+| Prop | 説明 |
+|------|------|
+| `contentSize` | コンテンツサイズ。`s` / `l` / トークン / 任意値 |
+
+```jsx
+// 下記の ① と ② は同じ結果
+<Flow isWrapper="s" isContainer>...</Flow>
+<Wrapper contentSize="s" layout="flow" isContainer>...</Wrapper>
+```
+
+## Usage
+
+### `layout` との組み合わせ
+
+```jsx
+<Wrapper layout="flow" p="20">
+  <p>Content</p>
+  <p>Content</p>
+</Wrapper>
+```
+
+```html
+<div class="l--flow is--wrapper -p:20">
+  <p>Content</p>
+  <p>Content</p>
+</div>
+```
+
+### `contentSize` 指定
+
+```jsx
+<Wrapper contentSize="s" layout="flow" p="20">
+  <p>Content</p>
+  <p>Content</p>
+</Wrapper>
+```
+
+```html
+<div class="l--flow is--wrapper -contentSize:s -p:20">
+  <p>Content</p>
+  <p>Content</p>
+</div>
+```
+
+### 任意値のコンテンツ幅
+
+```jsx
+<Lism isWrapper="20rem" p="20">
+  <div>Contents...</div>
+</Lism>
+```
+
+```html
+<div class="is--wrapper -p:20" style="--contentSize: 20rem">
+  <div>Contents...</div>
+</div>
+```
+
+## 関連プリミティブ
+
+- [is--container](./is--container.md) — コンテナクエリ基準（`isContainer` と併用可）
+- [l--flow](./l--flow.md) — 記事フローレイアウト（`layout="flow"` で結合）
+- [l--box](./l--box.md) — 汎用ボックス

package/dist/data/guides/primitives/l--box.md

@@ -0,0 +1,31 @@
+# l--box / `<Box>`
+
+コンテンツをグループ化するだけのシンプルなクラス。汎用的な箱として、パディング・ボーダー・背景色などの指定に使います。
+
+## 基本情報
+
+- クラス名: `l--box`
+- コンポーネント: `<Box>`
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/l--box/
+
+## Usage
+
+### 基本的な使い方
+
+```jsx
+<Box p="30" bgc="base-2" bxsh="10" bdrs="10">
+  <p>コンテンツ...</p>
+</Box>
+```
+
+```html
+<div class="l--box -p:30 -bgc:base-2 -bxsh:10 -bdrs:10">
+  <p>コンテンツ...</p>
+</div>
+```
+
+## 関連プリミティブ
+
+- [l--flow](./l--flow.md) — テキスト主体のフローレイアウト
+- [l--stack](./l--stack.md) — Flex 縦並び
+- [is--wrapper](./is--wrapper.md) — コンテンツ幅ラッパー

package/dist/data/guides/primitives/l--center.md

@@ -0,0 +1,55 @@
+# l--center / `<Center>`
+
+要素を上下左右中央揃えで配置するクラス。高さの有無で水平中央のみ / 上下左右中央を自動的に切り替えます。
+
+## 基本情報
+
+- クラス名: `l--center`
+- コンポーネント: `<Center>`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/layout/_center.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/l--center/
+
+## 動作の仕組み
+
+- 高さを持たない場合: コンテンツを**水平方向のみ**中央揃え（内在的な中央寄せ。長いテキストは左寄せのまま）
+- 高さ・アスペクト比（`h`, `min-h`, `ar` など）が設定されている場合: **垂直方向も中央揃え**
+
+## Usage
+
+### 水平方向に中央配置
+
+```jsx
+<Center bd p="30">
+  <Text fz="l">TEXT</Text>
+</Center>
+```
+
+```html
+<div class="l--center -bd -p:30">
+  <p class="-fz:l">TEXT</p>
+</div>
+```
+
+### 上下左右中央に配置する
+
+`ar` や高さを指定すると、垂直方向に対しても中央揃えになります。
+
+```jsx
+<Center g="10" ar="3/2" bd>
+  <Text fz="l">TEXT</Text>
+  <Text fz="s">Lorem ipsum dolor sit amet.</Text>
+</Center>
+```
+
+```html
+<div class="l--center -bd -g:10 -ar:3/2">
+  <p class="-fz:l">TEXT</p>
+  <p class="-fz:s">Lorem ipsum dolor sit amet.</p>
+</div>
+```
+
+## 関連プリミティブ
+
+- [l--frame](./l--frame.md) — アスペクト比付きメディアフレーム（`<Center>` と組み合わせられる）
+- [l--stack](./l--stack.md) — `ai="center"` で水平中央の内在的な中央寄せが可能
+- [l--grid](./l--grid.md) — `ga="1/1"` で重ね配置のオーバーレイ

package/dist/data/guides/primitives/l--cluster.md

@@ -0,0 +1,38 @@
+# l--cluster / `<Cluster>`
+
+複数の要素を横方向に並べ、数が多ければ自動的に折り返すクラス。タグリスト・ボタングループなどに使います。
+
+## 基本情報
+
+- クラス名: `l--cluster`
+- コンポーネント: `<Cluster>`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/layout/_cluster.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/l--cluster/
+
+## Usage
+
+### 基本的な使い方
+
+```jsx
+<Cluster g="15">
+  <Lism bd px="10" bdrs="10">Lorem</Lism>
+  <Lism bd px="10" bdrs="10">ipsum</Lism>
+  <Lism bd px="10" bdrs="10">Dolor</Lism>
+  <Lism bd px="10" bdrs="10">Sit amet</Lism>
+</Cluster>
+```
+
+```html
+<div class="l--cluster -g:15">
+  <span class="-bd -px:10 -bdrs:10">Lorem</span>
+  <span class="-bd -px:10 -bdrs:10">ipsum</span>
+  <span class="-bd -px:10 -bdrs:10">Dolor</span>
+  <span class="-bd -px:10 -bdrs:10">Sit amet</span>
+</div>
+```
+
+## 関連プリミティブ
+
+- [l--flex](./l--flex.md) — 汎用 Flex 横並び（折り返しなしが基本）
+- [l--stack](./l--stack.md) — Flex 縦並び
+- [l--switchCols](./l--switchCols.md) — ブレイクポイントで縦横切り替えるカラム

package/dist/data/guides/primitives/l--columns.md

@@ -0,0 +1,72 @@
+# l--columns / `<Columns>`
+
+ブレイクポイントごとに指定した列数で表示できるカラムクラス。等幅の複数カラムを定義したい場合に使います。
+
+## 基本情報
+
+- クラス名: `l--columns`
+- コンポーネント: `<Columns>`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/layout/_columns.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/l--columns/
+
+## 専用Props
+
+| Prop | CSS変数 | 説明 | デフォルト |
+|------|--------|------|------------|
+| `cols` | `--cols` | 列数を指定。配列でブレイクポイント指定可 | `2` |
+
+## Usage
+
+### 2列レイアウト
+
+```jsx
+<Columns cols={2} g="20">
+  <Box bgc="base-2" p="20">Box</Box>
+  <Box bgc="base-2" p="20">Box</Box>
+  <Box bgc="base-2" p="20">Box</Box>
+  <Box bgc="base-2" p="20">Box</Box>
+</Columns>
+```
+
+```html
+<div class="l--columns -g:20" style="--cols: 2">
+  <div class="l--box -bgc:base-2 -p:20">Box</div>
+  <div class="l--box -bgc:base-2 -p:20">Box</div>
+  <div class="l--box -bgc:base-2 -p:20">Box</div>
+  <div class="l--box -bgc:base-2 -p:20">Box</div>
+</div>
+```
+
+### ブレイクポイント別指定
+
+```jsx
+<Columns cols={[1, 2, 3]} g="20">
+  <Box>Box1</Box>
+  <Box>Box2</Box>
+  <Box>Box3</Box>
+</Columns>
+```
+
+```html
+<div class="l--columns -cols_sm -cols_md -g:20" style="--cols: 1; --cols_sm: 2; --cols_md: 3">
+  <div class="l--box">Box1</div>
+  <div class="l--box">Box2</div>
+  <div class="l--box">Box3</div>
+</div>
+```
+
+`null` でブレイクポイントをスキップ可：`cols={[2, null, 4]}` で「デフォルト2列、`md` から4列」になります。
+
+### `gc`（grid-column）で子要素の横幅を個別制御
+
+子要素側で `gc="span 2"` のように指定すると、その子だけ複数列にまたがって配置できます。`cols="6"` 等の多めの列数と組み合わせると、不揃いなブロックレイアウトを作れます。
+
+### subgrid でカード高さ揃え
+
+子要素を `<Grid gtr="subgrid" gr="span 4">` にすると、親 Columns の行グリッドを継承しカード内のメディア・タイトル・本文・フッタを縦方向に揃えられます。
+
+## 関連プリミティブ
+
+- [l--tileGrid](./l--tileGrid.md) — 列数×行数を指定する均等タイル
+- [l--fluidCols](./l--fluidCols.md) — カラム幅ベースの自動段組
+- [l--switchCols](./l--switchCols.md) — 複数列 ↔ 1列切り替え

package/dist/data/guides/primitives/l--flex.md

@@ -0,0 +1,74 @@
+# l--flex / `<Flex>`
+
+コンテンツを Flex レイアウトで配置するためのクラス。
+
+## 基本情報
+
+- クラス名: `l--flex`
+- コンポーネント: `<Flex>`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/layout/_flex.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/l--flex/
+
+## Usage
+
+### 基本的な使い方
+
+```jsx
+<Flex>
+  <div>Item</div>
+  <div>Item</div>
+  <div>Item</div>
+</Flex>
+```
+
+```html
+<div class="l--flex">
+  <div>Item</div>
+  <div>Item</div>
+  <div>Item</div>
+</div>
+```
+
+### Flex プロパティの指定
+
+Property Class や Lism Props で Flex 関連プロパティ（`g`, `fxw`, `jc`, `ai`, `fxd` など）を指定できます。レスポンシブ対応プロパティは配列・オブジェクトで指定可能。
+
+```jsx
+<Flex fxw="wrap" jc="center" g="20">
+  <div>Flex Content</div>
+  <div>Flex Content</div>
+  <div>Flex Content</div>
+</Flex>
+```
+
+```html
+<div class="l--flex -fxw:wrap -g:20 -jc:center">
+  <div>Flex Content</div>
+  <div>Flex Content</div>
+  <div>Flex Content</div>
+</div>
+```
+
+### 子要素の Flex プロパティ
+
+子要素側も `fx`（flex shorthand）, `fxb`（flex-basis）, `fxg`（flex-grow）, `fxs`（flex-shrink）などで個別制御できます。
+
+```jsx
+<Flex g="20">
+  <Lism fx="1">Flex Content</Lism>
+  <Lism fxb={['33%', '25%']}>Flex Content</Lism>
+</Flex>
+```
+
+```html
+<div class="l--flex -g:20">
+  <div class="-fx:1">Flex Content</div>
+  <div class="-fxb -fxb_sm" style="--fxb:33%;--fxb_sm:25%">Flex Content</div>
+</div>
+```
+
+## 関連プリミティブ
+
+- [l--stack](./l--stack.md) — 縦積みの Flexbox（`flex-direction: column`）
+- [l--cluster](./l--cluster.md) — 折り返し前提の横並び（`flex-wrap: wrap`）
+- [l--grid](./l--grid.md) — CSS Grid レイアウト

package/dist/data/guides/primitives/l--flow.md

@@ -0,0 +1,134 @@
+# l--flow / `<Flow>`
+
+子要素間の余白を `margin-block-start` で管理するフローレイアウト。**記事コンテンツなどテキスト主体のフローレイアウト**に最適。
+
+## 基本情報
+
+- クラス名: `l--flow`
+- コンポーネント: `<Flow>`
+- SCSSソース: https://raw.githubusercontent.com/lism-css/lism-css/main/packages/lism-css/src/scss/primitives/layout/_flow.scss
+- ドキュメント（人間向け）: https://lism-css.com/docs/primitives/l--flow/
+
+## 余白の仕組み
+
+`l--flow` 直下の子要素は、`--flow` 変数と `margin-block-start` で間隔が管理されます。見出しタグ（`h2`〜`h6`）のみ余白が大きくなる（`--flow-hScale` で調整可能）。
+
+| クラス | 余白量 |
+|--------|-------|
+| `.l--flow` | `--flow--base`（`--s30`） |
+| `.l--flow.-flow:s` | `--flow--s`（`--s20`） |
+| `.l--flow.-flow:` | `--flow` を直接指定した値 |
+
+## 専用Props
+
+| Prop | 説明 |
+|------|------|
+| `flow` | `--flow` の値を指定。`s` / `l` などのトークン値を渡すと `.-flow:{value}` クラスが付与、任意値を渡すと `.-flow:` + `style="--flow:..."` が出力される |
+
+## Usage
+
+### 基本的な使い方
+
+```jsx
+<Flow>
+  <p>本文1...</p>
+  <p>本文2...</p>
+  <h2>Heading 2</h2>
+  <p>本文3...</p>
+  <ul>
+    <li>リスト項目1</li>
+    <li>リスト項目2</li>
+  </ul>
+</Flow>
+```
+
+```html
+<div class="l--flow">
+  <p>本文1...</p>
+  <p>本文2...</p>
+  <h2>Heading 2</h2>
+  <p>本文3...</p>
+  <ul>...</ul>
+</div>
+```
+
+### 余白量をトークンで変える（`flow="s"`）
+
+```jsx
+<Flow flow="s">
+  <p>本文...</p>
+  <h2>Heading</h2>
+  <p>本文...</p>
+</Flow>
+```
+
+```html
+<div class="l--flow -flow:s">
+  <p>本文...</p>
+  <h2>Heading</h2>
+  <p>本文...</p>
+</div>
+```
+
+### 任意の値を指定する
+
+トークン値以外を `flow` に渡すと、`-flow:` クラスと `--flow` CSS変数で出力されます。
+
+```jsx
+<Flow flow="10px">
+  <p>本文...</p>
+  <p>本文...</p>
+</Flow>
+```
+
+```html
+<div class="l--flow -flow:" style="--flow:10px">
+  <p>本文...</p>
+  <p>本文...</p>
+</div>
+```
+
+## `is--skipFlow`
+
+`l--flow` 直下で使用し、**次の兄弟要素との余白を打ち消す**トレイトクラス。フローコンテンツの先頭に `position: absolute` な要素を配置したい場合などに使用します。
+
+```html
+<div class="l--flow">
+  <div class="is--skipFlow">スキップ対象</div>
+  <p>本文1（上の要素との余白が打ち消される）</p>
+  <p>本文2</p>
+</div>
+```
+
+`is--skipFlow` は `l--flow` 専用のトレイトクラスで、独立したドキュメントは持ちません。
+
+## 入れ子時の注意点
+
+`l--flow` の直下で `l--flow` をネストして `--flow` をカスタム値で直接指定すると、**その子側の `l--flow` 自身の `margin-block-start` にも影響**が出ます。直下にネストせず、別要素で一度ラップすれば回避できます。
+
+```jsx
+// NG: 直下ネストで --flow を上書きすると親子両方に影響
+<Flow>
+  <p>親コンテンツ</p>
+  <Flow flow="5px">  {/* この Flow 自体の上マージンも 5px になる */}
+    <p>子コンテンツ</p>
+  </Flow>
+</Flow>
+
+// OK: 間に1段ラップを挟む
+<Flow>
+  <p>親コンテンツ</p>
+  <div>
+    <Flow flow="5px">
+      <p>子コンテンツ</p>
+    </Flow>
+  </div>
+</Flow>
+```
+
+またネストされた `l--flow` は、`--flow` が未定義の場合 `--flow--base` ではなく**親の値を継承**することにも注意してください。
+
+## 関連プリミティブ
+
+- [l--stack](./l--stack.md) — `gap` で余白を管理する縦積み（こちらは Flexbox）
+- [is--wrapper](./is--wrapper.md) — 記事コンテンツ幅の制限用ラッパー（`l--flow` とセットで使うことが多い）