@godxjp/ui 23.4.9 → 23.4.11

package/dist/components/data-display/timeline.js

@@ -1,9 +1,11 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "../../i18n/use-translation.js";
 import { Check, CheckCircle2, Plane } from "lucide-react";
-const SR_PREFIX = {
-  done: "Completed: ",
-  current: "Current: ",
-  pending: "Upcoming: "
+const SR_PREFIX_KEY = {
+  done: "dataDisplay.timeline.statusDone",
+  current: "dataDisplay.timeline.statusCurrent",
+  pending: "dataDisplay.timeline.statusPending"
 };
 function resolveStatus(item) {
   if (item.status) {
@@ -15,6 +17,7 @@ function resolveStatus(item) {
   return "done";
 }
 function Timeline({ items, variant = "icon" }) {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx("ol", { className: "ui-timeline", "data-variant": variant, children: items.map((item, index) => {
     const status = resolveStatus(item);
     const isCurrent = status === "current";
@@ -66,7 +69,7 @@ function Timeline({ items, variant = "icon" }) {
           /* @__PURE__ */ jsxs("div", { className: "ui-timeline-body", children: [
             /* @__PURE__ */ jsxs("div", { className: "ui-timeline-head", children: [
               /* @__PURE__ */ jsxs("span", { className: "ui-timeline-title", "data-current": isCurrent ? "true" : void 0, children: [
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: SR_PREFIX[status] }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(SR_PREFIX_KEY[status]) }),
                 item.title
               ] }),
               item.time ? /* @__PURE__ */ jsx("span", { className: "ui-timeline-time", children: item.time }) : null

package/dist/components/data-entry/upload-crop-dialog.js

@@ -6,6 +6,7 @@ import { cn } from "../../lib/utils.js";
 import { Button } from "../general/button.js";
 import {
   Dialog,
+  DialogBody,
   DialogContent,
   DialogDescription,
   DialogFooter,
@@ -57,7 +58,7 @@ function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
       /* @__PURE__ */ jsx(DialogTitle, { children: t("dataEntry.upload.cropTitle") }),
       /* @__PURE__ */ jsx(DialogDescription, { children: t("dataEntry.upload.cropDescription") })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "ui-stack-sm", children: [
+    /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs("div", { className: "ui-stack-sm", children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -91,7 +92,7 @@ function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
           }
         )
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ jsxs(DialogFooter, { children: [
       /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: t("common.cancel") }),
       /* @__PURE__ */ jsx(Button, { onClick: () => void handleConfirm(), children: t("dataEntry.upload.cropConfirm") })

package/dist/components/data-entry/upload.js

@@ -25,7 +25,7 @@ import {
 } from "./upload-types.js";
 import { readDroppedFiles } from "./upload-files.js";
 import { uploadRequest } from "./upload-request.js";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../feedback/dialog.js";
+import { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from "../feedback/dialog.js";
 import { Progress } from "../data-display/progress.js";
 import { useUploadDraft } from "./use-upload-draft.js";
 import { collectUploadCommitActions, createUploadItem as createUploadItem2, UPLOAD_LIST_IGNORE as UPLOAD_LIST_IGNORE2 } from "./upload-types.js";
@@ -414,14 +414,14 @@ function Upload({
         },
         children: /* @__PURE__ */ jsxs(DialogContent, { "aria-describedby": void 0, children: [
           /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: previewItem?.name ?? t("dataEntry.upload.preview") }) }),
-          previewItem?.previewUrl && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(DialogBody, { children: previewItem?.previewUrl && /* @__PURE__ */ jsx(
             "img",
             {
               src: previewItem.previewUrl,
               alt: previewItem.name,
               className: "ui-upload-picture-img"
             }
-          )
+          ) })
         ] })
       }
     ),

package/dist/components/feedback/dialog.js

@@ -436,22 +436,24 @@ function AlertDialog({
         description ? /* @__PURE__ */ jsx(AlertDialogDescription, { children: description }) : null
       ] })
     ] }) }),
-    needsPhrase && /* @__PURE__ */ jsx(FormField, { id: inputId, label: t("common.typeToConfirm", { phrase }), children: /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: inputId,
-        value: typed,
-        onChange: (e) => {
-          setTyped(e.target.value);
-        },
-        autoComplete: "off",
-        spellCheck: false,
-        placeholder: phrase,
-        "aria-required": "true",
-        disabled: busy
-      }
-    ) }),
-    stepUpFailed && /* @__PURE__ */ jsx("p", { id: stepErrorId, role: "alert", className: "ui-dialog-step-up-error", children: t("feedback.alert.stepUpFailed") }),
+    /* @__PURE__ */ jsxs(DialogBody, { children: [
+      needsPhrase && /* @__PURE__ */ jsx(FormField, { id: inputId, label: t("common.typeToConfirm", { phrase }), children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: inputId,
+          value: typed,
+          onChange: (e) => {
+            setTyped(e.target.value);
+          },
+          autoComplete: "off",
+          spellCheck: false,
+          placeholder: phrase,
+          "aria-required": "true",
+          disabled: busy
+        }
+      ) }),
+      stepUpFailed && /* @__PURE__ */ jsx("p", { id: stepErrorId, role: "alert", className: "ui-dialog-step-up-error", children: t("feedback.alert.stepUpFailed") })
+    ] }),
     /* @__PURE__ */ jsxs(DialogFooter, { children: [
       /* @__PURE__ */ jsx(DialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: busy, children: resolvedCancel }) }),
       /* @__PURE__ */ jsx(

package/dist/components/layout/app-launcher.js

@@ -7,6 +7,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover
 import {
   Dialog,
   DialogContent,
+  DialogBody,
   DialogHeader,
   DialogTitle,
   DialogTrigger
@@ -217,7 +218,7 @@ function AppLauncher({
           overlayClassName: "ui-app-launcher-launchpad-overlay",
           children: [
             /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: labels.title }) }),
-            panel
+            /* @__PURE__ */ jsx(DialogBody, { children: panel })
           ]
         }
       )

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "23.4.9",
+  "version": "23.4.11",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,
@@ -39,6 +39,17 @@
         "components": [
           "number-input"
         ]
+      },
+      {
+        "selector": ".ui-switch",
+        "via": ".ui-choice-input",
+        "source": "src/styles/control.css",
+        "targetMin": 24,
+        "components": [
+          "label",
+          "slider",
+          "switch"
+        ]
       }
     ]
   },

package/dist/i18n/messages/en.json

@@ -339,6 +339,11 @@
         "error": "failed",
         "abort": "stopped"
       }
+    },
+    "timeline": {
+      "statusDone": "Completed: ",
+      "statusCurrent": "Current: ",
+      "statusPending": "Upcoming: "
     }
   },
   "ui": {

package/dist/i18n/messages/ja.json

@@ -332,6 +332,11 @@
         "error": "失敗",
         "abort": "中断"
       }
+    },
+    "timeline": {
+      "statusDone": "完了: ",
+      "statusCurrent": "現在: ",
+      "statusPending": "予定: "
     }
   },
   "ui": {

package/dist/i18n/messages/vi.json

@@ -333,6 +333,11 @@
         "error": "thất bại",
         "abort": "đã dừng"
       }
+    },
+    "timeline": {
+      "statusDone": "Đã xong: ",
+      "statusCurrent": "Hiện tại: ",
+      "statusPending": "Sắp tới: "
     }
   },
   "ui": {

package/dist/styles/control.css

@@ -500,6 +500,13 @@
     transition-duration: 150ms;
   }
 
+  .ui-switch > .ui-choice-input {
+    inset-block-start: 50%;
+    inset-block-end: auto;
+    block-size: max(100%, var(--touch-target-min));
+    translate: 0 -50%;
+  }
+
   .ui-switch[data-state="checked"] {
     background: var(--switch-checked-background, hsl(var(--primary)));
   }

package/docs/FRAME-COVERAGE-REPORT.md

@@ -3,8 +3,8 @@
 > Generated by `scripts/frame-coverage.mjs` (issue #163). Do not edit by hand — run `pnpm check:frame-coverage`.
 > Standard: [FRAME-COVERAGE-STANDARD.md](./FRAME-COVERAGE-STANDARD.md). A missing dimension is **UNTESTED**, never a pass.
 
-- Public components: **152**
-- With ≥1 frame: **135** · zero-frame: **17**
+- Public components: **163**
+- With ≥1 frame: **142** · zero-frame: **21**
 - Fully covered (every contract axis declared): **0**
 
 ## UNTESTED — no `/frame/**` route
@@ -16,7 +16,11 @@
 - [ ] `CardBar`
 - [ ] `VisuallyHidden`
 - [ ] `RangeTimeline`
+- [ ] `Title`
+- [ ] `Paragraph`
+- [ ] `Link`
 - [ ] `ServiceCatalogCta`
+- [ ] `SkeletonRows`
 - [ ] `OverlayPortalProvider`
 - [ ] `SkeletonArticle`
 - [ ] `SkeletonAvatar`
@@ -54,14 +58,19 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | TopbarItem | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | NavList | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | MasterDetail | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| DraggablePanel | ✓ | N/A | · | N/A | · | · | · | · | · | · |
 | SplitPane | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | ErrorSurface | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | LegalDocumentShell | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | Breadcrumb | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
-| FloatButton | ✓ | · | · | · | · | · | · | · | · | · |
-| Button | ✓ | ✓ | · | · | · | · | · | · | · | · |
-| Text | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
+| FloatButton | ✓ | ✓ | · | N/A | · | · | · | · | · | · |
+| Button | ✓ | ✓ | · | N/A | · | · | · | · | · | · |
+| Text | ✓ | ✓ | · | N/A | · | · | · | · | · | · |
 | Heading | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
+| Typography | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| Title | **✗** | · | · | N/A | · | · | · | · | · | · |
+| Paragraph | **✗** | · | · | N/A | · | · | · | · | · | · |
+| Link | **✗** | · | · | N/A | · | · | · | · | · | · |
 | Logo | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | Reveal | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | Activity | ✓ | · | N/A | N/A | · | · | · | · | · | · |
@@ -102,13 +111,14 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | Checkbox | ✓ | N/A | · | · | · | · | · | · | · | · |
 | RadioGroup | ✓ | N/A | · | · | · | · | · | · | · | · |
 | DatePicker | ✓ | · | · | · | · | · | · | · | · | · |
-| Dialog | ✓ | N/A | N/A | · | · | · | · | · | · | · |
+| Dialog | ✓ | ✓ | N/A | · | · | · | · | · | · | · |
 | AlertDialog | ✓ | ✓ | · | · | · | · | · | · | · | · |
 | AlertDialogRoot | ✓ | N/A | N/A | · | · | · | · | · | · | · |
 | Sheet | ✓ | N/A | N/A | · | · | · | · | · | · | · |
 | Alert | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | Banner | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | SkeletonTable | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| SkeletonRows | **✗** | N/A | N/A | N/A | · | · | · | · | · | · |
 | Toaster | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | Tabs | ✓ | ✓ | N/A | · | · | · | · | · | · | · |
 | Pagination | ✓ | · | · | · | · | · | · | · | · | · |
@@ -153,7 +163,7 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | HoverCard | ✓ | N/A | N/A | · | · | · | · | · | · | · |
 | PasswordInput | ✓ | ✓ | · | · | · | · | · | · | · | · |
 | PasswordStrength | ✓ | N/A | N/A | · | · | · | · | · | · | · |
-| InputOTP | ✓ | · | · | · | · | · | · | · | · | · |
+| InputOTP | ✓ | · | N/A | · | · | · | · | · | · | · |
 | Rating | ✓ | N/A | · | · | · | · | · | · | · | · |
 | Segmented | ✓ | ✓ | · | · | · | · | · | · | · | · |
 | TagInput | ✓ | ✓ | · | · | · | · | · | · | · | · |
@@ -185,4 +195,9 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | ChatBubbleList | **✗** | N/A | N/A | N/A | · | · | · | · | · | · |
 | ChatComposer | ✓ | · | · | · | · | · | · | · | · | · |
 | ChatSuggestion | ✓ | N/A | N/A | · | · | · | · | · | · | · |
+| Conversations | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| Welcome | ✓ | · | N/A | N/A | · | · | · | · | · | · |
+| Actions | ✓ | · | N/A | N/A | · | · | · | · | · | · |
+| ThoughtChain | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| Attachments | ✓ | N/A | · | N/A | · | · | · | · | · | · |
 

package/docs/data-display/badge.tsx

@@ -267,7 +267,7 @@ export default function Demo() {
             <CardTitle level={2}>tabular · 数字を桁で揃える</CardTitle>
             <CardDescription>
               件数のチップが縦に並ぶときは tabular を。プロポーショナル数字だと 1 が 0
-              より狭いので、列で見たときに桁がずれてチップ幅も揺れます。既定はオフ — 語を載せる
+              より狭いので、列で見たときに桁がずれてチップ幅も揺れます。既定はオフ。語を載せる
               チップまで幅の広い数字を払う必要はありません。
             </CardDescription>
           </CardHeader>

package/docs/data-display/card/index.tsx

@@ -128,7 +128,7 @@ export default function Demo() {
 
         <Flex direction="col" gap="sm">
           <Text as="div" weight="medium">
-            hoverable · actions — Ant Design の hoverable と actions
+            hoverable · actions · Ant Design の hoverable と actions
           </Text>
           <ResponsiveGrid columns={{ sm: 1, md: 2 }}>
             {/*

package/docs/data-display/credential-reveal.tsx

@@ -11,6 +11,7 @@ import { Button } from "@godxjp/ui/general";
 import { Flex, PageContainer } from "@godxjp/ui/layout";
 import {
   Dialog,
+  DialogBody,
   DialogContent,
   DialogDescription,
   DialogHeader,
@@ -51,12 +52,14 @@ export default function Demo() {
                     このキーはこの画面でのみ表示されます。安全な場所に保管してください。
                   </DialogDescription>
                 </DialogHeader>
-                <CredentialReveal
-                  label="APIキー"
-                  secret={API_KEY}
-                  downloadable
-                  onAcknowledge={() => setOpen(false)}
-                />
+                <DialogBody>
+                  <CredentialReveal
+                    label="APIキー"
+                    secret={API_KEY}
+                    downloadable
+                    onAcknowledge={() => setOpen(false)}
+                  />
+                </DialogBody>
               </DialogContent>
             </Dialog>
           </CardContent>

package/docs/data-display/popover.tsx

@@ -210,7 +210,7 @@ export default function Demo() {
           <CardHeader>
             <CardTitle level={2}>width · パネルの測り方</CardTitle>
             <CardDescription>
-              既定の panel は --popover-width（18rem）。auto は中身に測らせます — 自前の幅を持つもの
+              既定の panel は --popover-width（18rem）。auto は中身に測らせます。自前の幅を持つもの
               （Calendar、チャート、固定幅のプレビュー）はこれ以外に正解がありません。trigger
               はアンカーに合わせます。className に w-*
               を書くのは呼び出し側の定数で、どのテーマからも retune できません。flush が padding

package/docs/data-entry/chat-suggestion.tsx

@@ -166,7 +166,7 @@ export default function Demo() {
               </CardTitle>
               <CardDescription>
                 トリガー文字は差し替えられます。1つの入力欄に対して1つの
-                ChatSuggestion — 2種類を同時に見張るのではなく、用途ごとに別の欄にします。
+                ChatSuggestion。2種類を同時に見張るのではなく、用途ごとに別の欄にします。
               </CardDescription>
             </CardHeader>
             <CardContent>

package/docs/data-entry/form-field/index.tsx

@@ -8,6 +8,7 @@ import {
   DialogHeader,
   DialogTitle,
   Sheet,
+  SheetBody,
   SheetContent,
   SheetHeader,
   SheetTitle,
@@ -312,14 +313,16 @@ export default function Demo() {
                 <SheetHeader>
                   <SheetTitle>請求先設定</SheetTitle>
                 </SheetHeader>
-                <Form>
-                  <FormField id="sheet-name" label="宛名" required>
-                    <Input id="sheet-name" />
-                  </FormField>
-                  <FormField id="sheet-note" label="備考">
-                    <Input id="sheet-note" />
-                  </FormField>
-                </Form>
+                <SheetBody>
+                  <Form>
+                    <FormField id="sheet-name" label="宛名" required>
+                      <Input id="sheet-name" />
+                    </FormField>
+                    <FormField id="sheet-note" label="備考">
+                      <Input id="sheet-note" />
+                    </FormField>
+                  </Form>
+                </SheetBody>
               </SheetContent>
             </Sheet>
           </CardContent>

package/docs/data-entry/segmented.tsx

@@ -89,7 +89,7 @@ export default function Demo() {
             <CardTitle level={2}>4 択 + 件数（スマホ幅では折り返す）</CardTitle>
             <CardDescription>
               一覧の上の状態フィルター。4 つが 1 行に収まらない幅では、トラックが 2 行目に折り返し
-              ます — ラベルも件数も切り詰めません。`check:segmented-wrap` がこのカードを測ります。
+              ます。ラベルも件数も切り詰めません。`check:segmented-wrap` がこのカードを測ります。
             </CardDescription>
           </CardHeader>
           <CardContent>
@@ -112,7 +112,7 @@ export default function Demo() {
             <CardDescription>
               size は 3 段（sm / md / lg）。トラックの高さは --control-height そのもので、
               MobileShell のようにその変数をスコープする領域では自動的にタッチ段（44px）になります。
-              vertical では 1 行ぶんが 1 コントロールの高さになります — 横 1 行のときだけトラック
+              vertical では 1 行ぶんが 1 コントロールの高さになります。横 1 行のときだけトラック
               内側の余白を引くので、積んだときは引きません。block は幅いっぱいに広げます。
             </CardDescription>
           </CardHeader>

package/docs/feedback/dialog.tsx

@@ -3,6 +3,7 @@ import {
   Dialog,
   DialogAction,
   DialogCancel,
+  DialogBody,
   DialogContent,
   DialogDescription,
   DialogFooter,
@@ -72,6 +73,7 @@ export default function Demo() {
                     借方・貸方科目と金額を入力して保存してください。
                   </DialogDescription>
                 </DialogHeader>
+                <DialogBody>
                 <Flex direction="col" gap="md">
                   <Flex direction="row" gap="sm" align="center">
                     <Text tone="muted" className="w-20 shrink-0">
@@ -92,6 +94,7 @@ export default function Demo() {
                     <Text>¥ 120,000</Text>
                   </Flex>
                 </Flex>
+                </DialogBody>
                 <DialogFooter>
                   <Button variant="outline" onClick={() => setCreateOpen(false)}>
                     キャンセル
@@ -123,6 +126,7 @@ export default function Demo() {
                   <DialogTitle>取引 #JE-2024-0042</DialogTitle>
                   <DialogDescription>2024年3月31日 · 月次決算仕訳</DialogDescription>
                 </DialogHeader>
+                <DialogBody>
                 <Flex direction="col" gap="sm">
                   <Flex direction="row" justify="between">
                     <Text tone="muted">借方</Text>
@@ -137,6 +141,7 @@ export default function Demo() {
                     <Text>3月売上計上</Text>
                   </Flex>
                 </Flex>
+                </DialogBody>
               </DialogContent>
             </Dialog>
           </CardContent>
@@ -178,10 +183,12 @@ export default function Demo() {
                     subtitle={`見出し帯は tone="${headerTone}" で描画しています。`}
                     extra={<Badge tone={headerTone}>{headerTone}</Badge>}
                   />
-                  <Text size="sm">
-                    帯の色だけが tone に追従し、見出しと本文の文字色は変わりません。extra
-                    スロットは帯の右端に固定され、閉じるボタンとは重なりません。
-                  </Text>
+                  <DialogBody>
+                    <Text size="sm">
+                      帯の色だけが tone に追従し、見出しと本文の文字色は変わりません。extra
+                      スロットは帯の右端に固定され、閉じるボタンとは重なりません。
+                    </Text>
+                  </DialogBody>
                   <DialogFooter>
                     <Button variant="outline" onClick={() => setToneOpen(false)}>
                       閉じる
@@ -219,14 +226,16 @@ export default function Demo() {
                   title="提携を終了しますか？"
                   subtitle="この操作は元に戻せません。終了理由は監査ログに残ります。"
                 />
-                <FormField id="termination-reason" label="終了理由" required>
-                  <Textarea
-                    id="termination-reason"
-                    value={reason}
-                    onChange={(event) => setReason(event.target.value)}
-                    placeholder="契約違反の内容を記載してください"
-                  />
-                </FormField>
+                <DialogBody>
+                  <FormField id="termination-reason" label="終了理由" required>
+                    <Textarea
+                      id="termination-reason"
+                      value={reason}
+                      onChange={(event) => setReason(event.target.value)}
+                      placeholder="契約違反の内容を記載してください"
+                    />
+                  </FormField>
+                </DialogBody>
                 <DialogFooter>
                   <DialogCancel asChild>
                     <Button variant="ghost">キャンセル</Button>

package/docs/layout/app-launcher.tsx

@@ -147,7 +147,7 @@ export default function Demo() {
         </Card>
         <Card>
           <CardHeader>
-            <CardTitle level={2}>バー以外の chrome — icon とパネルの向き</CardTitle>
+            <CardTitle level={2}>バー以外の chrome · icon とパネルの向き</CardTitle>
             <CardDescription>
               `appearance=&quot;icon&quot;` は正方形の ghost Button。バーではない chrome（nav rail、
               カードのヘッダ、ツールバー）のための箱で、glyph は同じです。 パネルは既定で chrome
@@ -172,7 +172,7 @@ export default function Demo() {
 
         <Card>
           <CardHeader>
-            <CardTitle level={2}>Launchpad — 画面いっぱい</CardTitle>
+            <CardTitle level={2}>Launchpad · 画面いっぱい</CardTitle>
             <CardDescription>
               `responsive=&quot;fullscreen&quot;` は plaform の start bar のための形。背後のページを
               ぼかし、その地の上にタイルが並びます（macOS Launchpad / Windows Start）。 幅に関係なく

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "23.4.9",
-  "godxUiMcp": "23.4.9",
+  "version": "23.4.11",
+  "godxUiMcp": "23.4.11",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -321,6 +321,7 @@
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",
     "check:frame-coverage": "node scripts/frame-coverage.mjs",
+    "check:frame-coverage-report": "node scripts/frame-coverage.mjs --check",
     "gen:frame-coverage-ledger": "node scripts/gen-frame-coverage-ledger.mjs",
     "check:frame-coverage-ledger": "node scripts/gen-frame-coverage-ledger.mjs --check && node scripts/check-frame-coverage-ledger.mjs",
     "check:screen-reader-evidence": "node scripts/check-screen-reader-evidence.mjs",
@@ -330,13 +331,14 @@
     "check:data-entry-touch-aria": "node scripts/check-data-entry-touch-aria.mjs",
     "check:display-runtime-evidence": "node scripts/check-display-runtime-evidence.mjs",
     "check:choice-hit-target": "node scripts/check-choice-hit-target.mjs",
+    "check:state-legible": "node scripts/check-state-legible.mjs",
     "check:app-shell-narrow-grid": "node scripts/check-app-shell-narrow-grid.mjs",
     "check:frame-contracts": "pnpm check:component-api-manifest && pnpm audit:component-cases && pnpm check:frame-coverage && pnpm check:frame-coverage-ledger && pnpm check:screen-reader-evidence && pnpm check:data-entry-owner-source && pnpm check:display-runtime-evidence",
     "check:frame-runtime": "pnpm check:data-entry-touch-aria && pnpm check:app-shell-narrow-grid && pnpm check:choice-hit-target",
     "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:frame-coverage && pnpm test",
     "verify:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:token-scale-bypass && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm check:visual-audit && pnpm test",
     "verify:ci": "pnpm verify:ci:static && pnpm check:frame-contracts && pnpm test",
-    "verify:ci:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:registry && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:no-antd-runtime && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:measurement-contract && pnpm check:mcp-token-sync && pnpm check:email-token-sync && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-catalog-completeness && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:gate-coverage && pnpm check:mcp-prop-sync && pnpm check:catalog-contradictions && pnpm check:catalog-snippets",
+    "verify:ci:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:registry && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:no-antd-runtime && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:measurement-contract && pnpm check:mcp-token-sync && pnpm check:email-token-sync && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-catalog-completeness && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:frame-coverage-report && pnpm check:gate-coverage && pnpm check:mcp-prop-sync && pnpm check:catalog-contradictions && pnpm check:catalog-snippets",
     "verify:browser": "pnpm check:contrast && pnpm check:text-ink-clip && pnpm check:font-fallback-metrics && pnpm check:visual-audit",
     "verify:release": "pnpm verify:static && pnpm check:frame-contracts && pnpm check:frame-coverage",
     "verify:publish-tree": "pnpm build && pnpm check:packed-public-contract && pnpm check:use-client && pnpm check:dist-tokens-resolve",

package/scripts/ui-audit.mjs

@@ -528,8 +528,21 @@ const RULES = [
   {
     id: "hand-rolled-close-glyph",
     severity: "warn",
-    // A literal close glyph as JSX text — almost always a hand-rolled dismiss that should be a slot.
+    /*
+     * A literal close glyph as JSX text — almost always a hand-rolled dismiss that should be a slot.
+     *
+     * NOT when the glyph carries a name. The rule's own message is "a bare glyph has no accessible
+     * name", so a glyph that HAS one is the pattern this rule wants, not the one it forbids:
+     *
+     *     <span aria-hidden="true">×</span>
+     *     <VisuallyHidden>未実施</VisuallyHidden>
+     *
+     * That is the ○ / △ / × status scale, and it was reported against our own `Segmented` docs page
+     * — one of ten standing warnings here. Flagging it would push every consumer doing the right
+     * thing toward either a suppression comment or a worse glyph.
+     */
     test: />\s*[✕✖×╳]\s*</,
+    exempt: /<VisuallyHidden\b|sr-only/,
     standard: "WAI-ARIA 1.2 (dialog) · WCAG 2.2 SC 4.1.2 · @godxjp/ui Alert/Dialog anatomy",
     message:
       "Don't hand-roll a ✕ close. Pass onDismiss to <Alert> (renders the × top-right with an aria-label), or use <Dialog>/<Sheet> which ship their own labelled close. A bare glyph has no accessible name.",
@@ -762,9 +775,25 @@ function isSuppressed(ruleId, sameLine, prevLine) {
 
 /** A rule's own in-place escape (see the `exempt` note on RULES), on the same line or the one above.
  *  Read from the ORIGINAL lines, because the scanner blanks comments before `rule.test` runs. */
-function isExempt(rule, sameLine, prevLine) {
+/**
+ * Also looks at the NEXT line, not just this one and the one before.
+ *
+ * An accessible name for a symbol is written AFTER the symbol, because that is the reading order:
+ *
+ *     <span aria-hidden="true">×</span>
+ *     <VisuallyHidden>未実施</VisuallyHidden>
+ *
+ * Checking only backwards could never see it, so `hand-rolled-close-glyph` fired on the ○/△/×
+ * status scale in our own `Segmented` docs — a glyph that is named, which is the pattern the rule
+ * wants rather than the one it forbids.
+ */
+function isExempt(rule, sameLine, prevLine, nextLine) {
   if (!rule.exempt) return false;
-  return rule.exempt.test(sameLine ?? "") || rule.exempt.test(prevLine ?? "");
+  return (
+    rule.exempt.test(sameLine ?? "") ||
+    rule.exempt.test(prevLine ?? "") ||
+    rule.exempt.test(nextLine ?? "")
+  );
 }
 
 function walk(dir, acc = []) {
@@ -857,12 +886,45 @@ function findHandCurrencyInJsxText(source, from) {
   return null;
 }
 
+/**
+ * Is `index` inside a quoted string or a template literal, counted from the start of the file?
+ *
+ * `insideTemplateLiteral` only counts backticks, and only from an arbitrary `from` — enough for the
+ * text scan, not enough to decide whether a `<` is JSX at all. A tag written INSIDE a string is not
+ * markup, and treating it as markup sends the scan off through the rest of the file:
+ *
+ *     console.warn(`[DataTable] Column "${key}" renders a <th> with no visible text…`)
+ *
+ * That `<th>` was read as an opening tag, the text scan walked past the closing backtick, skipped
+ * from quote to quote, and eventually found a currency glyph somewhere else entirely — reporting
+ * `hardcoded-currency` against a dev warning containing no currency at all. One of ten standing
+ * warnings in this repo, and the only one in `src/`.
+ */
+function insideStringLiteral(source, index) {
+  let quote = "";
+  for (let i = 0; i < index; i++) {
+    const char = source[i];
+    if (char === "\\") {
+      i++;
+      continue;
+    }
+    if (quote) {
+      if (char === quote) quote = "";
+    } else if (char === '"' || char === "'" || char === "`") {
+      quote = char;
+    }
+  }
+  return quote !== "";
+}
+
 /** Match real JSX text after a balanced opening tag, including props with comparisons. */
 function* currencyMatches(source) {
   for (const opening of source.matchAll(/<(?:[A-Za-z][\w.:]*\b|(?=>))/g)) {
     const end = jsxOpeningEnd(source, opening.index);
     if (end >= source.length) continue;
     if (isGenericTypeBeforeCall(source, opening.index, end)) continue;
+    // A tag inside a string or template literal is prose about markup, not markup.
+    if (insideStringLiteral(source, opening.index)) continue;
     const hit = findHandCurrencyInJsxText(source, end + 1);
     if (hit) {
       yield { 0: source.slice(opening.index, hit.end), index: opening.index };
@@ -923,6 +985,30 @@ const CARD_TABLE_FLUSH = new RegExp(
   "g",
 );
 
+/*
+ * A `DialogContent` / `SheetContent` that has chrome (a header or a footer) but no BODY.
+ *
+ * The scroll lives on the body, and only on the body:
+ *
+ *     [data-slot="dialog-body"]    { min-height: 0; max-height: min(60vh, 32rem); overflow-y: auto }
+ *     [data-slot="dialog-content"] { overflow: hidden }   // no max-height, deliberately
+ *
+ * So an overlay without one cannot scroll at all: content longer than the viewport is clipped at
+ * BOTH ends, taking the footer's buttons with it, and the only way out is Escape. Reported from a
+ * consumer whose five dialogs all had the defect and none of whose reviewers could see it — it only
+ * appears on real customer data, never on demo data (gh#617).
+ *
+ * THE SAME SHAPE AS gh#611, and the reporter named it as such: a layout contract that EXISTS in the
+ * stylesheet with no gate to enforce it. `Card`→`CardContent` had `card-needs-content`;
+ * `Dialog`→`DialogBody` had nothing. `Sheet` is included for the reason gh#611 taught: when a rule
+ * names a component, ask whether its required sibling slots are checked too — Sheet's CSS carries
+ * the identical `:has([data-slot="sheet-body"])` pair, so it carries the identical defect.
+ *
+ * Chrome is the trigger, not length: a bare `<DialogContent>` holding one line needs nothing, but
+ * once a header or footer is present the middle is a body and the middle is what scrolls.
+ */
+const OVERLAY_NEEDS_BODY = /<(Dialog|AlertDialog|Sheet)Content\b[^>]*>([\s\S]*?)<\/\1Content>/g;
+
 const CARD_FLUSH = new RegExp(
   `<Card(?!${ATTRS}\\bp-0\\b)(?:\\s${ATTRS})?>\\s*<(?!CardContent|CardHeader|CardCover|CardFooter|CardBar|\\/Card)`,
   "g",
@@ -1072,7 +1158,7 @@ for (const dir of SCAN_DIRS) {
         if (
           (typeof rule.test === "function" ? rule.test(target) : rule.test.test(target)) &&
           !suppressed(rule.id, i) &&
-          !isExempt(rule, origLines[i], origLines[i - 1])
+          !isExempt(rule, origLines[i], origLines[i - 1], origLines[i + 1])
         ) {
           findings.push({
             file: rel,
@@ -1179,6 +1265,29 @@ for (const dir of SCAN_DIRS) {
         snippet: match[0].replace(/\s+/g, " ").slice(0, 120),
       });
     }
+    for (const match of scanContent.matchAll(OVERLAY_NEEDS_BODY)) {
+      const [, family, inner] = match;
+      const slot = family === "Sheet" ? "Sheet" : "Dialog";
+      const hasChrome = new RegExp(`<${slot}(?:Header|Footer)\\b`).test(inner);
+      const hasBody = new RegExp(`<${slot}Body\\b`).test(inner);
+      if (!hasChrome || hasBody) continue;
+      const lineNo = scanContent.slice(0, match.index).split("\n").length;
+      if (suppressed("dialog-needs-body", lineNo - 1)) continue;
+      findings.push({
+        file: rel,
+        line: lineNo,
+        rule: "dialog-needs-body",
+        severity: "error",
+        message:
+          `<${family}Content> has a ${slot}Header/${slot}Footer but no <${slot}Body>. The scroll lives on ` +
+          `the body — the content box is \`overflow: hidden\` with no max-height — so content taller ` +
+          `than the viewport is clipped at BOTH ends and the footer's buttons go with it, leaving ` +
+          `Escape as the only way out. It only shows on real data, never on demo data.`,
+        replacement: `${slot}Body`,
+        snippet: match[0].replace(/\s+/g, " ").slice(0, 120),
+      });
+    }
+
     if (
       !(SELF && !args.includes("--consumer")) &&
       !/<(?:Flex|ResponsiveGrid|PageContainer)\b/.test(scanContent)