base-paint 0.3.13 → 0.3.15

package/dist/components/timer-card/style.js

@@ -0,0 +1,243 @@
+/** timer-card · **样式段**（本件唯一的样式来源）。
+ *
+ *  三条纪律（与组件层其余件同一份）：
+ *   1. 颜色／圆角／字面／字号一律经 `skinVar()` 读；本件源码里不出现手写的 `var(--ilife-…)`；
+ *   2. 全部规则 scope 在 `.<prefix>page-ui` 之下；
+ *   3. **状态靠「字 ＋ 形 ＋ 色」**：状态字（待开始／计时中／已暂停／到点了）＋ 标签形状
+ *      （底线／实底块／描边空心／双线框）＋ 色 ⇒「大字报刊」皮肤下强调色＝墨黑也分得出。
+ *
+ *  交互件的地板（判据逐条断）：
+ *   · 按钮命中盒 **≥44 高**、`min-width` 锁住（`TIMER_CARD_BUTTON_MIN_WIDTH_PX`）⇒
+ *     「开始／暂停／继续／重新开始／开始中…」五种字换来换去**不跳版**；
+ *   · 进度条只动 `transform: scaleX()`（不动宽度）；`:hover` 包在设备能力查询里且不是唯一通路；
+ *   · `:active` 只动 `transform`（≤80ms）；`:focus-visible` 有 2px 可见焦点环；
+ *   · `disabled` 有 `cursor:not-allowed`；`prefers-reduced-motion` 下过渡关掉、读数照走（不卡半路）；
+ *   · 状态不依赖 `transitionend`（读数由运行时按时间写，不靠动画收尾）。
+ *
+ *  几何契约：大数字 `white-space:nowrap`（时间**永不截断**）；窄宽由**容器**决定。
+ */
+import { skinVar } from '../skin/contract.js';
+import { timerCardClass, timerCardSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 本件的内容容器名（`@container` 按它命中）。 */
+export const TIMER_CARD_CONTAINER = 'ilife-timer-card';
+/** 窄档断点（px）：容器窄于它就让按钮各占一整行（**不是**视口断点）。 */
+export const TIMER_CARD_NARROW_MAX_PX = 420;
+/** 按钮的高度下限（px）：44 是全仓的触控地板。 */
+export const TIMER_CARD_BUTTON_MIN_HEIGHT_PX = 44;
+/** 按钮的宽度下限（px）：主按钮换字（开始／暂停／继续／重新开始／开始中…）时不跳版。 */
+export const TIMER_CARD_BUTTON_MIN_WIDTH_PX = 112;
+/** 大数字的字号（px）：一个显示级读数（与正文字号的比例 ≫2×）。 */
+export const TIMER_CARD_VALUE_PX = 44;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function timerCardCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const sc = (name) => root + ' .' + timerCardSlot(name, p);
+    const s = root + ' .' + timerCardClass(p);
+    const v = skinVar;
+    return [
+        '/* timer-card（计时卡）：剩余时间当主读数（大数字 ＋ 进度条 ＋ 已过／还剩），底下开始／暂停／重置。 */',
+        s + ' {',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  gap: 8px;',
+        '  box-sizing: border-box;',
+        '  min-width: 0;',
+        '  padding: 14px ' + v('pad-x') + ';',
+        '  border: 1px solid ' + v('edge') + ';',
+        '  border-radius: ' + v('radius') + ';',
+        '  background: ' + v('surface') + ';',
+        '  box-shadow: ' + v('shadow') + ';',
+        '  container: ' + TIMER_CARD_CONTAINER + ' / inline-size;',
+        '}',
+        sc('head') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  min-width: 0;',
+        '}',
+        sc('title') + ' {',
+        '  min-width: 0;',
+        '  color: ' + v('ink') + ';',
+        '  font-size: ' + v('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 状态字四档形状：底线／实底块／描边空心／双线框。 */',
+        sc('tag') + ' {',
+        '  flex: 0 0 auto;',
+        '  box-sizing: border-box;',
+        '  margin-left: auto;',
+        '  padding: 1px 8px;',
+        '  border: 1px solid transparent;',
+        '  border-radius: ' + v('radius-pill') + ';',
+        '  color: ' + v('ink-2') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.5;',
+        '  white-space: nowrap;',
+        '}',
+        sc('tag') + '.is-idle {',
+        '  padding: 0 0 1px;',
+        '  border: 0;',
+        '  border-bottom: 2px solid ' + v('line') + ';',
+        '  border-radius: 0;',
+        '}',
+        sc('tag') + '.is-running {',
+        '  border: 0;',
+        '  background: ' + v('accent') + ';',
+        '  color: ' + v('accent-ink') + ';',
+        '}',
+        sc('tag') + '.is-paused {',
+        '  border: 1px solid ' + v('warn') + ';',
+        '  background: ' + v('warn-soft') + ';',
+        '  color: ' + v('warn') + ';',
+        '}',
+        sc('tag') + '.is-done {',
+        '  border: 3px double ' + v('ok') + ';',
+        '  border-radius: 0;',
+        '  color: ' + v('ok') + ';',
+        '}',
+        '/* 主读数：大数字 ＋ 单位。 */',
+        sc('display') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 6px;',
+        '  min-width: 0;',
+        '}',
+        sc('display-value') + ' {',
+        '  color: ' + v('ink') + ';',
+        '  font-family: ' + v('font-display') + ';',
+        '  font-size: ' + TIMER_CARD_VALUE_PX + 'px;',
+        '  font-variant-numeric: tabular-nums;',
+        '  font-weight: 800;',
+        '  line-height: 1.02;',
+        '  letter-spacing: -.02em;',
+        '  white-space: nowrap;',
+        '}',
+        sc('display-unit') + ' {',
+        '  color: ' + v('ink-2') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  font-weight: 700;',
+        '}',
+        '/* 进度条：只动 transform（宽度不变 ⇒ 不重排）。 */',
+        sc('bar') + ' {',
+        '  height: 8px;',
+        '  border-radius: ' + v('radius-pill') + ';',
+        '  background: ' + v('surface-2') + ';',
+        '  overflow: hidden;',
+        '}',
+        sc('bar-fill') + ' {',
+        '  display: block;',
+        '  height: 100%;',
+        '  transform-origin: left center;',
+        '  transform: scaleX(0);',
+        '  background: ' + v('accent') + ';',
+        '  transition: transform 180ms linear;',
+        '}',
+        sc('readouts') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 14px;',
+        '  color: ' + v('ink-3') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '}',
+        sc('readouts') + ' b {',
+        '  color: ' + v('ink-2') + ';',
+        '  font-family: ' + v('font-num') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  font-weight: 700;',
+        '}',
+        sc('hint') + ' {',
+        '  margin: 2px 0 0;',
+        '  padding: 9px 11px;',
+        '  border-left: 3px solid ' + v('accent') + ';',
+        '  border-radius: ' + v('radius-sm') + ';',
+        '  background: ' + v('surface-2') + ';',
+        '  color: ' + v('ink-2') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        sc('acts') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 8px;',
+        '  margin-top: 2px;',
+        '  min-width: 0;',
+        '}',
+        '/* 按钮：真按钮。命中盒 44 高、宽度锁住（换字不跳版）。 */',
+        sc('button') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  flex: 0 1 auto;',
+        '  min-height: ' + TIMER_CARD_BUTTON_MIN_HEIGHT_PX + 'px;',
+        '  min-width: ' + TIMER_CARD_BUTTON_MIN_WIDTH_PX + 'px;',
+        '  padding: 0 14px;',
+        '  border: 1px solid ' + v('accent') + ';',
+        '  border-radius: ' + v('radius-sm') + ';',
+        '  background: ' + v('accent') + ';',
+        '  color: ' + v('accent-ink') + ';',
+        '  font: inherit;',
+        '  font-size: ' + v('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  white-space: nowrap;',
+        '  cursor: pointer;',
+        '  transition: transform 60ms linear;',
+        '}',
+        sc('button') + '.is-quiet {',
+        '  border-color: ' + v('line') + ';',
+        '  background: none;',
+        '  color: ' + v('ink-2') + ';',
+        '}',
+        sc('button') + '[disabled] {',
+        '  border-color: ' + v('line') + ';',
+        '  background: ' + v('surface-2') + ';',
+        '  color: ' + v('ink-3') + ';',
+        '  cursor: not-allowed;',
+        '}',
+        sc('button') + ':active { transform: scale(.98); }',
+        sc('button') + ':focus-visible {',
+        '  outline: 2px solid ' + v('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        sc('error') + ' {',
+        '  flex: 1 1 140px;',
+        '  padding-left: 8px;',
+        '  border-left: 3px solid ' + v('danger') + ';',
+        '  color: ' + v('danger') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  line-height: 1.55;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        sc('absent') + ' {',
+        '  margin: 0;',
+        '  color: ' + v('ink-3') + ';',
+        '  font-size: ' + v('fs-sm') + ';',
+        '}',
+        '/* 悬停：包在设备能力查询里（不是唯一通路——按钮本来就是按下去的）。 */',
+        '@media (hover:hover) and (pointer:fine) {',
+        '  ' + sc('button') + ':hover:not([disabled]) { background: ' + v('accent-text') + '; border-color: ' + v('accent-text') + '; }',
+        '  ' + sc('button') + '.is-quiet:hover:not([disabled]) { background: ' + v('surface-2') + '; }',
+        '}',
+        '/* 减动效：过渡关掉，读数照走（读数由运行时按时间写，不靠动画收尾）。 */',
+        '@media (prefers-reduced-motion:reduce) {',
+        '  ' + sc('bar-fill') + ' { transition: none; }',
+        '  ' + sc('button') + ' { transition: none; }',
+        '}',
+        '/* 窄档：按钮各占一整行（大数字照旧不截断）。 */',
+        '@container ' + TIMER_CARD_CONTAINER + ' (max-width: ' + TIMER_CARD_NARROW_MAX_PX + 'px) {',
+        '  ' + sc('button') + ' { flex: 1 1 100%; }',
+        '  ' + sc('tag') + ' { margin-left: 0; }',
+        '}',
+    ].join(LF);
+}

package/dist/components/timer-card/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/timer-card/style.ts"],"names":[],"mappings":"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"}

package/dist/components/toast-card/attrs.d.ts

@@ -0,0 +1,109 @@
+/** toast-card · **标记契约**（渲染与运行时共用的唯一事实：类名／槽位／语气闭集／`data-*`／事件名／入参类型）。
+ *
+ *  这一件是什么：**另一件 toast**——与冻结面那件 `renderToast`（住 `src/controls.ts`，公开名
+ *  `renderToast`／`ToastInput`／`TOAST_ICONS`／`TOAST_DEFAULTS`）**并存**，不是它的替代。
+ *  冻结面那件是「以前那种形态」（深色毛玻璃卡 ＋「✓ 知道了」）；本件是另一种样式，供开发者按场景选用：
+ *  `surface` 底 ＋ 发丝线 ＋ **左侧语义色竖条**，零阴影、零圆角下也立得住。
+ *
+ *  四条硬口径（判据逐条断）：
+ *   ① **状态不只靠色**：语气档同时给三样——竖条**粗细**（`TOAST_CARD_TONE_RULES`：3／4／6px）
+ *      ＋ 图标**字形**（`TOAST_CARD_TONE_GLYPHS`：✓／!／✕）＋ **语气字**（`TOAST_CARD_TONE_WORDS`）；
+ *   ② **结构固定**：图标 ＋ 标题 ＋ 一句细节 ＋ 至多一个动作 ＋ 关闭。「至多一个动作」由**入参面**守住
+ *      （`action` 是**一个对象**，不是数组：给了数组一律 `badInput`）；
+ *   ③ **自动消失有时限**：缺省 `TOAST_CARD_DEFAULT_MS`（4 秒）、可配 `TOAST_CARD_MIN_MS`～`TOAST_CARD_MAX_MS`
+ *      （3–5 秒）；要更久就让用户点关闭。同一时刻最多堆 `TOAST_CARD_MAX_STACK` 条，
+ *      第 4 条来时挤掉最旧的一条；
+ *   ④ **危险档必须说得清**：`tone: 'danger'` 而不给 `detail` ⇒ `badInput`——
+ *      关键信息不许只活在这条会自动消失的提示里（写库失败这类必须同时有落点）。
+ */
+/** 本件的类名根（一条提示）：槽位类名都是 `<前缀>block-toast-card-<槽名>`。 */
+export declare function toastCardName(prefix?: string): string;
+/** 本件的类名根（缺省前缀）。 */
+export declare const TOAST_CARD_CLASS: string;
+/** 槽位闭集。 */
+export declare const TOAST_CARD_SLOTS: readonly ["stack", "icon", "body", "head", "tone", "title", "detail", "tool", "action", "close"];
+export type ToastCardSlot = (typeof TOAST_CARD_SLOTS)[number];
+/** 槽类的类名（唯一拼法）。 */
+export declare function toastCardSlot(slot: ToastCardSlot, prefix?: string): string;
+/** 语气闭集（**机器键**）：`ok` 做成了 ／ `warn` 做成了但要注意 ／ `danger` 没做成。 */
+export declare const TOAST_CARD_TONES: readonly ["ok", "warn", "danger"];
+export type ToastCardTone = (typeof TOAST_CARD_TONES)[number];
+/** 语气 → 屏上那两个字（**色之外的第二样**）。唯一出处，判据从这里取。 */
+export declare const TOAST_CARD_TONE_WORDS: Readonly<Record<ToastCardTone, string>>;
+/** 语气 → 图标字形（**色之外的第三样**；图标位 `aria-hidden`，语义由语气字承担）。 */
+export declare const TOAST_CARD_TONE_GLYPHS: Readonly<Record<ToastCardTone, string>>;
+/** 语气 → 左竖条的粗细（px）：**形状上的第二样**（把三档色压成同一个墨黑也分得开）。 */
+export declare const TOAST_CARD_TONE_RULES: Readonly<Record<ToastCardTone, number>>;
+/** 语气 → `role`：普通两档 `status`，危险档 `alert`（**唯一出处**，渲染与 README 都读它）。 */
+export declare const TOAST_CARD_TONE_ROLES: Readonly<Record<ToastCardTone, string>>;
+/** 语气 → `aria-live`：`role="status"` 隐含 polite、`role="alert"` 隐含 assertive；本件**显式写出来**，
+ *  让「一条提示什么时候被念」在标记里看得见。 */
+export declare const TOAST_CARD_TONE_LIVE: Readonly<Record<ToastCardTone, string>>;
+/** 关闭键的可读名字（缺省；调用方可用 `closeLabel` 覆盖）。 */
+export declare const TOAST_CARD_CLOSE_LABEL = "\u5173\u95ED\u8FD9\u6761\u63D0\u793A";
+/** 关闭键上的字形（**装饰**：`aria-hidden`，名字由 `aria-label` 给）。 */
+export declare const TOAST_CARD_CLOSE_GLYPH = "\u00D7";
+/** 自动消失的时长（毫秒）：缺省与上下限。**要更久就让用户点关闭**——不许把关键信息押在计时上。 */
+export declare const TOAST_CARD_DEFAULT_MS = 4000;
+export declare const TOAST_CARD_MIN_MS = 3000;
+export declare const TOAST_CARD_MAX_MS = 5000;
+/** 同一时刻最多堆几条；第 N+1 条来时挤掉最旧的一条。 */
+export declare const TOAST_CARD_MAX_STACK = 3;
+/** 堆栈锚：宿主席位（运行时按它找堆栈；页面用 `renderToastCardStack()` 产它）。 */
+export declare const TOAST_CARD_STACK_ATTR = "data-ilife-toast-card-stack";
+/** 一条提示的锚（运行时按它找每条提示）。 */
+export declare const TOAST_CARD_ITEM_ATTR = "data-ilife-toast-card-item";
+/** 语气锚：`value` ∈ `TOAST_CARD_TONES`。 */
+export declare const TOAST_CARD_TONE_ATTR = "data-ilife-toast-card-tone";
+/** 时长锚（毫秒）：运行时段按它给每条独立计时。 */
+export declare const TOAST_CARD_DURATION_ATTR = "data-ilife-toast-card-duration";
+/** 堆栈容量锚（缺省 `TOAST_CARD_MAX_STACK`；运行时只认 ≤ 它）。 */
+export declare const TOAST_CARD_MAX_ATTR = "data-ilife-toast-card-max";
+/** 动作锚：`value` ＝ 调用方给的动作名（事件里原样回给调用方）。 */
+export declare const TOAST_CARD_ACTION_ATTR = "data-ilife-toast-card-action";
+/** 关闭锚。 */
+export declare const TOAST_CARD_CLOSE_ATTR = "data-ilife-toast-card-close";
+/** 绑定过的记号（重复扫描只绑一次）。 */
+export declare const TOAST_CARD_BOUND_ATTR = "data-ilife-toast-card-bound";
+/** 「计时被拖住」的记号（指针停在上面／键盘焦点在里面 ⇒ 停表；离开后重新计满）。 */
+export declare const TOAST_CARD_PAUSED_ATTR = "data-ilife-toast-card-paused";
+/** 运行时段装好的记号（挂在 `documentElement` 上，重复注入只装一次）。 */
+export declare const TOAST_CARD_RUNTIME_ATTR = "data-ilife-toast-card-runtime";
+/** 正在离场那条上的类名（透明化 ＋ 下移，到时真删；`prefers-reduced-motion` 下不位移）。 */
+export declare const TOAST_CARD_LEAVING_CLASS = "is-leaving";
+/** 动作键派发的事件名（调用方按它去做那件事）。`detail = { action, tone }`。 */
+export declare const TOAST_CARD_EVENT_ACTION = "ilife:toast-card-action";
+/** 动作名（`action.id`）的写法：小写字母开头，小写字母／数字／横线。 */
+export declare const TOAST_CARD_ACTION_ID_RE: RegExp;
+/** 至多一枚动作（**一个对象，不是数组**）。 */
+export interface ToastCardAction {
+    /** 动作名（闭集外的写法一律拒）：事件里原样回给调用方。 */
+    readonly id: string;
+    /** 动作键上的**动词**（「撤销」／「看详情」）：它同时是这枚键的可读名字。 */
+    readonly label: string;
+}
+/** 一条提示的入参。 */
+export interface ToastCardInput {
+    /** 标题：这条提示**做完了什么**（「写入 3 条」「没能写入」）。**非空**。 */
+    readonly title: string;
+    /** 语气档（闭集，缺省 `ok`）：竖条粗细 ＋ 图标字形 ＋ 语气字 ＋ `role` 都由它定。 */
+    readonly tone?: ToastCardTone;
+    /** 一句细节（写进哪儿了／出了什么事）。**`danger` 档必填**。 */
+    readonly detail?: string;
+    /** 至多一枚动作键（动词）；不给＝这条提示只有「关闭」一条出口。 */
+    readonly action?: ToastCardAction;
+    /** 关闭键的可读名字（缺省 `TOAST_CARD_CLOSE_LABEL`）。 */
+    readonly closeLabel?: string;
+    /** 自动消失的时长（毫秒）：只许 `TOAST_CARD_MIN_MS`～`TOAST_CARD_MAX_MS`。 */
+    readonly durationMs?: number;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+/** 堆栈的入参（`renderToastCardStack()`）。 */
+export interface ToastCardStackInput {
+    /** 同一时刻最多堆几条：1～`TOAST_CARD_MAX_STACK`（缺省 3）。 */
+    readonly max?: number;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/toast-card/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/toast-card/attrs.ts"],"names":[],"mappings":"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"}

package/dist/components/toast-card/attrs.js

@@ -0,0 +1,120 @@
+/** toast-card · **标记契约**（渲染与运行时共用的唯一事实：类名／槽位／语气闭集／`data-*`／事件名／入参类型）。
+ *
+ *  这一件是什么：**另一件 toast**——与冻结面那件 `renderToast`（住 `src/controls.ts`，公开名
+ *  `renderToast`／`ToastInput`／`TOAST_ICONS`／`TOAST_DEFAULTS`）**并存**，不是它的替代。
+ *  冻结面那件是「以前那种形态」（深色毛玻璃卡 ＋「✓ 知道了」）；本件是另一种样式，供开发者按场景选用：
+ *  `surface` 底 ＋ 发丝线 ＋ **左侧语义色竖条**，零阴影、零圆角下也立得住。
+ *
+ *  四条硬口径（判据逐条断）：
+ *   ① **状态不只靠色**：语气档同时给三样——竖条**粗细**（`TOAST_CARD_TONE_RULES`：3／4／6px）
+ *      ＋ 图标**字形**（`TOAST_CARD_TONE_GLYPHS`：✓／!／✕）＋ **语气字**（`TOAST_CARD_TONE_WORDS`）；
+ *   ② **结构固定**：图标 ＋ 标题 ＋ 一句细节 ＋ 至多一个动作 ＋ 关闭。「至多一个动作」由**入参面**守住
+ *      （`action` 是**一个对象**，不是数组：给了数组一律 `badInput`）；
+ *   ③ **自动消失有时限**：缺省 `TOAST_CARD_DEFAULT_MS`（4 秒）、可配 `TOAST_CARD_MIN_MS`～`TOAST_CARD_MAX_MS`
+ *      （3–5 秒）；要更久就让用户点关闭。同一时刻最多堆 `TOAST_CARD_MAX_STACK` 条，
+ *      第 4 条来时挤掉最旧的一条；
+ *   ④ **危险档必须说得清**：`tone: 'danger'` 而不给 `detail` ⇒ `badInput`——
+ *      关键信息不许只活在这条会自动消失的提示里（写库失败这类必须同时有落点）。
+ */
+/** 本件的类名根（一条提示）：槽位类名都是 `<前缀>block-toast-card-<槽名>`。 */
+export function toastCardName(prefix = 'ilife-') {
+    return prefix + 'block-toast-card';
+}
+/** 本件的类名根（缺省前缀）。 */
+export const TOAST_CARD_CLASS = toastCardName();
+/** 槽位闭集。 */
+export const TOAST_CARD_SLOTS = [
+    /** 堆栈容器（宿主席位：**位置与宽度归页面**，本件不写 `position`）。 */
+    'stack',
+    /** 图标底盘（字形落在里面）；`aria-hidden`——语气由语气字承担。 */
+    'icon',
+    /** 正文区（标题那一行 ＋ 细节句）。 */
+    'body',
+    /** 标题那一行（语气字 ＋ 标题）。 */
+    'head',
+    /** 语气字（「已完成」／「请注意」／「没成功」）：**色之外的第二样文字**。 */
+    'tone',
+    /** 标题（这条提示**做完了什么**）。 */
+    'title',
+    /** 一句细节（写进哪儿了／出了什么事；`danger` 档必填）。 */
+    'detail',
+    /** 动作与关闭那一排。 */
+    'tool',
+    /** 至多一枚动作键（动词：「撤销」／「看详情」）。 */
+    'action',
+    /** 关闭键（可读名字走 `closeLabel`）。 */
+    'close',
+];
+/** 槽类的类名（唯一拼法）。 */
+export function toastCardSlot(slot, prefix = 'ilife-') {
+    return toastCardName(prefix) + '-' + slot;
+}
+/** 语气闭集（**机器键**）：`ok` 做成了 ／ `warn` 做成了但要注意 ／ `danger` 没做成。 */
+export const TOAST_CARD_TONES = ['ok', 'warn', 'danger'];
+/** 语气 → 屏上那两个字（**色之外的第二样**）。唯一出处，判据从这里取。 */
+export const TOAST_CARD_TONE_WORDS = Object.freeze({
+    ok: '已完成',
+    warn: '请注意',
+    danger: '没成功',
+});
+/** 语气 → 图标字形（**色之外的第三样**；图标位 `aria-hidden`，语义由语气字承担）。 */
+export const TOAST_CARD_TONE_GLYPHS = Object.freeze({
+    ok: '✓',
+    warn: '!',
+    danger: '✕',
+});
+/** 语气 → 左竖条的粗细（px）：**形状上的第二样**（把三档色压成同一个墨黑也分得开）。 */
+export const TOAST_CARD_TONE_RULES = Object.freeze({
+    ok: 3,
+    warn: 4,
+    danger: 6,
+});
+/** 语气 → `role`：普通两档 `status`，危险档 `alert`（**唯一出处**，渲染与 README 都读它）。 */
+export const TOAST_CARD_TONE_ROLES = Object.freeze({
+    ok: 'status',
+    warn: 'status',
+    danger: 'alert',
+});
+/** 语气 → `aria-live`：`role="status"` 隐含 polite、`role="alert"` 隐含 assertive；本件**显式写出来**，
+ *  让「一条提示什么时候被念」在标记里看得见。 */
+export const TOAST_CARD_TONE_LIVE = Object.freeze({
+    ok: 'polite',
+    warn: 'polite',
+    danger: 'assertive',
+});
+/** 关闭键的可读名字（缺省；调用方可用 `closeLabel` 覆盖）。 */
+export const TOAST_CARD_CLOSE_LABEL = '关闭这条提示';
+/** 关闭键上的字形（**装饰**：`aria-hidden`，名字由 `aria-label` 给）。 */
+export const TOAST_CARD_CLOSE_GLYPH = '×';
+/** 自动消失的时长（毫秒）：缺省与上下限。**要更久就让用户点关闭**——不许把关键信息押在计时上。 */
+export const TOAST_CARD_DEFAULT_MS = 4000;
+export const TOAST_CARD_MIN_MS = 3000;
+export const TOAST_CARD_MAX_MS = 5000;
+/** 同一时刻最多堆几条；第 N+1 条来时挤掉最旧的一条。 */
+export const TOAST_CARD_MAX_STACK = 3;
+/** 堆栈锚：宿主席位（运行时按它找堆栈；页面用 `renderToastCardStack()` 产它）。 */
+export const TOAST_CARD_STACK_ATTR = 'data-ilife-toast-card-stack';
+/** 一条提示的锚（运行时按它找每条提示）。 */
+export const TOAST_CARD_ITEM_ATTR = 'data-ilife-toast-card-item';
+/** 语气锚：`value` ∈ `TOAST_CARD_TONES`。 */
+export const TOAST_CARD_TONE_ATTR = 'data-ilife-toast-card-tone';
+/** 时长锚（毫秒）：运行时段按它给每条独立计时。 */
+export const TOAST_CARD_DURATION_ATTR = 'data-ilife-toast-card-duration';
+/** 堆栈容量锚（缺省 `TOAST_CARD_MAX_STACK`；运行时只认 ≤ 它）。 */
+export const TOAST_CARD_MAX_ATTR = 'data-ilife-toast-card-max';
+/** 动作锚：`value` ＝ 调用方给的动作名（事件里原样回给调用方）。 */
+export const TOAST_CARD_ACTION_ATTR = 'data-ilife-toast-card-action';
+/** 关闭锚。 */
+export const TOAST_CARD_CLOSE_ATTR = 'data-ilife-toast-card-close';
+/** 绑定过的记号（重复扫描只绑一次）。 */
+export const TOAST_CARD_BOUND_ATTR = 'data-ilife-toast-card-bound';
+/** 「计时被拖住」的记号（指针停在上面／键盘焦点在里面 ⇒ 停表；离开后重新计满）。 */
+export const TOAST_CARD_PAUSED_ATTR = 'data-ilife-toast-card-paused';
+/** 运行时段装好的记号（挂在 `documentElement` 上，重复注入只装一次）。 */
+export const TOAST_CARD_RUNTIME_ATTR = 'data-ilife-toast-card-runtime';
+/** 正在离场那条上的类名（透明化 ＋ 下移，到时真删；`prefers-reduced-motion` 下不位移）。 */
+export const TOAST_CARD_LEAVING_CLASS = 'is-leaving';
+/** 动作键派发的事件名（调用方按它去做那件事）。`detail = { action, tone }`。 */
+export const TOAST_CARD_EVENT_ACTION = 'ilife:toast-card-action';
+/** 动作名（`action.id`）的写法：小写字母开头，小写字母／数字／横线。 */
+export const TOAST_CARD_ACTION_ID_RE = /^[a-z][a-z0-9-]*$/;

package/dist/components/toast-card/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/toast-card/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,uDAAuD;AACvD,MAAM,UAAU,aAAa,CAAC,MAAM,GAAG,QAAQ;IAC7C,OAAO,MAAM,GAAG,kBAAkB,CAAC;AACrC,CAAC;AAED,oBAAoB;AACpB,MAAM,CAAC,MAAM,gBAAgB,GAAW,aAAa,EAAE,CAAC;AAExD,YAAY;AACZ,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,+CAA+C;IAC/C,OAAO;IACP,4CAA4C;IAC5C,MAAM;IACN,wBAAwB;IACxB,MAAM;IACN,uBAAuB;IACvB,MAAM;IACN,4CAA4C;IAC5C,MAAM;IACN,yBAAyB;IACzB,OAAO;IACP,sCAAsC;IACtC,QAAQ;IACR,gBAAgB;IAChB,MAAM;IACN,8BAA8B;IAC9B,QAAQ;IACR,+BAA+B;IAC/B,OAAO;CACC,CAAC;AAGX,mBAAmB;AACnB,MAAM,UAAU,aAAa,CAAC,IAAmB,EAAE,MAAM,GAAG,QAAQ;IAClE,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AAC5C,CAAC;AAED,8DAA8D;AAC9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAC;AAGlE,4CAA4C;AAC5C,MAAM,CAAC,MAAM,qBAAqB,GAA4C,MAAM,CAAC,MAAM,CAAC;IAC1F,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,KAAK;IACX,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,yDAAyD;AACzD,MAAM,CAAC,MAAM,sBAAsB,GAA4C,MAAM,CAAC,MAAM,CAAC;IAC3F,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;CACZ,CAAC,CAAC;AAEH,oDAAoD;AACpD,MAAM,CAAC,MAAM,qBAAqB,GAA4C,MAAM,CAAC,MAAM,CAAC;IAC1F,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,sEAAsE;AACtE,MAAM,CAAC,MAAM,qBAAqB,GAA4C,MAAM,CAAC,MAAM,CAAC;IAC1F,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,OAAO;CAChB,CAAC,CAAC;AAEH;4BAC4B;AAC5B,MAAM,CAAC,MAAM,oBAAoB,GAA4C,MAAM,CAAC,MAAM,CAAC;IACzF,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,WAAW;CACpB,CAAC,CAAC;AAEH,0CAA0C;AAC1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC;AAC/C,wDAAwD;AACxD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAE1C,uDAAuD;AACvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAC1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAEtC,kCAAkC;AAClC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAEtC,0DAA0D;AAC1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AACnE,0BAA0B;AAC1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AACjE,wCAAwC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AACjE,6BAA6B;AAC7B,MAAM,CAAC,MAAM,wBAAwB,GAAG,gCAAgC,CAAC;AACzE,kDAAkD;AAClD,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAC/D,0CAA0C;AAC1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,8BAA8B,CAAC;AACrE,WAAW;AACX,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AACnE,wBAAwB;AACxB,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AACnE,+CAA+C;AAC/C,MAAM,CAAC,MAAM,sBAAsB,GAAG,8BAA8B,CAAC;AACrE,kDAAkD;AAClD,MAAM,CAAC,MAAM,uBAAuB,GAAG,+BAA+B,CAAC;AAEvE,+DAA+D;AAC/D,MAAM,CAAC,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAErD,yDAAyD;AACzD,MAAM,CAAC,MAAM,uBAAuB,GAAG,yBAAyB,CAAC;AAEjE,6CAA6C;AAC7C,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CAAC"}

package/dist/components/toast-card/index.d.ts

@@ -0,0 +1,29 @@
+/** toast-card · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三个运行名：`renderToastCard(input)`（产一条提示的标记，零 DOM）／
+ *  `renderToastCardStack(input?)`（产堆栈宿主：一条都还没有的空容器）／
+ *  `toastCardCss()`（样式段）／`buildToastCardJs()`（运行时段，产 JS 文本）。
+ *
+ *  另出：槽位与类名面（`TOAST_CARD_CLASS`／`TOAST_CARD_SLOTS`／`toastCardSlot`／`toastCardName`）／
+ *  语气闭集与三张语气表（`TOAST_CARD_TONES`／`_TONE_WORDS`／`_TONE_GLYPHS`／`_TONE_RULES`）／
+ *  无障碍口径（`TOAST_CARD_TONE_ROLES`／`_TONE_LIVE`）／`data-*` 锚（`TOAST_CARD_*_ATTR`）／
+ *  事件名 `TOAST_CARD_EVENT_ACTION`／时长与容量（`TOAST_CARD_DEFAULT_MS`／`_MIN_MS`／`_MAX_MS`／`_MAX_STACK`／
+ *  `_FADE_MS`／`TOAST_CARD_NARROW_PX`／`TOAST_CARD_TOUCH_PX`），以及五个类型名（入参面）。
+ *
+ *  **与冻结面那件 `toast` 的关系**：两者**并存**，不是替代——冻结的 `renderToast` 是「以前那种形态」，
+ *  本件是另一种样式（纸面底 ＋ 发丝线 ＋ 左竖条），由开发者按场景选用。本件的每个导出名都与
+ *  `renderToast`／`ToastInput`／`TOAST_ICONS`／`TOAST_DEFAULTS`／`createToastController`／`ToastController`／
+ *  `ToastHostPort`／`ToastAction`／`ToastBadge`／`TOAST_ICON_GLYPHS`／`TOAST_ICON_LABELS` 无一重名。
+ *
+ *  调用时序：页面挂 `toastCardCss()` ＋ 把 `buildToastCardJs()` 拼进共享 helpers 槽；
+ *  页面用 `renderToastCardStack()` 放一个宿主（位置自定），把 `renderToastCard()` 的产出往里 append；
+ *  监听 `TOAST_CARD_EVENT_ACTION` 去真的执行那个动作。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { TOAST_CARD_ACTION_ATTR, TOAST_CARD_ACTION_ID_RE, TOAST_CARD_BOUND_ATTR, TOAST_CARD_CLASS, TOAST_CARD_CLOSE_ATTR, TOAST_CARD_CLOSE_GLYPH, TOAST_CARD_CLOSE_LABEL, TOAST_CARD_DEFAULT_MS, TOAST_CARD_DURATION_ATTR, TOAST_CARD_EVENT_ACTION, TOAST_CARD_ITEM_ATTR, TOAST_CARD_LEAVING_CLASS, TOAST_CARD_MAX_ATTR, TOAST_CARD_MAX_MS, TOAST_CARD_MAX_STACK, TOAST_CARD_MIN_MS, TOAST_CARD_PAUSED_ATTR, TOAST_CARD_RUNTIME_ATTR, TOAST_CARD_SLOTS, TOAST_CARD_STACK_ATTR, TOAST_CARD_TONES, TOAST_CARD_TONE_ATTR, TOAST_CARD_TONE_GLYPHS, TOAST_CARD_TONE_LIVE, TOAST_CARD_TONE_ROLES, TOAST_CARD_TONE_RULES, TOAST_CARD_TONE_WORDS, toastCardName, toastCardSlot, } from './attrs.js';
+export type { ToastCardAction, ToastCardInput, ToastCardSlot, ToastCardStackInput, ToastCardTone, } from './attrs.js';
+export { renderToastCard, renderToastCardStack } from './render.js';
+export { TOAST_CARD_FADE_MS, buildToastCardJs } from './runtime.js';
+export { TOAST_CARD_NARROW_PX, TOAST_CARD_TOUCH_PX, toastCardCss } from './style.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast-card/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,EACb,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/toast-card/index.js

@@ -0,0 +1,27 @@
+/** toast-card · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三个运行名：`renderToastCard(input)`（产一条提示的标记，零 DOM）／
+ *  `renderToastCardStack(input?)`（产堆栈宿主：一条都还没有的空容器）／
+ *  `toastCardCss()`（样式段）／`buildToastCardJs()`（运行时段，产 JS 文本）。
+ *
+ *  另出：槽位与类名面（`TOAST_CARD_CLASS`／`TOAST_CARD_SLOTS`／`toastCardSlot`／`toastCardName`）／
+ *  语气闭集与三张语气表（`TOAST_CARD_TONES`／`_TONE_WORDS`／`_TONE_GLYPHS`／`_TONE_RULES`）／
+ *  无障碍口径（`TOAST_CARD_TONE_ROLES`／`_TONE_LIVE`）／`data-*` 锚（`TOAST_CARD_*_ATTR`）／
+ *  事件名 `TOAST_CARD_EVENT_ACTION`／时长与容量（`TOAST_CARD_DEFAULT_MS`／`_MIN_MS`／`_MAX_MS`／`_MAX_STACK`／
+ *  `_FADE_MS`／`TOAST_CARD_NARROW_PX`／`TOAST_CARD_TOUCH_PX`），以及五个类型名（入参面）。
+ *
+ *  **与冻结面那件 `toast` 的关系**：两者**并存**，不是替代——冻结的 `renderToast` 是「以前那种形态」，
+ *  本件是另一种样式（纸面底 ＋ 发丝线 ＋ 左竖条），由开发者按场景选用。本件的每个导出名都与
+ *  `renderToast`／`ToastInput`／`TOAST_ICONS`／`TOAST_DEFAULTS`／`createToastController`／`ToastController`／
+ *  `ToastHostPort`／`ToastAction`／`ToastBadge`／`TOAST_ICON_GLYPHS`／`TOAST_ICON_LABELS` 无一重名。
+ *
+ *  调用时序：页面挂 `toastCardCss()` ＋ 把 `buildToastCardJs()` 拼进共享 helpers 槽；
+ *  页面用 `renderToastCardStack()` 放一个宿主（位置自定），把 `renderToastCard()` 的产出往里 append；
+ *  监听 `TOAST_CARD_EVENT_ACTION` 去真的执行那个动作。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { TOAST_CARD_ACTION_ATTR, TOAST_CARD_ACTION_ID_RE, TOAST_CARD_BOUND_ATTR, TOAST_CARD_CLASS, TOAST_CARD_CLOSE_ATTR, TOAST_CARD_CLOSE_GLYPH, TOAST_CARD_CLOSE_LABEL, TOAST_CARD_DEFAULT_MS, TOAST_CARD_DURATION_ATTR, TOAST_CARD_EVENT_ACTION, TOAST_CARD_ITEM_ATTR, TOAST_CARD_LEAVING_CLASS, TOAST_CARD_MAX_ATTR, TOAST_CARD_MAX_MS, TOAST_CARD_MAX_STACK, TOAST_CARD_MIN_MS, TOAST_CARD_PAUSED_ATTR, TOAST_CARD_RUNTIME_ATTR, TOAST_CARD_SLOTS, TOAST_CARD_STACK_ATTR, TOAST_CARD_TONES, TOAST_CARD_TONE_ATTR, TOAST_CARD_TONE_GLYPHS, TOAST_CARD_TONE_LIVE, TOAST_CARD_TONE_ROLES, TOAST_CARD_TONE_RULES, TOAST_CARD_TONE_WORDS, toastCardName, toastCardSlot, } from './attrs.js';
+export { renderToastCard, renderToastCardStack } from './render.js';
+export { TOAST_CARD_FADE_MS, buildToastCardJs } from './runtime.js';
+export { TOAST_CARD_NARROW_PX, TOAST_CARD_TOUCH_PX, toastCardCss } from './style.js';

package/dist/components/toast-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast-card/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,EACb,aAAa,GACd,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/toast-card/model.d.ts

@@ -0,0 +1,29 @@
+import { type ToastCardAction, type ToastCardTone } from './attrs.js';
+/** 归一化后的一条提示。 */
+export interface ToastCardModel {
+    readonly tone: ToastCardTone;
+    /** 语气字（「已完成」／「请注意」／「没成功」）：**色之外的第二样**。 */
+    readonly toneWord: string;
+    /** 图标字形（**第三样**；`aria-hidden`）。 */
+    readonly glyph: string;
+    /** `role`（危险档 `alert`，其余 `status`）——由 `tone` 算，调用方不许给。 */
+    readonly role: string;
+    /** `aria-live`（`assertive` ／ `polite`）——由 `tone` 算。 */
+    readonly live: string;
+    readonly title: string;
+    readonly detail?: string;
+    readonly action?: ToastCardAction;
+    readonly closeLabel: string;
+    readonly durationMs: number;
+    readonly extraClass?: string;
+}
+/** 归一化后的堆栈入参。 */
+export interface ToastCardStackModel {
+    readonly max: number;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 与 `runtime.ts` 都只吃它产出的 `ToastCardModel`。 */
+export declare function normalizeToastCard(input: unknown): ToastCardModel;
+/** 堆栈入参归一化（不给＝缺省容量 3）。 */
+export declare function normalizeToastCardStack(input: unknown): ToastCardStackModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/toast-card/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/toast-card/model.ts"],"names":[],"mappings":"AASA,OAAO,EAYL,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,YAAY,CAAC;AAEpB,iBAAiB;AACjB,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,iBAAiB;AACjB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AA2CD,0EAA0E;AAC1E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,cAAc,CAoCjE;AAED,0BAA0B;AAC1B,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,GAAG,mBAAmB,CAe3E"}