@ubie/vitals-ui-business 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,79 @@
 # @ubie/vitals-ui-business
 
+## 0.3.0
+
+### Minor Changes
+
+- 81fe319: ToB プロダクト共通のテーマ `businessTheme` を追加し、`UbieConfigProvider` が既定で適用するようになります。
+
+  - `businessTheme`: `@ubie/vitals-antd-theme` の `antdTheme` を基底に、`Layout`（`bodyBg` / `footerBg` / `headerBg`）と `Table`（`rowHoverBg` / `cellPaddingBlockSM`）の共通既定を足したもの。公開 API として export します
+  - `UbieConfigProvider` を使っている画面では、Layout の背景色と Table の行 hover 色・small 密度の余白が変わります。差分は従来どおり `theme` prop で上書きできます
+  - `ConfigProvider` を直接使っている場合は `{ ...businessTheme, components: { ...businessTheme.components, ... } }` のように差分だけを重ねてください
+  - 入口となる `DESIGN.md` と `docs/tokens.md`、Storybook の stories（カードの実演）を配布物に含めます。`.storybook/` とテストファイルは配布物から外れます
+
+  背景と判断の根拠は https://github.com/ubie-inc/ubie-vitals/blob/main/docs/adr/0003-reference-layer-and-business-components-in-ui-business.md を参照してください。
+
+- ea58c27: チャット部品 `ChatBubble` / `ChatConversations` を追加します。`ChatBubble` は `@ant-design/x` の `Bubble` の superset で、`evidence` / `timestamp` / `timestampFormat` / `onRetry` / `retryLabel` を利用側の `footer` / `extra` を潰さず合成します。`ChatConversations` は `Conversations` の superset で、`items` が空のときの `emptyState`（既定は antd の `Empty`）を足します。
+
+  どちらも `ref` を宣言して `Bubble` / `Conversations` に明示的に渡します（`BubbleProps` / `ConversationsProps` に `ref` の宣言が無く、そのままでは型で受け付けられないため）。`emptyState` は `evidence.node` と同じ契約で、未指定なら既定の `Empty`、`null` なら何も描かない、`0` や `""` のような falsy な `ReactNode` はそのまま描きます。
+
+  これに伴い、未 publish（`private: true`）だった `@ubie/vitals-antd-chat` パッケージを削除しました。固有の挙動を持っていた `UbieChatBubble` / `UbieChatConversations` は上記のとおり `ui-business` に移し、素通しラッパーだった `UbieChatSender` と専用の `UbieChatProvider` は移送せず、`Sender` の再 export と `UbieConfigProvider` + `XProvider` の組み合わせに委ねます。未 publish のため利用側への影響はありません。
+
+  `docs/components/chat.md` と Storybook の `Business/Chat` を追加しました。
+
+- 8037ee0: `Table` を追加します。`@ubie/vitals-ui-business` の `Table` は antd `Table` の superset で、`onRowClick`（行内の `data-row-action` 要素からのクリックは除外）・`hoverActions`（hover 中の行だけに描く行内アクション）・`disableHoverEffect` を足し、`size` の既定を `small` にします。antd の `Table` をそのまま使いたい場合は `size` を明示してください。
+
+  Table / Layout のコンポーネントカード（`docs/components/`）と画面骨格 5 型のパターンカード（`docs/patterns/skeleton.md`）、Storybook の `Business/Table` と `Patterns/Skeleton` を追加します。
+
+  `TableProps` 型も同名でシャドウされます（antd の `TableProps` と同じく型引数を省略できます）。
+
+### Patch Changes
+
+- 7eb8a58: publish される `package.json` から `development` export 条件を除外する。
+
+  これまで publish 後の `exports` は `development` 条件が先頭にあり、TS ソース（`./src/index.ts`）を直接指していた。条件付き exports はキーの順に評価されるため、この条件を有効にするツール（Next.js の dev ビルドなど）では常に `src/index.ts` が解決される。consumer が bundler 側で transpile を設定していないと、素の TS を parse できずに落ちる。
+
+  ```
+  Module parse failed: Unexpected token
+  > export type { UbieConfigProviderProps } from "./UbieConfigProvider";
+  ```
+
+  本番ビルドは `require` / `import` 条件から `dist` を読むため再現せず、CI の Build も通る。結果として consumer のローカル開発でだけ壊れる。
+
+  `publishConfig.exports` で publish 時のみ `development` を落とす。リポジトリ内の `exports` はそのままなので、`examples/*` と Storybook が `src` を直接読む開発体験は変わらない。
+
+  consumer 側では、この 3 パッケージのために入れていた `transpilePackages`（Next.js）や同等の transpile 設定が不要になる。
+
+- 420df47: 開示パターンのカードと Modal / Drawer のカードを追加しました。docs のみの変更で、実装・公開 API に変更はありません。
+- 19e5920: 情報設計の原則を追加。8 原則の P2 / P6 を、名詞 → 動詞・モードレス既定・ナビは地面などの語彙で具体化する。
+- ecc18ae: 一覧と詳細のパターンカードと Storybook の実演（`Patterns/ListDetail`）を追加し、DESIGN.md の索引を仕上げました。公開 API に変更はありません。
+- 68adaa5: 体験設計原則（P1〜P8）と採点の枠を `docs/principles/` に追加
+- ef5dc06: `DESIGN.md` の書き方を見直しました。docs のみの変更で、実装・公開 API に変更はありません。
+
+  - 「参照層」「素材層」「業務版」「同名シャドウ」「別名複合」「相」といった、設計議論で作った語を `DESIGN.md` から外しました。これらを読んだ人とエージェントがその語で喋りはじめ、語を知らない相手が戸惑うためです
+  - 語彙を「業務」から「ToB」に寄せました。コード側の識別子（`ui-business` / `businessTheme` / Storybook の `Business/`）は `business` のままです
+  - コンポーネントを索引に載せる手順・ADR の扱いといった維持する側の情報を `DESIGN.md` から `CONTRIBUTING.md` に移しました（`CONTRIBUTING.md` は配布物に含まれません）
+  - ADR へのリンクを `DESIGN.md` の索引から外しました。決定の経緯は利用時に必要ないためです
+
+- Updated dependencies [7eb8a58]
+  - @ubie/vitals-antd-theme@0.0.10
+
+## 0.2.1
+
+### Patch Changes
+
+- 64f9d68: `UbieConfigProvider` が適用する primary 色が変わります（依存する `@ubie/vitals-antd-theme` の変更に追随したものです）。
+
+  primary を使うすべてのコンポーネント（Button / Switch / Radio / Checkbox / Table の選択行 / Tag / Menu の選択状態など）の色が影響を受けます。とくに、これまで灰色に潰れていた `colorPrimaryBg` 相当の淡色が、青みを持つ色に変わります。
+
+  影響は `UbieConfigProvider` を適用している範囲に閉じます。`@ubie/vitals-token` の `color.primary` / `--color-primary` は変更していないため、`@ubie/vitals-token-consumer` や `@ubie/vitals-shadcn-theme` を利用しているプロダクトには影響しません。
+
+  背景と判断の根拠は https://github.com/ubie-inc/ubie-vitals/blob/main/docs/adr/0002-business-primary-color-seed.md を参照してください。0.0.1 から上げる場合は https://github.com/ubie-inc/ubie-vitals/blob/main/docs/migration/from-0.0.1.md も必ず読んでください。
+
+- Updated dependencies [b425e42]
+- Updated dependencies [4b6b9bb]
+  - @ubie/vitals-antd-theme@0.0.9
+
 ## 0.2.0
 
 ### Minor Changes

package/DESIGN.md

@@ -0,0 +1,71 @@
+# @ubie/vitals-ui-business
+
+Ubie の ToB プロダクトを antd で組み立てるためのパッケージ。
+antd と Ant Design X の公開 API をそのまま再 export し、共通のテーマと、既定を足したコンポーネントを加える。
+この文書は最初に読む索引で、原則・パターン・部品・トークンの在処を指す。
+
+## 使うときの約束
+
+- `antd` から直接ではなく `@ubie/vitals-ui-business` から import する
+- 色・寸法の値をプロダクトのコードに書かない。正本はトークンとテーマにある（`docs/tokens.md`）
+- アプリ固有の逸脱は、そのプロダクトのリポジトリに書く
+
+## 何をするときに何を読むか
+
+| したいこと                   | 読むもの                                                                                                                              |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
+| プロダクトを立ち上げる       | 下の「立ち上げ」                                                                                                                      |
+| 画面を 1 枚足す              | 骨格は `docs/patterns/skeleton.md` → 一覧と詳細の関係は `docs/patterns/list-detail.md` → 情報の出し方は `docs/patterns/disclosure.md` |
+| 部品の使い方を確かめる       | `docs/components/`（Table / Layout / Modal / Drawer / チャット）                                                                      |
+| 色・寸法を決める             | `docs/tokens.md`                                                                                                                      |
+| 設計や実装を見直す・採点する | `docs/principles/`                                                                                                                    |
+
+## 索引
+
+### テーマ
+
+| 名前                 | 場所                         | 役割                                                                                          |
+| -------------------- | ---------------------------- | --------------------------------------------------------------------------------------------- |
+| `businessTheme`      | `src/theme/businessTheme.ts` | ToB プロダクト共通の antd テーマ。`antdTheme` の token 層 + Layout / Table の components 既定 |
+| `UbieConfigProvider` | `src/UbieConfigProvider.tsx` | `businessTheme` を既定で当てる ConfigProvider。利用側の `theme` は差分として重なる            |
+
+### コンポーネント
+
+antd の同名コンポーネントに既定を足したもの、および antd に対応物がない部品。
+
+| 名前                | 場所                                         | antd との差分                                                                                        | カード                     |
+| ------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------- | -------------------------- |
+| `Table`             | `src/components/Table/index.tsx`             | `onRowClick` / `hoverActions` / `disableHoverEffect`、`size="small"` 既定                            | `docs/components/table.md` |
+| `ChatBubble`        | `src/components/ChatBubble/index.tsx`        | `evidence` / `timestamp` / `timestampFormat` / `onRetry` / `retryLabel` を `footer` / `extra` に合成 | `docs/components/chat.md`  |
+| `ChatConversations` | `src/components/ChatConversations/index.tsx` | `emptyState`（未指定なら antd の `Empty`）                                                           | `docs/components/chat.md`  |
+
+### 文書
+
+| 文書                        | 場所                                    |
+| --------------------------- | --------------------------------------- |
+| 体験設計の 8 原則と採点の枠 | `docs/principles/README.md`             |
+| 情報設計の原則              | `docs/principles/information-design.md` |
+| トークンの優先順位          | `docs/tokens.md`                        |
+| Table カード                | `docs/components/table.md`              |
+| 画面骨格 5 型               | `docs/patterns/skeleton.md`             |
+| 情報の開示パターン          | `docs/patterns/disclosure.md`           |
+| 一覧と詳細                  | `docs/patterns/list-detail.md`          |
+| Layout カード               | `docs/components/layout.md`             |
+| Modal カード                | `docs/components/modal.md`              |
+| Drawer カード               | `docs/components/drawer.md`             |
+| チャット                    | `docs/components/chat.md`               |
+
+### 描画カタログ
+
+Storybook: https://ubie-inc.github.io/ubie-vitals/ui-business （main への push で更新）
+コンポーネントは Storybook の "Business/" グループ、パターンの実演は "Patterns/" グループにある。
+
+- コンポーネント: `src/stories/business/Table.stories.tsx`・`src/stories/business/Chat.stories.tsx`
+- パターンの実演: `src/stories/patterns/Skeleton.stories.tsx`・`src/stories/patterns/Disclosure.stories.tsx`・`src/stories/patterns/ListDetail.stories.tsx`
+
+## 立ち上げ
+
+1. 依存を入れる: `pnpm add @ubie/vitals-ui-business react react-dom`
+2. アプリの最上位を `UbieConfigProvider` で包む。`antd` ではなく `@ubie/vitals-ui-business` から import する
+3. アプリ固有のテーマ差分（ヘッダー高さなど）は `UbieConfigProvider` の `theme` に差分だけ渡す。書き方は `docs/tokens.md`
+4. 骨格は `docs/patterns/skeleton.md` の 5 型から選ぶ。一覧と詳細の組み立ては `docs/patterns/list-detail.md`、情報の出し方は `docs/patterns/disclosure.md`、部品の用法は `docs/components/` にある

package/dist/index.cjs

@@ -3,10 +3,67 @@ let _ant_design_x = require("@ant-design/x");
 let antd = require("antd");
 let _ubie_vitals_antd_theme = require("@ubie/vitals-antd-theme");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+//#region ../token/dist/js/tokens.js
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+const ColorUbieBlue100 = "#f0f2fdff";
+//#endregion
+//#region src/theme/businessTheme.ts
+/**
+* DS semantic をそのまま採る層。
+*
+* business 判断による上書きはここに置かず `businessComponentOverrides` に置く。
+*/
+const semanticComponentTokens = { Layout: { headerBg: "#ffffffff" } };
+/**
+* business 判断で DS semantic を採らない層。
+*
+* ここに置くものは必ず「なぜ DS semantic を使わないか」を書き、置き換えた semantic 候補を
+* `overriddenSemanticCandidates` に登録する（登録漏れと陳腐化は businessTheme.test.ts が検知する）。
+*/
+const businessComponentOverrides = {
+	Layout: {
+		bodyBg: ColorUbieBlue100,
+		footerBg: ColorUbieBlue100
+	},
+	Table: { rowHoverBg: ColorUbieBlue100 }
+};
+/**
+* 色ではなく寸法・密度の既定。一覧画面は行数が多いため small 密度を共通既定にする。
+*/
+const businessComponentMetrics = { Table: { cellPaddingBlockSM: 6 } };
+/**
+* ToB プロダクト共通の antd テーマ。
+*
+* token 層は `@ubie/vitals-antd-theme` の `antdTheme` をそのまま引き継ぎ、
+* business 共通の components 既定だけをここで足す。アプリ側は
+* `{ ...businessTheme, components: { ...businessTheme.components, Layout: { ...businessTheme.components.Layout, headerHeight: 64 } } }`
+* のように差分だけを上書きする。
+*/
+const businessTheme = {
+	..._ubie_vitals_antd_theme.antdTheme,
+	components: {
+		Layout: {
+			...semanticComponentTokens.Layout,
+			...businessComponentOverrides.Layout
+		},
+		Table: {
+			...businessComponentOverrides.Table,
+			...businessComponentMetrics.Table
+		}
+	}
+};
+//#endregion
 //#region src/UbieConfigProvider.tsx
+/**
+* ToB プロダクト共通のテーマ（businessTheme）を適用したうえで、利用側の ConfigProvider 設定を重ねる。
+* 外側で businessTheme を当て、内側で利用側 props を渡すため、利用側の `theme` は差分として上書きされる。
+*/
 function UbieConfigProvider({ children, ...configProviderProps }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.ConfigProvider, {
-		theme: _ubie_vitals_antd_theme.antdTheme,
+		theme: businessTheme,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.ConfigProvider, {
 			...configProviderProps,
 			children
@@ -14,7 +71,224 @@ function UbieConfigProvider({ children, ...configProviderProps }) {
 	});
 }
 //#endregion
+//#region src/components/Table/rowAction.ts
+/** 行内アクションであることを示す属性。この属性を持つ要素（とその子孫）のクリックは行クリックにしない。 */
+const ROW_ACTION_ATTRIBUTE = "data-row-action";
+/** クリック要素から行までの経路のどこかに行内アクションの印があるか。 */
+function isRowActionTarget(path) {
+	return path.some((element) => element.hasAttribute(ROW_ACTION_ATTRIBUTE));
+}
+/**
+* `target` から `boundary`（含まない）までの祖先列。
+* `target` が `boundary` の外にあるときは空配列（イベントの再ターゲットや detached node に備える）。
+*/
+function elementPath(target, boundary) {
+	const path = [];
+	let current = target;
+	while (current && current !== boundary) {
+		path.push(current);
+		current = current.parentElement;
+	}
+	return current === boundary ? path : [];
+}
+//#endregion
+//#region src/components/Table/index.tsx
+const HOVER_ACTIONS_COLUMN_KEY = "__hoverActions";
+function resolveRowKey(rowKey, record, index) {
+	if (typeof rowKey === "function") return rowKey(record, index);
+	const value = record[rowKey ?? "key"];
+	return typeof value === "string" || typeof value === "number" ? value : index;
+}
+/**
+* ToB プロダクト共通の Table。antd Table の superset。
+*
+* - `size` の既定は `small`（`businessTheme` の `Table.cellPaddingBlockSM` と組で一覧画面の密度にする）
+* - `onRowClick` / `hoverActions` / `disableHoverEffect` を足す。それ以外の props は antd にそのまま渡す
+* - hover 状態は React state で持つ（CSS に依存しないので描画テストで検査できる）
+*
+* @displayName Table
+*/
+function InternalTable(props) {
+	const { onRowClick, hoverActions, disableHoverEffect = false, onRow, columns, rowKey, size = "small", ref, ...rest } = props;
+	const [hoveredKey, setHoveredKey] = (0, react.useState)(null);
+	const hoverEnabled = Boolean(hoverActions) && !disableHoverEffect;
+	const mergedColumns = (0, react.useMemo)(() => {
+		if (!hoverEnabled) return columns;
+		const hoverColumn = {
+			align: "right",
+			key: HOVER_ACTIONS_COLUMN_KEY,
+			render: (_value, record, index) => {
+				return hoverEnabled && hoveredKey !== null && hoveredKey === resolveRowKey(rowKey, record, index) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					[ROW_ACTION_ATTRIBUTE]: "",
+					children: hoverActions?.(record)
+				}) : null;
+			},
+			title: ""
+		};
+		return [...columns ?? [], hoverColumn];
+	}, [
+		columns,
+		hoverActions,
+		hoverEnabled,
+		hoveredKey,
+		rowKey
+	]);
+	const mergedOnRow = (0, react.useCallback)((record, index) => {
+		const user = onRow?.(record, index) ?? {};
+		const rowIndex = index ?? 0;
+		return {
+			...user,
+			onClick: (event) => {
+				user.onClick?.(event);
+				if (!onRowClick) return;
+				if (!event.currentTarget.contains(event.target)) return;
+				if (isRowActionTarget(elementPath(event.target, event.currentTarget))) return;
+				onRowClick(record, event);
+			},
+			onMouseEnter: (event) => {
+				user.onMouseEnter?.(event);
+				if (hoverEnabled) setHoveredKey(resolveRowKey(rowKey, record, rowIndex));
+			},
+			onMouseLeave: (event) => {
+				user.onMouseLeave?.(event);
+				if (hoverEnabled) setHoveredKey(null);
+			},
+			onFocus: (event) => {
+				user.onFocus?.(event);
+				if (hoverEnabled) setHoveredKey(resolveRowKey(rowKey, record, rowIndex));
+			},
+			onBlur: (event) => {
+				user.onBlur?.(event);
+				if (!hoverEnabled) return;
+				const related = event.relatedTarget;
+				if (related === null || !event.currentTarget.contains(related)) setHoveredKey(null);
+			},
+			style: onRowClick ? {
+				cursor: "pointer",
+				...user.style
+			} : user.style
+		};
+	}, [
+		hoverEnabled,
+		onRow,
+		onRowClick,
+		rowKey
+	]);
+	const columnsProp = mergedColumns === void 0 ? {} : { columns: mergedColumns };
+	const rowKeyProp = rowKey === void 0 ? {} : { rowKey };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Table, {
+		...rest,
+		...columnsProp,
+		...rowKeyProp,
+		onRow: mergedOnRow,
+		ref,
+		size
+	});
+}
+const Table = Object.assign(InternalTable, {
+	Column: antd.Table.Column,
+	ColumnGroup: antd.Table.ColumnGroup,
+	Summary: antd.Table.Summary,
+	SELECTION_COLUMN: antd.Table.SELECTION_COLUMN,
+	EXPAND_COLUMN: antd.Table.EXPAND_COLUMN,
+	SELECTION_ALL: antd.Table.SELECTION_ALL,
+	SELECTION_INVERT: antd.Table.SELECTION_INVERT,
+	SELECTION_NONE: antd.Table.SELECTION_NONE
+});
+//#endregion
+//#region src/components/ChatBubble/index.tsx
+function defaultTimestampFormat(date) {
+	return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
+}
+function renderEvidence(evidence) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Space, {
+		size: "small",
+		wrap: true,
+		children: (Array.isArray(evidence) ? evidence : [evidence]).map((e, i) => {
+			const key = `${e.label}-${i}`;
+			if (e.node !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: e.node }, key);
+			if (e.href) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+				href: e.href,
+				target: "_blank",
+				rel: "noreferrer",
+				children: e.label
+			}, key);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: e.label }, key);
+		})
+	});
+}
+/**
+* ToB プロダクト共通の ChatBubble。`@ant-design/x` の Bubble の superset。
+*
+* - `evidence` / `onRetry` を footer に、`timestamp` を extra に足す。それぞれ利用側の
+*   `footer` / `extra` を潰さず合成する（`footer` / `extra` が関数形でも解決してから合成する）
+* - timestamp の表示はテーマの `token.fontSizeSM` と `Typography.Text type="secondary"` の色を使う
+*   （値のコピーをしない）
+*/
+function ChatBubble({ evidence, timestamp, timestampFormat = defaultTimestampFormat, onRetry, retryLabel = "リトライ", footer, extra, ref, ...rest }) {
+	const { token } = antd.theme.useToken();
+	const hasEvidence = Array.isArray(evidence) ? evidence.length > 0 : evidence !== void 0;
+	const composedFooter = hasEvidence || onRetry !== void 0 ? (content, info) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Space, {
+		size: "small",
+		wrap: true,
+		children: [
+			typeof footer === "function" ? footer(content, info) : footer,
+			hasEvidence && evidence !== void 0 && renderEvidence(evidence),
+			onRetry !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
+				onClick: onRetry,
+				size: "small",
+				type: "link",
+				children: retryLabel
+			})
+		]
+	}) : footer;
+	const parsed = timestamp === void 0 ? void 0 : new Date(timestamp);
+	const timestampDate = parsed !== void 0 && !Number.isNaN(parsed.getTime()) ? parsed : void 0;
+	const composedExtra = timestampDate !== void 0 ? (content, info) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Space, {
+			size: "small",
+			wrap: true,
+			children: [typeof extra === "function" ? extra(content, info) : extra, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Typography.Text, {
+				style: { fontSize: token.fontSizeSM },
+				type: "secondary",
+				children: timestampFormat(timestampDate)
+			})]
+		});
+	} : extra;
+	const refProp = ref === void 0 ? {} : { ref };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_x.Bubble, {
+		...rest,
+		...refProp,
+		extra: composedExtra,
+		footer: composedFooter
+	});
+}
+//#endregion
+//#region src/components/ChatConversations/index.tsx
+/**
+* ToB プロダクト共通の ChatConversations。`@ant-design/x` の Conversations の superset。
+*
+* - `items` が空（未指定または長さ 0）のときも `Conversations` は常に描く（`style` / `className` /
+*   `creation`（新規会話ボタン）/ `groupable` / `ref` など利用側の props を落とさないため）
+* - 空のときは `Conversations`（中身は空リスト）に加えて `emptyState`（既定は `<Empty />`）を描く
+* - `emptyState` の契約は `ChatBubbleEvidence.node` と揃える。未指定（`undefined`）なら既定の
+*   `<Empty />`、`null` なら何も描かない、`0` や `""` のような falsy な `ReactNode` はそのまま描く
+*/
+function ChatConversations({ emptyState, items, ref, ...rest }) {
+	const isEmpty = !items || items.length === 0;
+	const emptyContent = emptyState !== void 0 ? emptyState : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Empty, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ant_design_x.Conversations, {
+		items: items ?? [],
+		ref,
+		...rest
+	}), isEmpty ? emptyContent : null] });
+}
+//#endregion
+exports.ChatBubble = ChatBubble;
+exports.ChatConversations = ChatConversations;
+exports.Table = Table;
 exports.UbieConfigProvider = UbieConfigProvider;
+exports.businessTheme = businessTheme;
 Object.defineProperty(exports, "notification", {
 	enumerable: true,
 	get: function() {