@godxjp/ui 31.31.7 → 32.0.0

package/docs/data-display/popover.tsx

@@ -1,331 +0,0 @@
-import { useState } from "react";
-import {
-  Badge,
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-  Popover,
-  PopoverAnchor,
-  PopoverContent,
-  PopoverDescription,
-  PopoverHeader,
-  PopoverTitle,
-  PopoverTrigger,
-} from "@godxjp/ui/data-display";
-import {
-  Checkbox,
-  FormField,
-  Input,
-  Label,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@godxjp/ui/data-entry";
-import { Button, Text } from "@godxjp/ui/general";
-import { Flex, PageContainer } from "@godxjp/ui/layout";
-import { Info, SlidersHorizontal } from "lucide-react";
-
-/**
- * Popover — floating panel anchored to a trigger. Always compose
- * PopoverTrigger + PopoverContent; never a raw div overlay. Composed only from
- * real @godxjp/ui components.
- */
-export default function Demo() {
-  // Card 1 — controlled filter panel: open/onOpenChange drive the panel, and
-  // 適用 closes it. Staged defaultOpen via initial state so the open panel is
-  // visible at rest in a static screenshot.
-  const [filterOpen, setFilterOpen] = useState(true);
-
-  return (
-    <PageContainer title="Popover" subtitle="Floating panel anchored to a trigger · click to open">
-      <Flex direction="col" gap="lg">
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>PopoverAnchor · non-trigger positioning reference</CardTitle>
-            <CardDescription>Anchor positions content without becoming its toggle.</CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Popover defaultOpen>
-              <PopoverAnchor asChild>
-                <Badge variant="outline">請求額 ¥482,000</Badge>
-              </PopoverAnchor>
-              <PopoverContent side="right" aria-label="請求額の補足">
-                <PopoverDescription>税額と支払条件の補足情報です。</PopoverDescription>
-              </PopoverContent>
-            </Popover>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Picker in a popover · Select defaultOpen</CardTitle>
-            <CardDescription>
-              Opening the popover opens the workspace list with it. The Select waits for the popover
-              to finish sliding in, so the list sits below its trigger exactly as a click-open does
-              and the first option is never covered.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Popover>
-              <PopoverTrigger asChild>
-                <Button variant="outline" data-picker-popover="">
-                  ワークスペースを切り替え
-                </Button>
-              </PopoverTrigger>
-              <PopoverContent aria-label="ワークスペース">
-                <Select aria-label="ワークスペース" defaultOpen defaultValue="tokyo">
-                  <SelectTrigger data-picker-trigger="">
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="tokyo">東京本社</SelectItem>
-                    <SelectItem value="osaka">大阪支社</SelectItem>
-                    <SelectItem value="fukuoka">福岡拠点</SelectItem>
-                  </SelectContent>
-                </Select>
-              </PopoverContent>
-            </Popover>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Controlled trigger + content</CardTitle>
-            <CardDescription>
-              Common for compact filter / settings panels off a button. Controlled via open /
-              onOpenChange so 適用 closes the panel. Shown open at rest.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Popover open={filterOpen} onOpenChange={setFilterOpen}>
-              <PopoverTrigger asChild>
-                {/* data-axe-open: check:frame-axe presses this before its overlay scan, so the
-                    panel is measured OPEN as well as closed. See docs/FRAME-A11Y-CI.md. */}
-                <Button data-axe-open variant="outline">
-                  <SlidersHorizontal />
-                  絞り込み
-                </Button>
-              </PopoverTrigger>
-              <PopoverContent aria-label="絞り込みパネル">
-                <Flex direction="col" gap="md">
-                  <FormField id="min" label="最小金額">
-                    <Input id="min" type="number" placeholder="0" />
-                  </FormField>
-                  <Flex direction="row" wrap align="center" gap="xs">
-                    <Checkbox id="unpaid" />
-                    <Label htmlFor="unpaid">未払いのみ</Label>
-                  </Flex>
-                  <Button size="sm" onClick={() => setFilterOpen(false)}>
-                    適用
-                  </Button>
-                </Flex>
-              </PopoverContent>
-            </Popover>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Header / title / description slots</CardTitle>
-            <CardDescription>
-              The titled info-panel pattern: PopoverHeader › PopoverTitle + PopoverDescription, then
-              body. Shown open at rest via defaultOpen.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Popover defaultOpen>
-              <PopoverTrigger asChild>
-                <Button variant="outline">
-                  <Info />
-                  保険料の内訳
-                </Button>
-              </PopoverTrigger>
-              <PopoverContent aria-label="保険料の内訳">
-                <Flex direction="col" gap="md">
-                  <PopoverHeader>
-                    <PopoverTitle>保険料の内訳</PopoverTitle>
-                    <PopoverDescription>
-                      健康保険・厚生年金・雇用保険の控除額を表示します。
-                    </PopoverDescription>
-                  </PopoverHeader>
-                  <Flex direction="col" gap="xs">
-                    <Flex direction="row" justify="between">
-                      <span>健康保険</span>
-                      <span>¥12,400</span>
-                    </Flex>
-                    <Flex direction="row" justify="between">
-                      <span>厚生年金</span>
-                      <span>¥22,800</span>
-                    </Flex>
-                  </Flex>
-                </Flex>
-              </PopoverContent>
-            </Popover>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Placement · side</CardTitle>
-            <CardDescription>
-              PopoverContent accepts side: top / right / bottom (default) / left, with sideOffset.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Flex direction="row" wrap gap="sm">
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">side=top</Button>
-                </PopoverTrigger>
-                <PopoverContent side="top" aria-label="上側の配置例">
-                  <PopoverDescription>上に開きます。</PopoverDescription>
-                </PopoverContent>
-              </Popover>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">side=right</Button>
-                </PopoverTrigger>
-                <PopoverContent side="right" aria-label="右側の配置例">
-                  <PopoverDescription>右に開きます。</PopoverDescription>
-                </PopoverContent>
-              </Popover>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">side=bottom</Button>
-                </PopoverTrigger>
-                <PopoverContent side="bottom" aria-label="下側の配置例">
-                  <PopoverDescription>下に開きます（既定）。</PopoverDescription>
-                </PopoverContent>
-              </Popover>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">side=left</Button>
-                </PopoverTrigger>
-                <PopoverContent side="left" aria-label="左側の配置例">
-                  <PopoverDescription>左に開きます。</PopoverDescription>
-                </PopoverContent>
-              </Popover>
-            </Flex>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Alignment · align</CardTitle>
-            <CardDescription>
-              align: start / center (default) / end positions the panel along the trigger edge.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Flex direction="row" wrap gap="sm">
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">align=start</Button>
-                </PopoverTrigger>
-                <PopoverContent align="start" aria-label="開始端の配置例">
-                  <PopoverDescription>開始端に揃えます。</PopoverDescription>
-                </PopoverContent>
-              </Popover>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">align=center</Button>
-                </PopoverTrigger>
-                <PopoverContent align="center" aria-label="中央の配置例">
-                  <PopoverDescription>中央に揃えます（既定）。</PopoverDescription>
-                </PopoverContent>
-              </Popover>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">align=end</Button>
-                </PopoverTrigger>
-                <PopoverContent align="end" aria-label="終了端の配置例">
-                  <PopoverDescription>終了端に揃えます。</PopoverDescription>
-                </PopoverContent>
-              </Popover>
-            </Flex>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>width · パネルの測り方</CardTitle>
-            <CardDescription>
-              既定の panel は --popover-width（18rem）。auto は中身に測らせます。自前の幅を持つもの
-              （Calendar、チャート、固定幅のプレビュー）はこれ以外に正解がありません。trigger
-              はアンカーに合わせます。className に w-*
-              を書くのは呼び出し側の定数で、どのテーマからも retune できません。flush が padding
-              側で避けているのと同じ話です。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Flex direction="row" wrap gap="sm">
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">panel（既定）</Button>
-                </PopoverTrigger>
-                <PopoverContent aria-label="既定の幅">
-                  <Text size="sm">18rem のパネル幅。散文や、パネル自身が測るリスト向け。</Text>
-                </PopoverContent>
-              </Popover>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">auto</Button>
-                </PopoverTrigger>
-                <PopoverContent width="auto" aria-label="内容に合わせた幅">
-                  <Text size="sm">中身が幅を決めます。</Text>
-                </PopoverContent>
-              </Popover>
-              <Popover>
-                <PopoverTrigger asChild>
-                  <Button variant="outline">trigger に合わせる</Button>
-                </PopoverTrigger>
-                <PopoverContent width="trigger" aria-label="トリガーと同じ幅">
-                  <Text size="sm">アンカーと同じ幅。</Text>
-                </PopoverContent>
-              </Popover>
-            </Flex>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Modal</CardTitle>
-            <CardDescription>
-              modal traps focus and blocks outside interaction while open, which also marks the rest
-              of the page aria-hidden. Shown CLOSED at rest: an open modal layer would take the
-              frame&apos;s own main landmark and heading out of the accessibility tree. Open it from
-              the trigger to inspect it.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Popover modal>
-              <PopoverTrigger asChild>
-                <Button variant="outline">確認が必要</Button>
-              </PopoverTrigger>
-              <PopoverContent aria-label="下書きを削除しますか？">
-                <Flex direction="col" gap="md">
-                  <PopoverHeader>
-                    <PopoverTitle>下書きを削除しますか？</PopoverTitle>
-                    <PopoverDescription>この操作は取り消せません。</PopoverDescription>
-                  </PopoverHeader>
-                  <Flex direction="row" justify="end" gap="xs">
-                    <Button variant="outline" size="sm">
-                      キャンセル
-                    </Button>
-                    <Button variant="destructive" size="sm">
-                      削除
-                    </Button>
-                  </Flex>
-                </Flex>
-              </PopoverContent>
-            </Popover>
-          </CardContent>
-        </Card>
-      </Flex>
-    </PageContainer>
-  );
-}

package/docs/data-display/progress.tsx

@@ -1,162 +0,0 @@
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-  Progress,
-} from "@godxjp/ui/data-display";
-import { useTranslation } from "@godxjp/ui/i18n";
-import { Flex, PageContainer } from "@godxjp/ui/layout";
-
-/**
- * Progress — horizontal 0–100 bar with an optional label and a semantic tone.
- * Composed only from real @godxjp/ui components.
- */
-export default function Demo() {
-  const { t, locale } = useTranslation();
-  return (
-    <PageContainer title="Progress" subtitle="0–100 bar · optional label + semantic tone">
-      <Flex direction="col" gap="lg">
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Tones</CardTitle>
-            <CardDescription>
-              Tone carries meaning。success（既定）/ warning / destructive。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Flex direction="col" gap="md">
-              <Progress value={72} tone="success" label="処理スループット" />
-              <Progress value={28} tone="warning" label="SLA 超過リスク" />
-              <Progress value={84} tone="destructive" label="エラー率の上限接近" />
-              <Progress value={60} label="（tone 指定なし → success）" />
-            </Flex>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>shape=&quot;ring&quot;</CardTitle>
-            <CardDescription>
-              同じメーターを弧で描きます。バーと同じ value / tone / size / ARIA のまま、label
-              がリングの内側に入ります。狭いアプリバーで「18 / 42
-              件」を見出しの横に出したいとき、バー＋キャプションの 2 段ではなく 1
-              マスで済むのが理由です。数値が重要なときではなく、 場所が正方形のときに選びます。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Flex direction="row" wrap align="center" gap="lg">
-              {/* label はリング内の表示であり、同時に読み上げ名でもあります。「何の 18/42 か」を
-                  名前にしたいときは、画面にすでにある見出しを aria-labelledby で指します
-                  — bar と同じ規約です。 */}
-              <Progress shape="ring" value={43} label="18/42" />
-              <Progress shape="ring" value={43} size="sm" label="18/42" />
-              <Progress shape="ring" value={0} label="0/42" />
-              <Progress shape="ring" value={100} label="42/42" />
-              <Progress shape="ring" value={62} tone="warning" label="26/42" />
-              <Progress shape="ring" value={88} tone="destructive" label="37/42" />
-              {/* label なし＝読み出しのないリング。名前は aria-label から。 */}
-              <Progress shape="ring" value={43} aria-label="実施済みの点検" />
-            </Flex>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Breakdown（segments）</CardTitle>
-            <CardDescription>
-              1 つの合計を状態ごとに分割します。割合ではなく実数を渡すと、各スライスの比率は
-              コンポーネントが計算します。メーターより背の高いトラックになるのは、0.5rem の pill
-              上に 3 色を並べると比率が読めなくなるためです。role=&quot;img&quot;
-              として、全スライスを 1 つの名前で読み上げます。total を渡すと全体は合計ではなく total
-              になり、残りはトラックのまま「残り」として読み上げます（antd の percent +
-              success.percent と同じく、未塗りのトラックが残り。antd の全体は常に 100
-              ですが、ここは実数の単位で total を指定します）。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Flex direction="col" gap="md">
-              <Progress
-                segments={[
-                  { value: 2, tone: "destructive", label: "期限超過" },
-                  { value: 3, tone: "warning", label: "期限間近" },
-                  { value: 12, tone: "success", label: "対応済" },
-                ]}
-                label="株式会社山田製作所"
-              />
-              <Progress
-                segments={[
-                  { value: 0, tone: "destructive", label: "期限超過" },
-                  { value: 1, tone: "warning", label: "期限間近" },
-                  { value: 6, tone: "success", label: "対応済" },
-                ]}
-                label="みどり農産株式会社（0 件のスライスは幅 0）"
-              />
-              {/* total を渡すと、スライスは合計ではなく total に対して描かれ、残りはトラックのまま。
-                  読み上げには残り（remainderLabel）が Intl 形式の数値で入ります。 */}
-              <Progress
-                segments={[
-                  { value: 3, tone: "success", label: t("progressDocs.testRun.passed") },
-                  { value: 1, tone: "destructive", label: t("progressDocs.testRun.failed") },
-                  { value: 2, tone: "warning", label: t("progressDocs.testRun.blocked") },
-                ]}
-                total={400}
-                remainderLabel={t("progressDocs.testRun.notRun")}
-                label={t("progressDocs.testRun.caption", {
-                  total: new Intl.NumberFormat(locale).format(400),
-                })}
-              />
-            </Flex>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Over capacity</CardTitle>
-            <CardDescription>
-              over=true で 100% を超えた実値を aria-valuetext
-              に残し、破壊的なストライプで区別します。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Progress value={132} over label="予約容量 132%" />
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Labelled / unlabelled</CardTitle>
-            <CardDescription>
-              label を渡すと bar 下にテキストを表示し aria-labelledby で関連付け。省略時は
-              aria-label=&quot;Progress&quot;。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Flex direction="col" gap="md">
-              <Progress value={45} label="アップロード進捗" />
-              <Progress value={45} />
-            </Flex>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Edge values &amp; clamping</CardTitle>
-            <CardDescription>
-              value は 0–100 にクランプ（Math.max(0, Math.min(100, value))）。範囲外でも安全に描画。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Flex direction="col" gap="md">
-              <Progress value={0} label="0%（空）" />
-              <Progress value={100} tone="success" label="100%（完了）" />
-              <Progress value={130} tone="warning" label="130 → 100 にクランプ" />
-              <Progress value={-5} label="-5 → 0 にクランプ" />
-            </Flex>
-          </CardContent>
-        </Card>
-      </Flex>
-    </PageContainer>
-  );
-}

package/docs/data-display/prose.tsx

@@ -1,169 +0,0 @@
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-  Prose,
-} from "@godxjp/ui/data-display";
-import { Flex, PageContainer } from "@godxjp/ui/layout";
-
-/**
- * Prose — typography for rendered content (Markdown, CMS bodies, issue descriptions). Styles the
- * semantic HTML inside it from the tokens; the HTML can come from react-markdown, a sanitised
- * string or JSX. Composed only from real @godxjp/ui components.
- */
-
-/**
- * A CONSUMER'S OWN STYLESHEET — the file their app already has, not part of the package. It is
- * inlined here so the third card below is the real thing rather than a description of it.
- *
- * Both halves of the gh#717 contract are exercised:
- *   · `--prose-link-*` — the service tunes every link in its wiki once, through the knob;
- *   · `a[data-unresolved]` — Prose writes `data-*` on its own ROOT only, so every `data-*` on a
- *     descendant `a` is the consumer's and stays selectable. That is a promise, held by
- *     src/components/data-display/__tests__/prose-link-717.test.tsx.
- *
- * Measured on the card surface (#fdfdfc light / #21201c dark):
- *   resolved   --text-link  #6400d4 → 8.29:1 light · #dcbcff → 9.85:1 dark
- *   unresolved --text-error #aa181f → 7.25:1 light · #eb7076 → 5.51:1 dark
- * The TEXT tier, never `--destructive`: that is the FILL tier, tuned for a white label on top of
- * it, and it measures 2.95:1 as ink on the dark card (gh#610).
- */
-const WIKI_STYLESHEET = `
-[data-wiki] {
-  --prose-link-color: var(--text-link);
-}
-
-[data-wiki] a[data-unresolved="true"] {
-  --prose-link-color: var(--text-error);
-  text-decoration-style: dashed;
-}
-`;
-
-export default function Demo() {
-  return (
-    <PageContainer title="Prose" subtitle="レンダリングされた本文のタイポグラフィ">
-      <Flex direction="col" gap="lg">
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Wiki page (size="md")</CardTitle>
-            <CardDescription>
-              見出し・段落・リスト・引用・表・コードを一つの本文として。ソフト改行の扱いは Markdown
-              パイプライン側 (remark-breaks) の責務。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Prose size="md" imageSize="fit">
-              <h1>請求書の発行手順</h1>
-              <p>
-                月次の請求書は <strong>締日の翌営業日</strong> に発行する。手順は{" "}
-                <a href="#flow">承認フロー</a> に従う。
-              </p>
-              <h2 id="flow">承認フロー</h2>
-              <ol>
-                <li>担当者が下書きを作成する</li>
-                <li>
-                  経理が金額を確認する
-                  <ul>
-                    <li>消費税区分</li>
-                    <li>源泉徴収の有無</li>
-                  </ul>
-                </li>
-                <li>責任者が承認し、送付する</li>
-              </ol>
-              <blockquote>
-                <p>締日を過ぎた修正は翌月の請求に繰り越す。</p>
-              </blockquote>
-              <h3>環境</h3>
-              {/* Inside Prose the table is rendered content, not page chrome. */}
-              {/* ui-audit-disable-next-line no-raw-table */}
-              <table>
-                <thead>
-                  <tr>
-                    <th>項目</th>
-                    <th>値</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td>Browser</td>
-                    <td>Chrome 140</td>
-                  </tr>
-                  <tr>
-                    <td>Viewport</td>
-                    <td>1440 x 900</td>
-                  </tr>
-                </tbody>
-              </table>
-              <h4>再現コード</h4>
-              <p>
-                <code>estimate.total</code> を <code>hydrate()</code> より前に読むと落ちる。
-              </p>
-              <pre>{`const total = estimate.total; // undefined before hydrate()`}</pre>
-              <hr />
-              <p>最終更新: 2026-09-05</p>
-            </Prose>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Issue description (size="sm", imageSize="original")</CardTitle>
-            <CardDescription>
-              コンパクトな本文。貼り付けたスクリーンショットを原寸で見せる設定は横スクロールになる。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <Prose size="sm" imageSize="original">
-              <h2>見積画面で合計が更新されない</h2>
-              <p>明細を追加しても合計欄が 0 のまま。リロードすると正しい値になる。</p>
-              <h3>手順</h3>
-              <ol>
-                <li>見積 EST-102 を開く</li>
-                <li>明細を 1 行追加する</li>
-                <li>合計欄を見る</li>
-              </ol>
-            </Prose>
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle level={2}>Wiki body · リンクの状態 (--prose-link-*)</CardTitle>
-            <CardDescription>
-              リンクの色と下線は --prose-link-color / --prose-link-decoration-line で調整する。Prose
-              は自身のルート以外に data-* を書かないため、a[data-…]
-              は利用側が所有するセレクタとして保証される。ここではまだ存在しないページへのリンクを
-              --text-error ＋破線で示した。カード面でのコントラストは、解決済み 8.29:1 (ライト) /
-              9.85:1 (ダーク)、未解決 7.25:1 / 5.51:1。
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <style>{WIKI_STYLESHEET}</style>
-            <Prose size="md" data-wiki="">
-              <h2>出張費の精算</h2>
-              <p>
-                原則は <a href="#rules">精算規程</a> に従う。宿泊費の上限は地域区分で変わるため、
-                <a href="#lodging" data-unresolved="true">
-                  宿泊費区分表
-                </a>{" "}
-                を参照すること（このページはまだ書かれていない）。
-              </p>
-              <ul>
-                <li>
-                  <a href="#receipt">領収書の要件</a>
-                </li>
-                <li>
-                  <a href="#foreign" data-unresolved="true">
-                    海外出張の為替レート
-                  </a>
-                </li>
-              </ul>
-            </Prose>
-          </CardContent>
-        </Card>
-      </Flex>
-    </PageContainer>
-  );
-}