@godxjp/ui 23.2.1 → 23.4.0

package/dist/components/navigation/index.js

@@ -29,9 +29,11 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
 } from "./dropdown-menu.js";
+import { Conversations } from "./conversations.js";
 export {
   AppSettingPicker,
   AppSettingToggle,
+  Conversations,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,

package/dist/components/ui/card.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-display/card.js";

package/dist/components/ui/toggle.js

@@ -5,6 +5,7 @@ import { ToggleButton } from "react-aria-components";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils.js";
 import { useTranslation } from "../../i18n/use-translation.js";
+import { numberFormat } from "../../lib/intl-cache.js";
 const toggleVariants = cva("ui-toggle", {
   variants: {
     variant: {
@@ -33,7 +34,7 @@ function useCounterPill({
   const visible = count != null && (count !== 0 || showZero);
   const formatted = React.useMemo(() => {
     if (count == null) return "";
-    const format = new Intl.NumberFormat(locale);
+    const format = numberFormat(locale);
     return count > overflowCount ? `${format.format(overflowCount)}+` : format.format(count);
   }, [count, locale, overflowCount]);
   if (!visible) {

package/dist/i18n/messages/en.json

@@ -178,6 +178,16 @@
         "one": "{count} suggestion",
         "other": "{count} suggestions"
       }
+    },
+    "attachments": {
+      "placeholderTitle": "Upload files",
+      "placeholderDescription": "Click or drag files here",
+      "dropLabel": "Drop files ({type})",
+      "inputLabel": "Choose attachment files",
+      "add": "Add attachment",
+      "remove": "Remove {name}",
+      "uploading": "Uploading attachment",
+      "error": "Upload failed"
     }
   },
   "feedback": {
@@ -263,6 +273,9 @@
       "hintMove": "Move",
       "hintSelect": "Select",
       "hintClose": "Close"
+    },
+    "draggablePanel": {
+      "moveLabel": "Move panel. Use the arrow keys to move it, or hold Shift for larger steps."
     }
   },
   "dataDisplay": {
@@ -317,6 +330,15 @@
       "loading": "Loading child nodes…",
       "empty": "Nothing to show",
       "selected": "Selected"
+    },
+    "thoughtChain": {
+      "label": "Reasoning steps",
+      "status": {
+        "loading": "in progress",
+        "success": "done",
+        "error": "failed",
+        "abort": "stopped"
+      }
     }
   },
   "ui": {
@@ -344,11 +366,22 @@
       "download": "Download secret",
       "acknowledge": "I've saved it"
     },
+    "floatButton": {
+      "backTop": "Back to top",
+      "actions": "Actions"
+    },
     "numberInput": {
       "increment": "Increase",
       "decrement": "Decrease",
       "incrementField": "Increase {label}",
       "decrementField": "Decrease {label}"
+    },
+    "typography": {
+      "copy": "Copy",
+      "copied": "Copied",
+      "edit": "Edit",
+      "expand": "Expand",
+      "collapse": "Collapse"
     }
   },
   "navigation": {
@@ -437,6 +470,11 @@
     },
     "settingToggle": {
       "label": "{setting}: {value}"
+    },
+    "conversations": {
+      "label": "Conversations",
+      "creation": "New conversation",
+      "rowActions": "More actions for {label}"
     }
   },
   "locale": {
@@ -591,5 +629,20 @@
         "other": "{count} new messages"
       }
     }
+  },
+  "general": {
+    "actions": {
+      "label": "Message actions",
+      "copy": "Copy",
+      "copied": "Copied",
+      "feedback": "Was this answer helpful?",
+      "like": "Helpful",
+      "dislike": "Not helpful",
+      "status": {
+        "running": "running",
+        "loading": "loading",
+        "error": "failed"
+      }
+    }
   }
 }

package/dist/i18n/messages/ja.json

@@ -174,6 +174,16 @@
       "count": {
         "other": "候補 {count} 件"
       }
+    },
+    "attachments": {
+      "placeholderTitle": "ファイルをアップロード",
+      "placeholderDescription": "クリックまたはドラッグしてファイルを追加",
+      "dropLabel": "ファイルをドロップ ({type})",
+      "inputLabel": "添付ファイルを選択",
+      "add": "添付を追加",
+      "remove": "{name} を削除",
+      "uploading": "添付をアップロード中",
+      "error": "アップロードに失敗しました"
     }
   },
   "feedback": {
@@ -256,6 +266,9 @@
       "hintMove": "移動",
       "hintSelect": "選択",
       "hintClose": "閉じる"
+    },
+    "draggablePanel": {
+      "moveLabel": "パネルを移動。矢印キーで移動、Shift キーを押しながらで大きく移動します。"
     }
   },
   "dataDisplay": {
@@ -310,6 +323,15 @@
       "loading": "子ノードを読み込み中…",
       "empty": "表示する項目がありません",
       "selected": "選択中"
+    },
+    "thoughtChain": {
+      "label": "思考の手順",
+      "status": {
+        "loading": "実行中",
+        "success": "完了",
+        "error": "失敗",
+        "abort": "中断"
+      }
     }
   },
   "ui": {
@@ -337,11 +359,22 @@
       "download": "シークレットをダウンロード",
       "acknowledge": "保存しました"
     },
+    "floatButton": {
+      "backTop": "トップへ戻る",
+      "actions": "アクション"
+    },
     "numberInput": {
       "increment": "増やす",
       "decrement": "減らす",
       "incrementField": "{label}を増やす",
       "decrementField": "{label}を減らす"
+    },
+    "typography": {
+      "copy": "コピー",
+      "copied": "コピーしました",
+      "edit": "編集",
+      "expand": "展開",
+      "collapse": "折りたたむ"
     }
   },
   "navigation": {
@@ -424,6 +457,11 @@
     },
     "settingToggle": {
       "label": "{setting}：{value}"
+    },
+    "conversations": {
+      "label": "会話一覧",
+      "creation": "新しい会話",
+      "rowActions": "「{label}」のその他の操作"
     }
   },
   "locale": {
@@ -577,5 +615,20 @@
         "other": "新着 {count} 件"
       }
     }
+  },
+  "general": {
+    "actions": {
+      "label": "メッセージの操作",
+      "copy": "コピー",
+      "copied": "コピーしました",
+      "feedback": "この回答は役に立ちましたか",
+      "like": "役に立った",
+      "dislike": "役に立たなかった",
+      "status": {
+        "running": "実行中",
+        "loading": "読み込み中",
+        "error": "失敗"
+      }
+    }
   }
 }

package/dist/i18n/messages/vi.json

@@ -175,6 +175,16 @@
         "one": "{count} gợi ý",
         "other": "{count} gợi ý"
       }
+    },
+    "attachments": {
+      "placeholderTitle": "Tải tệp lên",
+      "placeholderDescription": "Nhấp hoặc kéo thả tệp vào đây",
+      "dropLabel": "Thả tệp ({type})",
+      "inputLabel": "Chọn tệp đính kèm",
+      "add": "Thêm tệp đính kèm",
+      "remove": "Xóa {name}",
+      "uploading": "Đang tải tệp đính kèm",
+      "error": "Tải lên thất bại"
     }
   },
   "feedback": {
@@ -257,6 +267,9 @@
       "hintMove": "Di chuyển",
       "hintSelect": "Chọn",
       "hintClose": "Đóng"
+    },
+    "draggablePanel": {
+      "moveLabel": "Di chuyển bảng. Dùng phím mũi tên để dời, giữ Shift để bước dài hơn."
     }
   },
   "dataDisplay": {
@@ -311,6 +324,15 @@
       "loading": "Đang tải nút con…",
       "empty": "Không có gì để hiển thị",
       "selected": "Đã chọn"
+    },
+    "thoughtChain": {
+      "label": "Các bước suy luận",
+      "status": {
+        "loading": "đang chạy",
+        "success": "xong",
+        "error": "thất bại",
+        "abort": "đã dừng"
+      }
     }
   },
   "ui": {
@@ -338,11 +360,22 @@
       "download": "Tải khóa bí mật",
       "acknowledge": "Tôi đã lưu"
     },
+    "floatButton": {
+      "backTop": "Về đầu trang",
+      "actions": "Hành động"
+    },
     "numberInput": {
       "increment": "Tăng",
       "decrement": "Giảm",
       "incrementField": "Tăng {label}",
       "decrementField": "Giảm {label}"
+    },
+    "typography": {
+      "copy": "Sao chép",
+      "copied": "Đã sao chép",
+      "edit": "Sửa",
+      "expand": "Mở rộng",
+      "collapse": "Thu gọn"
     }
   },
   "navigation": {
@@ -425,6 +458,11 @@
     },
     "settingToggle": {
       "label": "{setting}: {value}"
+    },
+    "conversations": {
+      "label": "Danh sách hội thoại",
+      "creation": "Hội thoại mới",
+      "rowActions": "Thao tác khác cho {label}"
     }
   },
   "locale": {
@@ -578,5 +616,20 @@
         "other": "{count} tin nhắn mới"
       }
     }
+  },
+  "general": {
+    "actions": {
+      "label": "Thao tác với tin nhắn",
+      "copy": "Sao chép",
+      "copied": "Đã sao chép",
+      "feedback": "Câu trả lời này có hữu ích không",
+      "like": "Hữu ích",
+      "dislike": "Không hữu ích",
+      "status": {
+        "running": "đang chạy",
+        "loading": "đang tải",
+        "error": "thất bại"
+      }
+    }
   }
 }

package/dist/i18n/translate.js

@@ -1,6 +1,7 @@
 import en from "./messages/en.json" with { type: "json" };
 import ja from "./messages/ja.json" with { type: "json" };
 import vi from "./messages/vi.json" with { type: "json" };
+import { numberFormat, pluralRules } from "../lib/intl-cache.js";
 const MESSAGE_CATALOG = {
   vi,
   en,
@@ -56,7 +57,7 @@ function selectPlural(value, locale, params) {
   if (count === void 0) {
     return value.other ?? Object.values(value)[0] ?? "";
   }
-  const category = new Intl.PluralRules(locale).select(count);
+  const category = pluralRules(locale).select(count);
   return value[category] ?? value.other ?? Object.values(value)[0] ?? "";
 }
 function interpolate(template, locale, params) {
@@ -64,7 +65,7 @@ function interpolate(template, locale, params) {
   return Object.entries(params).reduce(
     (text, [key, value]) => text.replaceAll(
       `{${key}}`,
-      typeof value === "number" ? new Intl.NumberFormat(locale).format(value) : String(value)
+      typeof value === "number" ? numberFormat(locale).format(value) : String(value)
     ),
     template
   );

package/dist/lib/datetime/picker-format.js

@@ -9,10 +9,11 @@ import {
   startOfYear
 } from "date-fns";
 import { parseDateInput, toIsoDate } from "./parse.js";
+import { dateTimeFormat } from "../intl-cache.js";
 function formatPickerDate(date, format, locale, withTime = false) {
   if (!date || !isValid(date)) return "";
   if (typeof format === "function") return format(date);
-  if (typeof format === "object") return new Intl.DateTimeFormat(locale, format).format(date);
+  if (typeof format === "object") return dateTimeFormat(locale, format).format(date);
   if (typeof format === "string") return formatDate(date, format);
   return withTime ? formatDate(date, "yyyy-MM-dd HH:mm") : toIsoDate(date);
 }

package/dist/lib/format.js

@@ -1,7 +1,8 @@
 import { getSyncedLocale, translateCurrent } from "../i18n/translate.js";
+import { numberFormat } from "./intl-cache.js";
 function formatBytes(n, locale = getSyncedLocale()) {
   if (n == null) return "\u2014";
-  const num = (digits, scaled) => new Intl.NumberFormat(locale, {
+  const num = (digits, scaled) => numberFormat(locale, {
     minimumFractionDigits: digits,
     maximumFractionDigits: digits
   }).format(scaled);
@@ -12,7 +13,7 @@ function formatBytes(n, locale = getSyncedLocale()) {
 }
 function formatCurrency(amountMinor, currency, locale = getSyncedLocale()) {
   if (amountMinor == null || !currency) return "\u2014";
-  const formatter = new Intl.NumberFormat(locale, { style: "currency", currency });
+  const formatter = numberFormat(locale, { style: "currency", currency });
   const minorUnitDigits = formatter.resolvedOptions().maximumFractionDigits ?? 2;
   const major = amountMinor / Math.pow(10, minorUnitDigits);
   return formatter.format(major);

package/dist/lib/intl-cache.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Memoised `Intl` formatters, keyed by locale + options.
+ *
+ * WHY THIS EXISTS, AS A MEASUREMENT (gh#557). A consumer ported a legacy CakePHP grid that keeps
+ * every row in the DOM — 8,262 rows, no virtualisation available — and measured 27-30s against
+ * 2.3s for the same markup built from native `<input>` / `<select>`. They had already ruled out
+ * the obvious suspect: deleting `Popover` / `PopoverContent` from `DatePicker` entirely changed
+ * nothing.
+ *
+ * Rendered here through `react-dom/server`, 2,000 rows at a time, one CLOSED `DatePicker` costs
+ * **412.6us** against **4.2us** for `<input type="date">` — 98x. Counting constructor calls during
+ * that render, each closed instance built:
+ *
+ *     12 x new Intl.DateTimeFormat
+ *      1 x new Intl.NumberFormat
+ *
+ * Constructing an `Intl` formatter is one of the most expensive things a JS engine does: it
+ * resolves locale data and compiles a pattern. Routing those same constructions through this
+ * cache, changing nothing else, took the instance from **412.6us to 178us — a 57% cut**. For the
+ * reporter's grid that is roughly 99,000 formatter constructions that no longer happen.
+ *
+ * WHY A SHARED MODULE AND NOT A `useMemo` AT EACH CALL SITE. `useMemo` memoises per INSTANCE, and
+ * the instance is exactly what there are 8,262 of. Two rows formatting dates in the same locale
+ * want the same formatter object, and nothing below module scope can give them one.
+ *
+ * SAFETY. `Intl` formatters are immutable and stateless — `format()` mutates nothing — so a single
+ * instance is safely shared across every caller and every React tree, concurrent SSR included.
+ */
+export declare function dateTimeFormat(locale: string, options?: Intl.DateTimeFormatOptions): Intl.DateTimeFormat;
+export declare function numberFormat(locale: string, options?: Intl.NumberFormatOptions): Intl.NumberFormat;
+export declare function pluralRules(locale: string, options?: Intl.PluralRulesOptions): Intl.PluralRules;
+export declare function listFormat(locale: string, options?: Intl.ListFormatOptions): Intl.ListFormat;

package/dist/lib/intl-cache.js

@@ -0,0 +1,29 @@
+const MAX_ENTRIES = 256;
+const cache = /* @__PURE__ */ new Map();
+function memoise(kind, locale, options, make) {
+  const key = `${kind} ${locale} ${options === void 0 ? "" : JSON.stringify(options)}`;
+  const hit = cache.get(key);
+  if (hit !== void 0) return hit;
+  const made = make();
+  if (cache.size >= MAX_ENTRIES) cache.delete(cache.keys().next().value);
+  cache.set(key, made);
+  return made;
+}
+function dateTimeFormat(locale, options) {
+  return memoise("dtf", locale, options, () => new Intl.DateTimeFormat(locale, options));
+}
+function numberFormat(locale, options) {
+  return memoise("nf", locale, options, () => new Intl.NumberFormat(locale, options));
+}
+function pluralRules(locale, options) {
+  return memoise("pr", locale, options, () => new Intl.PluralRules(locale, options));
+}
+function listFormat(locale, options) {
+  return memoise("lf", locale, options, () => new Intl.ListFormat(locale, options));
+}
+export {
+  dateTimeFormat,
+  listFormat,
+  numberFormat,
+  pluralRules
+};

package/dist/props/components/data-display.prop.d.ts

@@ -28,7 +28,7 @@ export type ProseProp = {
     className?: ClassNameProp;
     children?: ChildrenProp;
 };
-import type { ActionProp, ClassNameProp, DescriptionProp, IconProp, TitleProp, ColumnDefProp, GetRowIdProp, GetRowLabelProp, OnRowClickProp, OnSelectChangeProp, OnSortChangeProp, OnTableDensityChangeProp, SelectedIdsProp, SortStateProp, TableDensityProp, TablePresetProp, BreakpointProp, DensityProp, ChildrenProp, PendingProp, ToneProp, AvatarShapeProp, HeadingLevelProp, HandlerProp, SizeProp, LabelProp, IdProp, DescriptionsLayoutProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, SortDirectionProp, OnColumnFilterChangeProp, OnRowProp, TableExpandableProp, TableRowSelectionProp, TableScrollProp, TableStickyProp, TableSummaryProp, DisabledProp, ValueProp, DefaultValueProp, OnValueChangeProp } from "../vocabulary/index.js";
+import type { ActionProp, ClassNameProp, DescriptionProp, IconProp, TitleProp, ColumnDefProp, GetRowIdProp, GetRowLabelProp, OnRowClickProp, OnSelectChangeProp, OnSortChangeProp, OnTableDensityChangeProp, SelectedIdsProp, SortStateProp, TableDensityProp, TablePresetProp, BreakpointProp, DensityProp, ChildrenProp, PendingProp, ToneProp, AvatarShapeProp, HeadingLevelProp, HandlerProp, SizeProp, LabelProp, IdProp, DescriptionsLayoutProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, SortDirectionProp, OnColumnFilterChangeProp, OnRowProp, TableExpandableProp, TableRowSelectionProp, TableScrollProp, TableStickyProp, TableSummaryProp, DisabledProp, OnClickProp, ValueProp, DefaultValueProp, OnValueChangeProp } from "../vocabulary/index.js";
 import type { TreeFieldNamesProp, TreeOptionProp } from "./data-entry.prop.js";
 /**
  * One key in a `Legend`: a tone, and the words that tone stands for.
@@ -789,3 +789,145 @@ export type ChatBubbleListProp = {
     className?: ClassNameProp;
     id?: IdProp;
 };
+/**
+ * Ant Design X `Welcome variant`. `filled` gives the block its own tinted ground; `borderless`
+ * lets it sit directly on the page.
+ * @see Welcome
+ */
+export type WelcomeVariantProp = "filled" | "borderless";
+/**
+ * @see Welcome — the greeting block at the head of an empty conversation (Ant Design X `Welcome`).
+ *
+ * Ant X's own slots, field for field: `icon`, `title`, `description`, `extra`, `variant`. The one
+ * behaviour worth naming is the `icon` STRING: Ant renders a `string` beginning with `http` as an
+ * `<img>` rather than as text (`es/welcome/index.js`), and that is ported — with `alt=""`, because
+ * the glyph beside a title it duplicates is decorative, where Ant hardcodes `alt="icon"`.
+ */
+export type WelcomeProp = {
+    /** Leading glyph, or an `http(s)` URL rendered as a decorative image. Ant Design X `icon`. */
+    icon?: React.ReactNode;
+    /** The greeting itself. Ant Design X `title`. */
+    title?: React.ReactNode;
+    /** The line under it. Ant Design X `description`. */
+    description?: React.ReactNode;
+    /** Trailing slot on the title row — a dismiss button, a model picker. Ant Design X `extra`. */
+    extra?: React.ReactNode;
+    /** Ant Design X `variant`. Default `filled`. */
+    variant?: WelcomeVariantProp;
+    id?: IdProp;
+    className?: ClassNameProp;
+};
+/**
+ * Ant Design X `THOUGHT_CHAIN_ITEM_STATUS` — how one step of the chain ended, or that it has not.
+ * @see ThoughtChain
+ */
+export type ThoughtChainStatusProp = "loading" | "success" | "error" | "abort";
+/**
+ * Ant Design X `ThoughtChainProps.line` — the connector drawn between two steps. `true` is the
+ * default solid rule, `false` draws none, and the three strings pick its stroke.
+ *
+ * Ant's own type spells the third `'dotted‌'` with a trailing U+200C ZERO WIDTH NON-JOINER
+ * (`es/thought-chain/interface.d.ts`), so `line="dotted"` does not type-check against it. The
+ * clean spelling is used here; that is a typo fix, not an API change.
+ * @see ThoughtChain
+ */
+export type ThoughtChainLineProp = boolean | "solid" | "dashed" | "dotted";
+/**
+ * Ant Design X `ThoughtChainItemProps.variant` — the chrome of a STANDALONE step.
+ * @see ThoughtChainItem
+ */
+export type ThoughtChainVariantProp = "solid" | "outlined" | "text";
+/** @see ThoughtChain — one step. Ant Design X `ThoughtChainItemType`, field for field. */
+export type ThoughtChainItemsProp = {
+    /** Identity, and what `expandedKeys` addresses. Ant Design X `key`. */
+    key?: string;
+    /**
+     * The step's glyph. `false` removes it entirely; omitted, the step shows its 1-based ORDINAL,
+     * which is Ant's default (`es/thought-chain/Node.js`). Ant Design X `icon`.
+     */
+    icon?: React.ReactNode | false;
+    /** Ant Design X `title`. */
+    title?: React.ReactNode;
+    /** The line under the title, always visible. Ant Design X `description`. */
+    description?: React.ReactNode;
+    /** The body the step collapses. Ant Design X `content`. */
+    content?: React.ReactNode;
+    /** Below the body, always visible. Ant Design X `footer`. */
+    footer?: React.ReactNode;
+    /** Ant Design X `status`. */
+    status?: ThoughtChainStatusProp;
+    /** Turn the title into a disclosure for `content`. Ant Design X `collapsible`. */
+    collapsible?: boolean;
+    /** Pulse the title and body while the step is still being written. Ant Design X `blink`. */
+    blink?: boolean;
+    /** Unmount the body while collapsed. Default `true`, as in Ant. Ant Design X `destroyOnHidden`. */
+    destroyOnHidden?: boolean;
+};
+/**
+ * @see ThoughtChain — the assistant's reasoning, step by step (Ant Design X `ThoughtChain`).
+ *
+ * An ordered list: each step carries an ordinal or a glyph, a status, a title, and a body it can
+ * collapse. `Timeline` is the neighbour to check first — it is the same vertical rail for EVENTS
+ * that already happened; a thought chain is a run in progress, which is why a step has `loading`
+ * and `abort` states and a body that opens.
+ */
+export type ThoughtChainProp = {
+    /** The steps, in order. Ant Design X `items`. */
+    items?: readonly ThoughtChainItemsProp[];
+    /** Uncontrolled initially-open steps. Ant Design X `defaultExpandedKeys`. */
+    defaultExpandedKeys?: readonly string[];
+    /** Controlled open steps. Ant Design X `expandedKeys`. */
+    expandedKeys?: readonly string[];
+    /** Fires with the next open set. Ant Design X `onExpand`. */
+    onExpand?: (keys: string[]) => void;
+    /** The connector between steps. Default `true`. Ant Design X `line`. */
+    line?: ThoughtChainLineProp;
+    /**
+     * Accessible name of the chain — a plain STRING (it lands on `aria-label`). Ant X has no
+     * equivalent; a localized default applies when omitted.
+     */
+    label?: string;
+    id?: IdProp;
+    className?: ClassNameProp;
+};
+/**
+ * @see ThoughtChainItem — one step OUTSIDE a chain (Ant Design X `ThoughtChain.Item`): the chip an
+ * assistant drops inline to say which tool it just reached for.
+ *
+ * Ant renders it as a `<div onClick>`; here an item with `onClick` renders a real `<button>`, so
+ * the one interactive shape this component has is reachable by keyboard.
+ */
+export type ThoughtChainItemProp = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    status?: ThoughtChainStatusProp;
+    /** Ant Design X `variant`. Default `solid`. */
+    variant?: ThoughtChainVariantProp;
+    /** Ant Design X `blink`. */
+    blink?: boolean;
+    disabled?: DisabledProp;
+    onClick?: OnClickProp;
+    id?: IdProp;
+    className?: ClassNameProp;
+};
+/**
+ * @see Card — one entry in the card-head tab strip. Ant Design `CardTabListType`, field for
+ * field: `key`, `tab`, `disabled`.
+ *
+ * IT KEEPS ANTD'S SPELLING, and that is the standing rule rather than an oversight
+ * (docs/DESIGN-AUTHORITY.md — "where antd names a capability, this library takes antd's name and
+ * antd's semantics"). It therefore does NOT read `TabItemProp`, whose `value`/`label`/`content`
+ * are the `Tabs` component's own API: that item carries the PANEL as well as the trigger, and a
+ * card-head tab carries only the trigger — the panel is the card body. Two different shapes, and
+ * folding them into one would mean publishing a `content` field on a card tab that the card can
+ * never render.
+ */
+export type CardTabItemProp = {
+    /** Ant Design `key` — the tab's identity, and what `activeTabKey` / `onTabChange` speak in. */
+    key: string;
+    /** Ant Design `tab` — the trigger's label. Any node. */
+    tab: React.ReactNode;
+    /** Ant Design `disabled` — the tab stays in the strip and in the roving focus, unselectable. */
+    disabled?: boolean;
+};