@ubie/vitals-ui-business 0.2.1 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,121 @@
 # @ubie/vitals-ui-business
 
+## 0.4.0
+
+### Minor Changes
+
+- 990c270: Table の行クリック遷移を廃止し、行内アクションを常時表示既定にする（**破壊的変更**）
+
+  - **削除**: `onRowClick`。行全体をクリックの的にすると、どこがクリッカブルかが見た目に現れない。遷移は識別列のリンク（実装は `next/link` / `<a>` / `Button type="link"` / `Typography.Link` のいずれでもよい）か、行内アクションの遷移ボタンで示す。行全体クリックがどうしても要る場合は antd の `onRow` を自分で書く
+  - **削除**: `data-row-action` 属性による行クリック除外機構。行クリックが無くなったので不要
+  - **リネーム + 挙動変更**: `hoverActions` → `rowActions`。**既定が常時表示に変わる**。hover 中だけ見せたい場合は `revealOnHover` を足す
+  - **追加**: `revealOnHover`。行内アクションを hover / フォーカス中の行だけに見せる（`disableHoverEffect` と併用したときは常時表示に倒れる）
+  - **追加**: `Table` のセルの文字サイズを **14px に固定**した（`businessTheme` の `Table.cellFontSize` /
+    `cellFontSizeMD` / `cellFontSizeSM`）。ToB の本文は 16px（main の `businessTypography`）だが、一覧は多くの行を
+    見比べる面なので密度を優先し、本文と切り離す
+  - **注意**: 表の中のリンク・ボタン（`Button`）は antd のグローバル `fontSize` から文字サイズを取るため、
+    何もしないと 16px のままになる。表の中では `style={{ fontSize: "inherit" }}` を当てて表の文字サイズを継がせる
+    （`Tag` は `fontSizeSM` を自前で持つため対象外）
+  - ルール（遷移手段の選び方・`revealOnHover` を使ってよい 3 条件・セル最低幅の目安）は `docs/components/table.md` に書いた
+
+  移行:
+
+  | before                        | after                                                                                      |
+  | ----------------------------- | ------------------------------------------------------------------------------------------ |
+  | `onRowClick={r => open(r)}`   | 識別列を `render` でリンクにする、または `rowActions` に遷移ボタンを置く                   |
+  | `hoverActions={r => ...}`     | `rowActions={r => ...}`（常時表示に変わる）。hover のままにするなら `revealOnHover` を足す |
+  | セル内の `data-row-action=""` | 削除する                                                                                   |
+
+- aee9c7e: ToB 共通の文字設定 `businessTypography` を追加し、`businessTheme.token` に展開する。
+
+  これまで `businessTheme` は `@ubie/vitals-antd-theme` の色だけを引き継ぎ、文字は antd 既定（14px 基準・欧文フォント優先）のままだった。文字の正本は toC（`@ubie/vitals-token-consumer`）と ToB で分かれるため、ToB の値はこのパッケージが持つ。
+
+  | キー                  | 値                                                                                          |
+  | --------------------- | ------------------------------------------------------------------------------------------- |
+  | `fontFamily`          | システム UI フォント → Hiragino → Noto Sans JP → Meiryo の順の和文対応スタック              |
+  | `fontSize`            | `16`（antd 既定 14 から変更。`fontSizeSM` 14 / `fontSizeLG` 18 / `fontSizeXL` 22 は派生）   |
+  | `fontSizeHeading1〜5` | `24` / `20` / `18` / `16` / `14`（antd の自動派生 42〜18 は業務画面には大きすぎるため明示） |
+  | `lineHeight` 系       | 本文 `1.6`（SM / LG 含む）、見出し `1.5`                                                    |
+
+  見出しの上限を 24px にした根拠は aimon-genius-fe（MedG）main の調査による。画面 UI に 28px 以上の見出しは無く（font-size 28px は印刷帳票の CSS 直書き 3 箇所のみ）、`Typography.Title` level 1 は 1 箇所で自前 20px 上書き、画面タイトルは level 2 が主流（9 箇所）だった。
+
+  利用側への影響: `UbieConfigProvider` 配下のすべての antd コンポーネントの文字が 14px → 16px 基準になる。`Typography.Title` は antd 既定の 38 / 30 / 24 / 20 / 16 から 24 / 20 / 18 / 16 / 14 になり、level 2 を画面タイトルに使っている画面は 30px → 20px と小さくなる。個別に `fontSize` を上書きしている箇所は、この既定で足りるなら削除できる。値を戻したい場合は `ConfigProvider` の `theme.token` で差分だけ上書きする。
+
+  新規 export: `businessTypography` / `businessFontFamily` / `businessFontSizes` / `businessLineHeights`。Storybook に `Business/Typography`（スケール・コントロール内・Table 内）を追加。
+
+- d72f499: `@ant-design/icons` を再エクスポートし、ToB の既定のアイコンセットにする
+
+  - アイコンは `@ubie/vitals-ui-business` から import する（`@ant-design/icons` を利用側の依存に足さない）
+  - 自前 SVG を渡す基底コンポーネントは `Icon` として公開（`@ant-design/icons` の default export）
+  - 原則 `*Outlined` のみを使う。塗りが要るときは Outlined を容器に載せるか `Icon` + 自前 SVG で作る（線と塗りを別の色として持てるため）。`*Filled` は Outlined + 容器で表現できないときだけ、`*TwoTone` は使わない
+  - `@ubie/vitals-icon`（ubie-icons）は `@ant-design/icons` に絵柄が無いときの受け皿。UI Business の依存には入らないので、必要なプロダクトが個別に足す
+  - 用法: `docs/components/icon.md`（Storybook `Business/Icon`）。決定: ADR 0004
+
+  追加した export: `@ant-design/icons` の全アイコンと `Icon` / `IconProvider` / `createFromIconfontCN` / `setTwoToneColor` / `getTwoToneColor`。削除・リネームは無し。
+
+### Patch Changes
+
+- Updated dependencies [25d839c]
+  - @ubie/vitals-antd-theme@0.0.11
+
+## 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
@@ -10,7 +126,7 @@
 
   影響は `UbieConfigProvider` を適用している範囲に閉じます。`@ubie/vitals-token` の `color.primary` / `--color-primary` は変更していないため、`@ubie/vitals-token-consumer` や `@ubie/vitals-shadcn-theme` を利用しているプロダクトには影響しません。
 
-  背景と判断の根拠は `docs/adr/0002-business-primary-color-seed.md` を参照してください。0.0.1 から上げる場合は `docs/migration/from-0.0.1.md` も必ず読んでください。
+  背景と判断の根拠は 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]

package/DESIGN.md

@@ -0,0 +1,75 @@
+# @ubie/vitals-ui-business
+
+Ubie の ToB プロダクトを antd で組み立てるためのパッケージ。
+antd と Ant Design X の公開 API をそのまま再 export し、共通のテーマと、既定を足したコンポーネントを加える。
+この文書は最初に読む索引で、原則・パターン・部品・トークンの在処を指す。
+
+## 使うときの約束
+
+- `antd` から直接ではなく `@ubie/vitals-ui-business` から import する
+- アイコンは `@ant-design/icons` の `*Outlined` から選ぶ。`@ant-design/icons` を直接 import しない。塗りが要るときと、antd に絵柄が無いとき（`@ubie/vitals-icon`）の落とし方は `docs/components/icon.md`
+- 色・寸法の値をプロダクトのコードに書かない。正本はトークンとテーマにある（`docs/tokens.md`）
+- アプリ固有の逸脱は、そのプロダクトのリポジトリに書く
+
+## 何をするときに何を読むか
+
+| したいこと                   | 読むもの                                                                                                                              |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
+| プロダクトを立ち上げる       | 下の「立ち上げ」                                                                                                                      |
+| 画面を 1 枚足す              | 骨格は `docs/patterns/skeleton.md` → 一覧と詳細の関係は `docs/patterns/list-detail.md` → 情報の出し方は `docs/patterns/disclosure.md` |
+| 部品の使い方を確かめる       | `docs/components/`（Table / Layout / Modal / Drawer / チャット / アイコン）                                                           |
+| アイコンを選ぶ               | `docs/components/icon.md`                                                                                                             |
+| 色・寸法を決める             | `docs/tokens.md`                                                                                                                      |
+| 設計や実装を見直す・採点する | `docs/principles/`                                                                                                                    |
+
+## 索引
+
+### テーマ
+
+| 名前                 | 場所                              | 役割                                                                                                                             |
+| -------------------- | --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
+| `businessTheme`      | `src/theme/businessTheme.ts`      | ToB プロダクト共通の antd テーマ。`antdTheme` の token 層（色）+ `businessTypography`（文字）+ Layout / Table の components 既定 |
+| `businessTypography` | `src/theme/businessTypography.ts` | ToB の文字の正本。書体スタック・本文 16px 基準の見出しスケール・行間。toC の `@ubie/vitals-token-consumer` とは正本が別          |
+| `UbieConfigProvider` | `src/UbieConfigProvider.tsx`      | `businessTheme` を既定で当てる ConfigProvider。利用側の `theme` は差分として重なる                                               |
+
+### コンポーネント
+
+antd の同名コンポーネントに既定を足したもの、および antd に対応物がない部品。
+
+| 名前                | 場所                                         | antd との差分                                                                                        | カード                     |
+| ------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------- | -------------------------- |
+| `Table`             | `src/components/Table/index.tsx`             | `rowActions` / `revealOnHover` / `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`               |
+| Icon カード                 | `docs/components/icon.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/business/Icon.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

@@ -1,12 +1,168 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let _ant_design_icons = require("@ant-design/icons");
+_ant_design_icons = __toESM(_ant_design_icons);
 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";
+const ColorSurfaceContainer = "#ffffffff";
+//#endregion
+//#region src/theme/businessTypography.ts
+/**
+* ToB プロダクト共通の書体スタック。
+*
+* 欧文はシステム UI フォント（San Francisco / Segoe UI）に任せ、和文は Hiragino → Noto Sans JP → Meiryo の順で
+* 拾う。toC の `@ubie/vitals-token-consumer` にも同趣旨の `text.base-family` があるが、あちらは toC の正本なので
+* 依存せず、ToB の正本としてここに持つ。ブランド共通に昇格させる判断が出たら `@ubie/vitals-token` へ移す。
+*/
+const businessFontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', Meiryo, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+/**
+* ToB の文字スケール（px）。
+*
+* 基準は本文 16px（2026-09-09 デザイナー決定）。antd の既定 14px から基準を上げると、antd は見出しを
+* 42 / 34 / 28 / 22 / 18 に自動で派生させるが、業務画面ではヘッダー・見出しが大きすぎるため
+* 見出しはここで明示する。Figma 側に ToB の文字定義はまだ無く、この値が正本（Figma に定義ができたら差し替える）。
+*
+* 見出しの上限を 24px にした根拠（2026-09-09 aimon-genius-fe main を調査）:
+* - 画面 UI に 28px 以上の見出しは無い。font-size 28px は印刷帳票の CSS 直書き 3 箇所のみ
+* - `Typography.Title` level 1 は 1 箇所だけで、しかも自前で 20px に上書きしている
+* - 画面タイトルは level 2 が主流（9 箇所）。level 3 が 22、level 4 が 19、level 5 が 10 箇所
+* よって H1 は「画面タイトルの最大」として 24px に置き、以下を 1 段ずつ詰める。
+*/
+const businessFontSizes = {
+	/** 本文。antd はこの値から fontSizeSM (14) / fontSizeLG (18) / fontSizeXL (22) を派生させる */
+	fontSize: 16,
+	/** 画面タイトル。1 画面に 1 つ */
+	fontSizeHeading1: 24,
+	/** セクション見出し。現行 MedG の画面タイトルはこの level を使っている */
+	fontSizeHeading2: 20,
+	/** カード・パネルの見出し */
+	fontSizeHeading3: 18,
+	/** 本文と同サイズの見出し。太さだけで本文と区別する */
+	fontSizeHeading4: 16,
+	/** 表の中の小見出しなど。補足文字（fontSizeSM）と同サイズ */
+	fontSizeHeading5: 14
+};
+/**
+* 行間（倍率）。
+*
+* 本文は和文の読みやすさで 1.6 を採る。toC は 1.7 だが、業務画面は 32px の入力欄・ボタンに 16px の文字を収めるため
+* 1.7 では上下の余白が 2px 台まで詰まる。1.6 なら 25.6px で 3px 強の余白が残る。
+* 見出しは行送りを詰めて塊として読めるよう 1.5 を採る。
+*/
+const businessLineHeights = {
+	lineHeight: 1.6,
+	lineHeightSM: 1.6,
+	lineHeightLG: 1.6,
+	lineHeightHeading1: 1.5,
+	lineHeightHeading2: 1.5,
+	lineHeightHeading3: 1.5,
+	lineHeightHeading4: 1.5,
+	lineHeightHeading5: 1.5
+};
+/**
+* ToB プロダクト共通の文字設定。`businessTheme.token` に展開される。
+*
+* `@ubie/vitals-antd-theme` は色だけを持ち、文字は持たない。文字は ToB / toC で正本が分かれるため
+* antd-theme ではなくこのパッケージが持つ。
+*/
+const businessTypography = {
+	fontFamily: businessFontFamily,
+	...businessFontSizes,
+	...businessLineHeights
+};
+//#endregion
+//#region src/theme/businessTheme.ts
+/**
+* DS semantic をそのまま採る層。
+*
+* business 判断による上書きはここに置かず `businessComponentOverrides` に置く。
+*/
+const semanticComponentTokens = { Layout: { headerBg: ColorSurfaceContainer } };
+/**
+* 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,
+	cellFontSize: 14,
+	cellFontSizeMD: 14,
+	cellFontSizeSM: 14
+} };
+/**
+* ToB プロダクト共通の antd テーマ。
+*
+* token 層は `@ubie/vitals-antd-theme` の `antdTheme`（色）をそのまま引き継ぎ、
+* ToB の文字設定（`businessTypography`）と business 共通の components 既定をここで足す。アプリ側は
+* `{ ...businessTheme, components: { ...businessTheme.components, Layout: { ...businessTheme.components.Layout, headerHeight: 64 } } }`
+* のように差分だけを上書きする。
+*/
+const businessTheme = {
+	..._ubie_vitals_antd_theme.antdTheme,
+	token: {
+		..._ubie_vitals_antd_theme.antdTheme.token,
+		...businessTypography
+	},
+	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 +170,200 @@ function UbieConfigProvider({ children, ...configProviderProps }) {
 	});
 }
 //#endregion
+//#region src/components/Table/index.tsx
+const ROW_ACTIONS_COLUMN_KEY = "__rowActions";
+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` と組で一覧画面の密度にする）
+* - `rowActions` / `revealOnHover` / `disableHoverEffect` を足す。それ以外の props は antd にそのまま渡す
+* - hover 状態は React state で持つ（CSS に依存しないので描画テストで検査できる）
+*
+* @displayName Table
+*/
+function InternalTable(props) {
+	const { rowActions, revealOnHover = false, disableHoverEffect = false, onRow, columns, rowKey, size = "small", ref, ...rest } = props;
+	const [hoveredKey, setHoveredKey] = (0, react.useState)(null);
+	const revealEnabled = revealOnHover && !disableHoverEffect;
+	const trackHover = Boolean(rowActions) && revealEnabled;
+	const mergedColumns = (0, react.useMemo)(() => {
+		if (!rowActions) return columns;
+		const actionColumn = {
+			align: "right",
+			key: ROW_ACTIONS_COLUMN_KEY,
+			render: (_value, record, index) => {
+				return !revealEnabled || hoveredKey !== null && hoveredKey === resolveRowKey(rowKey, record, index) ? rowActions(record) : null;
+			},
+			title: ""
+		};
+		return [...columns ?? [], actionColumn];
+	}, [
+		columns,
+		hoveredKey,
+		revealEnabled,
+		rowActions,
+		rowKey
+	]);
+	const mergedOnRow = (0, react.useCallback)((record, index) => {
+		const user = onRow?.(record, index) ?? {};
+		const rowIndex = index ?? 0;
+		return {
+			...user,
+			onMouseEnter: (event) => {
+				user.onMouseEnter?.(event);
+				if (trackHover) setHoveredKey(resolveRowKey(rowKey, record, rowIndex));
+			},
+			onMouseLeave: (event) => {
+				user.onMouseLeave?.(event);
+				if (trackHover) setHoveredKey(null);
+			},
+			onFocus: (event) => {
+				user.onFocus?.(event);
+				if (trackHover) setHoveredKey(resolveRowKey(rowKey, record, rowIndex));
+			},
+			onBlur: (event) => {
+				user.onBlur?.(event);
+				if (!trackHover) return;
+				const related = event.relatedTarget;
+				if (related === null || !event.currentTarget.contains(related)) setHoveredKey(null);
+			},
+			style: user.style
+		};
+	}, [
+		trackHover,
+		onRow,
+		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;
+Object.defineProperty(exports, "Icon", {
+	enumerable: true,
+	get: function() {
+		return _ant_design_icons.default;
+	}
+});
+exports.Table = Table;
 exports.UbieConfigProvider = UbieConfigProvider;
+exports.businessFontFamily = businessFontFamily;
+exports.businessFontSizes = businessFontSizes;
+exports.businessLineHeights = businessLineHeights;
+exports.businessTheme = businessTheme;
+exports.businessTypography = businessTypography;
 Object.defineProperty(exports, "notification", {
 	enumerable: true,
 	get: function() {
@@ -39,6 +388,14 @@ Object.defineProperty(exports, "xVersion", {
 		return _ant_design_x.version;
 	}
 });
+Object.keys(_ant_design_icons).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _ant_design_icons[k];
+		}
+	});
+});
 Object.keys(_ant_design_x).forEach(function(k) {
 	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,