base-paint 0.3.13 → 0.3.15

package/dist/components/streak-badge/render.js

@@ -0,0 +1,39 @@
+/** streak-badge · **渲染**（纯函数产 HTML；零 DOM、零副作用）。
+ *
+ *  形状：`小标题（可选）` → `徽标逐个` → `空态（可选）`。
+ *  一个徽标：`前词 · 数（放大成读数）· 量词`，强弱档进 `is-<档>` 类。
+ *
+ *  它替掉的是哪几种错法：
+ *   · 三个徽标只换颜色（读者分不出哪个是"当前战绩"、哪个是"上次断点"）⇒ 档位决定**形状**与字重；
+ *   · 数藏在句子里（「连续记录了 37 天」）⇒ 读数与前后词分槽，逐个数竖排对得齐；
+ *   · 断签也画成同一个绿徽标 ⇒ 弱档没有底色、只有底线，读起来是"注脚"不是"战绩"。
+ */
+import { esc } from '../shared/escape.js';
+import { streakBadgeClass, streakBadgeSlot, } from './attrs.js';
+import { normalizeStreakBadges } from './model.js';
+/** 槽类名的本件内缩写（前缀固定 `ilife-`：换前缀是样式段的事）。 */
+const slot = (name) => streakBadgeSlot(name);
+function badgeHtml(badge) {
+    return '<span class="' + slot('badge') + ' is-' + badge.strength + '">'
+        + '<span class="' + slot('label') + '">' + esc(badge.label) + '</span>'
+        + '<b class="' + slot('value') + '">' + esc(badge.value) + '</b>'
+        + (badge.unit === undefined ? '' : '<span class="' + slot('unit') + '">' + esc(badge.unit) + '</span>')
+        + '</span>';
+}
+/** 连记徽标：一行几个。空数组且没有空态那一句 ⇒ 出不了一个字。 */
+export function renderStreakBadges(input) {
+    const m = normalizeStreakBadges(input);
+    if (m.badges.length === 0 && m.absentLine === undefined)
+        return '';
+    const head = m.heading === undefined
+        ? ''
+        : '<div class="' + slot('head') + '"><span class="' + slot('heading') + '">' + esc(m.heading) + '</span></div>';
+    const list = m.badges.length === 0
+        ? ''
+        : '<div class="' + slot('list') + '">' + m.badges.map(badgeHtml).join('') + '</div>';
+    const absent = m.absentLine === undefined
+        ? ''
+        : '<p class="' + slot('absent') + '">' + esc(m.absentLine) + '</p>';
+    return '<div class="' + streakBadgeClass() + (m.extraClass === undefined ? '' : ' ' + m.extraClass) + '">'
+        + head + list + absent + '</div>';
+}

package/dist/components/streak-badge/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/components/streak-badge/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAAE,eAAe,GAClC,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAA8B,MAAM,YAAY,CAAC;AAK/E,0CAA0C;AAC1C,MAAM,IAAI,GAAG,CAAC,IAAqB,EAAU,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAEtE,SAAS,SAAS,CAAC,KAA4B;IAC7C,OAAO,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI;UACnE,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,SAAS;UACrE,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,MAAM;UAC/D,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;UACrG,SAAS,CAAC;AAChB,CAAC;AAED,sCAAsC;AACtC,MAAM,UAAU,kBAAkB,CAAC,KAAuB;IACxD,MAAM,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACnE,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,KAAK,SAAS;QAClC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,eAAe,CAAC;IAClH,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;QAChC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC;IACvF,MAAM,MAAM,GAAG,CAAC,CAAC,UAAU,KAAK,SAAS;QACvC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;IACtE,OAAO,cAAc,GAAG,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI;UACtG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;AACtC,CAAC"}

package/dist/components/streak-badge/style.d.ts

@@ -0,0 +1,13 @@
+/** 本件的内容容器名（`@container` 按它命中）。 */
+export declare const STREAK_BADGE_CONTAINER = "ilife-streak-badge";
+/** 窄档断点（px）：容器窄于它就把徽标一行一个（**不是**视口断点）。 */
+export declare const STREAK_BADGE_NARROW_MAX_PX = 380;
+/** 徽标的高度下限（px）：本件没有可点元素，先把高度钉在 44 的一半上下（32），行内好排。 */
+export declare const STREAK_BADGE_MIN_HEIGHT_PX = 32;
+/** 读数的字号（px）：比前词大一档，让"数"是这一件的主动作。 */
+export declare const STREAK_BADGE_VALUE_PX = 17;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function streakBadgeCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/streak-badge/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/streak-badge/style.ts"],"names":[],"mappings":"AAkBA,mCAAmC;AACnC,eAAO,MAAM,sBAAsB,uBAAuB,CAAC;AAC3D,0CAA0C;AAC1C,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,qDAAqD;AACrD,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,qCAAqC;AACrC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,4BAA4B;AAC5B,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA4G3E"}

package/dist/components/streak-badge/style.js

@@ -0,0 +1,134 @@
+/** streak-badge · **样式段**（本件唯一的样式来源）。
+ *
+ *  三条纪律（与组件层其余件同一份）：
+ *   1. 颜色／圆角／字面／字号一律经 `skinVar()` 读；本件源码里不出现手写的 `var(--ilife-…)`；
+ *   2. 全部规则 scope 在 `.<prefix>page-ui` 之下；
+ *   3. **强弱三档靠形状分**：实底／描边空心／无框只带底线，字重 800／700／600——
+ *      「大字报刊」皮肤下强调色＝墨黑，只靠变色就分不出轻重了。
+ *
+ *  几何契约（钉在判据里）：徽标只在自己的宽度里生长（`flex: 0 1 auto` ＋ `min-width:0`），
+ *  读数 `white-space:nowrap`（数不许被 `…` 截断）；窄容器里一个徽标一行。
+ *  本件**零动效、零可点元素**（没有可卡住的中间态，也不装作能点）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { streakBadgeClass, streakBadgeSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 本件的内容容器名（`@container` 按它命中）。 */
+export const STREAK_BADGE_CONTAINER = 'ilife-streak-badge';
+/** 窄档断点（px）：容器窄于它就把徽标一行一个（**不是**视口断点）。 */
+export const STREAK_BADGE_NARROW_MAX_PX = 380;
+/** 徽标的高度下限（px）：本件没有可点元素，先把高度钉在 44 的一半上下（32），行内好排。 */
+export const STREAK_BADGE_MIN_HEIGHT_PX = 32;
+/** 读数的字号（px）：比前词大一档，让"数"是这一件的主动作。 */
+export const STREAK_BADGE_VALUE_PX = 17;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function streakBadgeCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    /** 槽类的**裸**选择器（不带 `.page-ui` 前缀）：只用在"祖先已经由 `sc()` 给过"的嵌套选择器里——
+     *  否则会拼成 `.page-ui .a .page-ui .b`（那要求 `.page-ui` 出现在件内部），永远匹配不上（实拍踩过）。 */
+    const n = (name) => '.' + streakBadgeSlot(name, p);
+    const sc = (name) => root + ' ' + n(name);
+    const s = root + ' .' + streakBadgeClass(p);
+    const badge = sc('badge');
+    const v = skinVar;
+    return [
+        '/* streak-badge（连记徽标）：强／中／弱三档 —— 实底／描边空心／无框底线。 */',
+        s + ' {',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  min-width: 0;',
+        '  container: ' + STREAK_BADGE_CONTAINER + ' / inline-size;',
+        '}',
+        sc('head') + ' {',
+        '  display: flex;',
+        '  align-items: baseline;',
+        '  gap: 8px;',
+        '  margin-bottom: 2px;',
+        '}',
+        sc('heading') + ' {',
+        '  color: ' + v('ink-3') + ';',
+        '  font-size: 11.5px;',
+        '  font-weight: 700;',
+        '  letter-spacing: .22em;',
+        '}',
+        sc('list') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '}',
+        badge + ' {',
+        '  display: inline-flex;',
+        '  align-items: baseline;',
+        '  gap: 6px;',
+        '  box-sizing: border-box;',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  min-height: ' + STREAK_BADGE_MIN_HEIGHT_PX + 'px;',
+        '  padding: 4px 12px;',
+        '  border: 1px solid transparent;',
+        '  border-radius: ' + v('radius-pill') + ';',
+        '  background: none;',
+        '  color: ' + v('ink-2') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '}',
+        sc('label') + ' {',
+        '  min-width: 0;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        sc('value') + ' {',
+        '  color: ' + v('ink') + ';',
+        '  font-family: ' + v('font-num') + ';',
+        '  font-size: ' + STREAK_BADGE_VALUE_PX + 'px;',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        sc('unit') + ' {',
+        '  color: ' + v('ink-2') + ';',
+        '  white-space: nowrap;',
+        '}',
+        '/* 强档：实底（形）＋ 反白字 ＋ 最重一笔。 */',
+        badge + '.is-strong {',
+        '  border: 0;',
+        '  background: ' + v('accent') + ';',
+        '  color: ' + v('accent-ink') + ';',
+        '  font-weight: 800;',
+        '}',
+        badge + '.is-strong ' + n('value') + ' { color: ' + v('accent-ink') + '; }',
+        badge + '.is-strong ' + n('unit') + ' { color: ' + v('accent-ink') + '; }',
+        '/* 中档：描边空底（形）＋ 强调文字档。 */',
+        badge + '.is-mid {',
+        '  border: 1px solid ' + v('accent') + ';',
+        '  background: none;',
+        '  color: ' + v('accent-text') + ';',
+        '  font-weight: 700;',
+        '}',
+        badge + '.is-mid ' + n('value') + ' { color: ' + v('accent-text') + '; }',
+        '/* 弱档：无框，只有一条底线（形）＋ 最轻一笔 —— 读起来是注脚，不是战绩。 */',
+        badge + '.is-weak {',
+        '  padding: 4px 2px;',
+        '  border: 0;',
+        '  border-bottom: 2px solid ' + v('line') + ';',
+        '  border-radius: 0;',
+        '  color: ' + v('ink-3') + ';',
+        '  font-weight: 600;',
+        '}',
+        badge + '.is-weak ' + n('value') + ' { color: ' + v('ink-2') + '; }',
+        sc('absent') + ' {',
+        '  margin: 0;',
+        '  padding: 6px 0 2px;',
+        '  color: ' + v('ink-3') + ';',
+        '  font-size: ' + v('fs-sm') + ';',
+        '}',
+        '/* 窄档：一个徽标一行（徽标自己撑满），读数照旧不截断。 */',
+        '@container ' + STREAK_BADGE_CONTAINER + ' (max-width: ' + STREAK_BADGE_NARROW_MAX_PX + 'px) {',
+        '  ' + sc('list') + ' { flex-direction: column; align-items: stretch; }',
+        '  ' + badge + ' { flex: 1 1 auto; }',
+        '}',
+    ].join(LF);
+}

package/dist/components/streak-badge/style.js.map

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

package/dist/components/style/action-bar.d.ts

@@ -0,0 +1,12 @@
+/** style 区 · actionBar
+ *
+ *  自 `src/style.ts` 的 `SECTION_BUILDERS[actionBar]` **连它上面那段注释一起**原样切出。
+ *
+ *  **住址**：目录化批次⑥把 `src/style.ts` 切成「一份令牌 ＋ 一个区一件 ＋ 一个组装器」，
+ *  正文原样搬来；搬迁判据＝产物逐字节相同（`buildStyleSheet()` 的 css 全文 ＋ 出口名单），
+ *  见 `docs/base/base-render/组件目录架构.md`。
+ */
+/** actionBar —— 类名产出者 `src/controls.ts:649-695`（`action-bar`／`action-row`／
+ *  `action-row-ghost`／`action-btn`／`action-btn-<kind>`）。 */
+export declare const actionBarSection: (prefix: string) => string;
+//# sourceMappingURL=action-bar.d.ts.map

package/dist/components/style/action-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.d.ts","sourceRoot":"","sources":["../../../src/components/style/action-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;4DAC4D;AAE5D,eAAO,MAAM,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAwGzC,CAAA"}

package/dist/components/style/action-bar.js

@@ -0,0 +1,117 @@
+/** style 区 · actionBar
+ *
+ *  自 `src/style.ts` 的 `SECTION_BUILDERS[actionBar]` **连它上面那段注释一起**原样切出。
+ *
+ *  **住址**：目录化批次⑥把 `src/style.ts` 切成「一份令牌 ＋ 一个区一件 ＋ 一个组装器」，
+ *  正文原样搬来；搬迁判据＝产物逐字节相同（`buildStyleSheet()` 的 css 全文 ＋ 出口名单），
+ *  见 `docs/base/base-render/组件目录架构.md`。
+ */
+import { BLUE_RGB, LF, focusRing } from './parts.js';
+import { ACTION_BAR_DEFAULTS, TOAST_DEFAULTS } from '../../spec/index.js';
+/** actionBar —— 类名产出者 `src/controls.ts:649-695`（`action-bar`／`action-row`／
+ *  `action-row-ghost`／`action-btn`／`action-btn-<kind>`）。 */
+export const actionBarSection = (p) => [
+    '.' + p + 'action-bar {',
+    '  display: flex;',
+    '  flex-direction: column;',
+    '  gap: 8px;',
+    '  box-sizing: border-box;',
+    '  margin: 12px 0;',
+    // 旧层冻结值（旧 `base.css:81-91`）。≤552 的窄档内容列不到 520px 时这条不生效；
+    // 553–820 的内容列已超 520px（820 实测内容列 780px），须由下方 641 档放开（#427 实测）。
+    '  max-width: 520px;',
+    '}',
+    // #238（用户 2026-09-13 二次裁定「两个按钮平分宽度」）＋ #427 中档修正：
+    // 桌面与中档**铺满内容列**，动作条里的整行
+    // （`.action-row-ghost` 的 `repeat(2, minmax(0, 1fr))`）随之按内容列平分——两颗按钮各占一半。
+    // 放开位取 641（`blocks.ts:1899` 与 `helpShell` 640 档同源的桌面侧补集，不新增断点值；
+    // 原 821 位在 641–820 留出 260px 空白，KPI 栅格同档已铺满 780px，见 #427 缺口 1），
+    // 故 ≤640 的窄档逐像素不动、≥641 与改前 821 档同为 `max-width: none`（≥821 零变）。
+    '@media (min-width: 641px) {',
+    '  .' + p + 'action-bar {',
+    '    max-width: none;',
+    '  }',
+    '}',
+    '.' + p + 'action-row {',
+    '  display: grid;',
+    '  grid-template-columns: repeat(' + ACTION_BAR_DEFAULTS.evenRowPairs + ', minmax(0, 1fr));',
+    '  gap: 8px;',
+    '}',
+    '.' + p + 'action-row-ghost {',
+    // 复制按钮那一行**平分整行**（#247 用户 2026-09-12 返修）：两列而不是单列——单列只在「一行一颗」时
+    // 才好看，一旦有第二颗（复制数据 ＋ 复制日志）就变成「一颗铺满、一颗缩成内容宽」。列数取冻结
+    // `ACTION_BAR_DEFAULTS.evenRowPairs`（既有「偶数一行 2 个」的口径，不是新拍的数字）。
+    '  grid-template-columns: repeat(' + ACTION_BAR_DEFAULTS.evenRowPairs + ', minmax(0, 1fr));',
+    '}',
+    // #249：窄屏那档菜单**以整行做锚点**（同档 `copyButton` 区把包裹层改成 `position: static`）——
+    // 行盒＝内容宽，菜单 `left:0; right:0` 落进去就恒在视口内，与那颗按钮落在左格还是右格无关。
+    // 只在窄屏挂，桌面档的锚点仍是包裹层（菜单贴按钮右缘，用户已验收的样子不动）。
+    '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
+    '  .' + p + 'action-row-ghost {',
+    '    position: relative;',
+    '  }',
+    '}',
+    // **#654 后续（负责人 2026-09-16 第二次验收，口径变更）**：#427 的「≤640 单列」**撤回**。
+    // 负责人明确「底部应该是并排的两颗：复制数据 ＋ 复制日志」，且同仓参考页（`D:\ilife-验收` 根下
+    // 01～05，已验收）**在 390 档也是两列并排** ⇒ ghost 行**各宽档恒两列平分**（回到 #247 口径）。
+    // 390 档两列各约 175px 偏窄，由「必须并排」这条更高的要求承担（负责人裁定）。
+    // 原规则 `@media (max-width:640px){ .…action-row-ghost{ grid-template-columns: minmax(0,1fr) } }`
+    // 已删；`page-finish-427.test.mjs` 的对应断言已按新口径改钉（改成「不许再有单列覆盖」）。
+    // #654：ghost 行**只有一颗真按钮**时，让它在整行轨道里铺满——#336 当年靠「补一颗禁用态假按钮」
+    // 凑第二格，为的就是保这个几何（不占半格、也不缩成内容宽）；现在列数跟着颗数走，假控件不再需要
+    // （负责人 2026-09-16 验收：读页面底部那颗点不动的「复制日志」是缺陷）。
+    '.' + p + 'action-row-ghost-single > .' + p + 'copy-btn {',
+    '  grid-column: 1 / -1;',
+    '}',
+    '.' + p + 'action-btn {',
+    '  display: inline-flex;',
+    '  align-items: center;',
+    '  justify-content: center;',
+    '  min-height: ' + ACTION_BAR_DEFAULTS.minHeightPx + 'px;',
+    '  padding: 0 16px;',
+    '  border: 1px solid transparent;',
+    '  border-radius: 999px;',
+    '  background: var(--blue);',
+    '  color: var(--card);',
+    '  font-family: inherit;',
+    '  font-size: ' + ACTION_BAR_DEFAULTS.fontSizePx + 'px;',
+    '  font-weight: ' + ACTION_BAR_DEFAULTS.fontWeight + ';',
+    '  line-height: 1;',
+    '  cursor: pointer;',
+    '  -webkit-tap-highlight-color: transparent;',
+    '  touch-action: manipulation;',
+    '}',
+    '.' + p + 'action-btn-primary {',
+    '  background: var(--blue);',
+    '  color: var(--card);',
+    '}',
+    '.' + p + 'action-btn-red {',
+    '  background: #ff3b30;',
+    '  color: var(--card);',
+    '}',
+    '.' + p + 'action-btn-ghost {',
+    '  border-color: rgba(' + BLUE_RGB + ', ' + ACTION_BAR_DEFAULTS.ghostBorderAlpha + ');',
+    '  background: var(--card);',
+    '  color: var(--blue2);',
+    '}',
+    // #733：`disabled`（「标记」而非「可点控件」）的样式。**改前本区没有这一条**——
+    //   而 `.copy-btn` 那边早就有（浅底 ＋ `--fg3` 字 ＋ `cursor: not-allowed`，见 `copyButton` 区）。
+    //   动作条这一条按同一套值对齐，两处读起来是同一档「不可点」。取既有 `--soft`／`--line`／`--fg3`，
+    //   零新色值；只在本区加，不动任何既有选择器。
+    '.' + p + 'action-btn[disabled],',
+    '.' + p + 'action-btn:disabled {',
+    '  opacity: 1;',
+    '  border-color: var(--line);',
+    '  background: var(--soft);',
+    '  color: var(--fg3);',
+    '  cursor: not-allowed;',
+    '}',
+    // #179 触控目标：窄屏按钮抬到 44px。**#525 起两个宽档同值**（`minHeightPx` 40 → 44，见
+    // `spec/controls.ts`）；本条留在这里只为不动既有选择器与既有媒体查询。
+    '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
+    '  .' + p + 'action-btn {',
+    '    min-height: 44px;',
+    '  }',
+    '}',
+    focusRing('.' + p + 'action-btn'),
+].join(LF);

package/dist/components/style/action-bar.js.map

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

package/dist/components/style/copy-button.d.ts

@@ -0,0 +1,10 @@
+/** style 区 · copyButton
+ *
+ *  自 `src/style.ts` 的 `SECTION_BUILDERS[copyButton]` **连它上面那段注释一起**原样切出。
+ *
+ *  **住址**：目录化批次⑥把 `src/style.ts` 切成「一份令牌 ＋ 一个区一件 ＋ 一个组装器」，
+ *  正文原样搬来；搬迁判据＝产物逐字节相同（`buildStyleSheet()` 的 css 全文 ＋ 出口名单），
+ *  见 `docs/base/base-render/组件目录架构.md`。
+ */
+export declare const copyButtonSection: (prefix: string) => string;
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/components/style/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../src/components/style/copy-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,eAAO,MAAM,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAuN1C,CAAA"}

package/dist/components/style/copy-button.js

@@ -0,0 +1,226 @@
+/** style 区 · copyButton
+ *
+ *  自 `src/style.ts` 的 `SECTION_BUILDERS[copyButton]` **连它上面那段注释一起**原样切出。
+ *
+ *  **住址**：目录化批次⑥把 `src/style.ts` 切成「一份令牌 ＋ 一个区一件 ＋ 一个组装器」，
+ *  正文原样搬来；搬迁判据＝产物逐字节相同（`buildStyleSheet()` 的 css 全文 ＋ 出口名单），
+ *  见 `docs/base/base-render/组件目录架构.md`。
+ */
+import { BLUE_RGB, LF, focusRing } from './parts.js';
+import { ACTION_BAR_DEFAULTS, TOAST_DEFAULTS } from '../../spec/index.js';
+export const copyButtonSection = (p) => [
+    '.' + p + 'copy-btn {',
+    '  display: inline-flex;',
+    '  align-items: center;',
+    '  justify-content: center;',
+    '  gap: 6px;',
+    '  min-height: ' + ACTION_BAR_DEFAULTS.minHeightPx + 'px;',
+    '  padding: 0 14px;',
+    '  border: 1px solid transparent;',
+    '  border-radius: 999px;',
+    '  background: var(--blue);',
+    '  color: var(--card);',
+    '  font-family: inherit;',
+    '  font-size: ' + ACTION_BAR_DEFAULTS.fontSizePx + 'px;',
+    '  font-weight: ' + ACTION_BAR_DEFAULTS.fontWeight + ';',
+    '  line-height: 1;',
+    '  cursor: pointer;',
+    '  -webkit-tap-highlight-color: transparent;',
+    '  touch-action: manipulation;',
+    '  transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), background-color .2s ease;',
+    '}',
+    '.' + p + 'copy-btn-primary {',
+    '  background: var(--blue);',
+    '  color: var(--card);',
+    '}',
+    '.' + p + 'copy-btn-ghost {',
+    '  border-color: rgba(' + BLUE_RGB + ', ' + ACTION_BAR_DEFAULTS.ghostBorderAlpha + ');',
+    '  background: var(--card);',
+    // #179 对比度：ghost 按钮是 12px 小字，`--blue` 在白底上 4.02:1 不到 AA 的 4.5:1
+    // → 换同族深一档的 `--blue2`（5.6:1）。实心按钮（白字压 `--blue`）不在本页，另账见交付报告。
+    '  color: var(--blue2);',
+    '}',
+    '.' + p + 'copy-btn-wide {',
+    '  width: 100%;',
+    '}',
+    '.' + p + 'copy-btn:active {',
+    '  transform: scale(.96);',
+    '}',
+    // W3（H-16 双反馈的 CSS 侧）：复制成功态变绿。规格 `docs/visual-spec-help.md:195,197`
+    // 「按钮变绿进入 `copied` 态并跑 450ms 弹簧动画」；弹簧 = 基础 `transition: transform .45s
+    // cubic-bezier(.34, 1.56, .64, 1)`（B1 `benchmark-visual-spec.md:279,645`），本节只补**变绿**。
+    // 类名由**运行时**添加（`copied`，非 `ilife-` 前缀 → 不占样式区命名空间）；
+    // 本票**不改** helpers 的复制反馈行为，移交落点见契约 §8.11.1 FX-75-11。
+    '.' + p + 'copy-btn.copied {',
+    '  border-color: var(--ok);',
+    '  background: var(--ok);',
+    '  color: var(--card);',
+    '}',
+    // **禁用态必须看得出来**（#525 收口 · 两处公共债之一）：读页面没有写库日志，复制区按 #336
+    // 自动补的那颗「复制日志」带 `disabled` 属性、可**从 #336 起就没有任何置灰规则**——看着与
+    // 旁边那颗能点的按钮一模一样（`t524-改前读数.md` §7.1 第 3 条只核了属性、没核观感）。
+    //
+    // **#525 第二轮返修（禁用态只看得见、读不清）**：上一版照 HELP 页 `button.copy:disabled`
+    // 取 `opacity:.45` 压**整颗**按钮，实测有效文字色被混成 `#91b9e9` 压白底，对比度只有
+    // **2.03:1**（`.scratch/t525c/before.json`；读法＝把 opacity 混进底色后按 WCAG 相对亮度算）——
+    // 连 AA 大字的 3:1 都不到，等于把「禁用」写成了「看不清」。
+    // 改法＝**不压整颗**，改三处、各自都是一个信号：① 文字色换 `--fg3`；② 底压成 `--soft`；
+    // ③ 描边降到 `--line`（「蓝＝可点」这条信号只留在可点态）。`opacity` 恒 1（不继承、不叠乘）。
+    // 2.03 → 3.47 的两行读数落 `.scratch/t525c/disabled-contrast.json`，探针 `.scratch/t525c/probe.mjs` 可复跑。
+    '.' + p + 'copy-btn[disabled],',
+    '.' + p + 'copy-btn:disabled {',
+    '  opacity: 1;',
+    '  border-color: var(--line);',
+    '  background: var(--soft);',
+    '  color: var(--fg3);',
+    '  cursor: not-allowed;',
+    '}',
+    '.' + p + 'copy-btn[disabled]:active,',
+    '.' + p + 'copy-btn:disabled:active {',
+    '  transform: none;',
+    '}',
+    // #179 触控目标：窄屏按钮抬到 44px。**#525 起这条在两个宽档上是同一个值**（`minHeightPx`
+    // 由 40 提到 44，见 `spec/controls.ts`）——留在这里是为了不动既有选择器与既有媒体查询；
+    // 桌面档不再是 40px。
+    '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
+    '  .' + p + 'copy-btn {',
+    '    min-height: 44px;',
+    '  }',
+    '}',
+    // ── 复制数据的三格式菜单（#247，2026-09-12 用户裁定「恢复老仓原样」）───────────────
+    // 逐值取自老仓 `卡路里/templates/crud_receipt.html`（可点版本 `2262fee1~1`）的 `.fmt-menu`／
+    // `.fmt-item`／`.fmt-item:hover`／`.fmt-item span` 四串；老仓的 `--border`／`--soft` 分别
+    // 对到本仓的 `--line`／`--soft`。**复用本区命名空间**（`CONTROL_STYLE_SECTIONS` 是冻结闭集，
+    // 不新增第 9 个区）；类名不对 `copy-btn` 用前缀相似的名字（`.copy-menu-btn` 会被
+    // `.copy-btn` 的规则一并命中，多出一圈胶囊底），故开合器只带 `copy-btn copy-btn-ghost` 两颗类。
+    // **偏离 1 处（记账）**：菜单圆角取 **14px**（老仓是 12px）——#89 R-9 的 H-10 把
+    // 全部非图表 CSS 的 `border-radius` 钉在 `{8px,14px,20px,999px,50%}`，12px 会让你越出闭集；
+    // 14px 是本仓既有卡片圆角（toast 同值），几何其余逐值不动（`bottom`／`right`／`min-width`／
+    // `max-width`／`padding`／投影／项内距与字号全取老仓）。
+    '.' + p + 'copy-menu-wrap {',
+    // 宽度**跟着轨道走**（#247 用户 2026-09-12 返修）：复制数据与复制日志在 ghost 行里**平分整行**
+    // （各占一格，见 `.action-row-ghost` 的两列），两颗宽高一致——不再出现「一颗铺满一行、一颗缩成
+    // 内容宽」的一胖一瘦。故这里**不写** `justify-self: start`（那会让本层缩成内容宽、连带按钮也缩）。
+    '  position: relative;',
+    '  display: flex;',
+    '  align-items: center;',
+    '  width: 100%;',
+    '}',
+    // 开合器按钮铺满自己那一格：菜单的 `right: 0` 才贴着按钮右缘（== 格子右缘），两格时居中偏右。
+    '.' + p + 'copy-menu-wrap > .' + p + 'copy-btn {',
+    '  width: 100%;',
+    '}',
+    // **#525 第二轮·三角用 CSS 画**（用户裁定第 5 条：符号顶替了设计）：
+    // 可见文字里的 `▾` 已从 `controls.ts` 的 `copyMenuHtml` 删掉（那句「可以选格式」改住 `aria-label`），
+    // 这里用 `border` 拼一个向下的小三角 ＋ `rotate(180deg)` 做开合态——**一个字符都不打**，
+    // 也就不会被字体／读屏／抓取器当成内容。画的规矩：零宽零高的盒子靠 `border-top` 出形，
+    // `margin-left: 6px` 与基础的 `gap: 6px` 同值（文字与三角的间距连两处取值都不新造）。
+    // 开合态由运行时加的 `.copy-menu-open` 落色（与菜单同一个类，不新增第二个开关）。
+    '.' + p + 'copy-menu-wrap > .' + p + 'copy-btn::after {',
+    '  content: "";',
+    '  width: 0;',
+    '  height: 0;',
+    '  margin-left: 6px;',
+    '  border-left: 4px solid transparent;',
+    '  border-right: 4px solid transparent;',
+    '  border-top: 5px solid currentColor;',
+    '  transition: transform .16s ease-out;',
+    '}',
+    '.copy-menu-open.' + p + 'copy-menu-wrap > .' + p + 'copy-btn::after {',
+    '  transform: rotate(180deg);',
+    '}',
+    '.' + p + 'copy-menu {',
+    '  position: absolute;',
+    '  bottom: calc(100% + 8px);',
+    '  right: 0;',
+    '  z-index: 20;',
+    '  min-width: 200px;',
+    // 浮层开合走 opacity（不是 `display`／`hidden`）：一是 CSS 过渡不被跳过，二是开合不重排整页。
+    // 关着时同时收掉命中，免得看不见的菜单项还能被点到；`visibility` 可过渡 ⇒ 收起仍有淡出。
+    '  box-sizing: border-box;',
+    '  max-width: calc(100vw - 32px);',
+    '  padding: 6px;',
+    '  border: 1px solid var(--line);',
+    '  border-radius: 14px;',
+    '  background: var(--card);',
+    '  box-shadow: 0 8px 24px rgba(0, 0, 0, .14);',
+    '  opacity: 0;',
+    '  visibility: hidden;',
+    '  pointer-events: none;',
+    '  transition: opacity .16s ease-out, visibility .16s ease-out;',
+    '}',
+    // 开着的那条：`copy-menu-open` 是**运行时**加的类（与 #121 的 `copied` 同口径——类名不加
+    // `ilife-` 前缀，故不占样式区命名空间，也不作为 `ilife-` 类名进跨文件检查）；选择器把裸类
+    // 排在**前**面，这样从 CSS 里扫出来的 `ilife-` 类名仍只有 `ilife-copy-menu`（T10 ② 认得出产出者）。
+    '.copy-menu-open.' + p + 'copy-menu {',
+    '  opacity: 1;',
+    '  visibility: visible;',
+    '  pointer-events: auto;',
+    '}',
+    '.' + p + 'copy-menu-item {',
+    // #152 返修：补最小高——老仓 `.fmt-item` 只写 `padding:10px 12px` ＋ 13px 字，算出来 37px，
+    // 低于本仓同区复制按钮的冻结最小值（`spec/controls.ts:308` 的 44px，#525 由 40 改到 44）。44 不另写一个数，
+    // 引用同一个定义地；窄屏那档仍由下面的 `min-height:44px` 托底（老仓 `.fmt-item` 是 36px）。
+    '  min-height: ' + ACTION_BAR_DEFAULTS.minHeightPx + 'px;',
+    '  display: flex;',
+    '  justify-content: space-between;',
+    '  gap: 14px;',
+    '  width: 100%;',
+    '  padding: 10px 12px;',
+    '  border: none;',
+    '  border-radius: 8px;',
+    '  background: none;',
+    '  color: var(--fg);',
+    '  font-family: inherit;',
+    '  font-size: 13px;',
+    '  text-align: left;',
+    '  cursor: pointer;',
+    '  -webkit-tap-highlight-color: transparent;',
+    '  touch-action: manipulation;',
+    '}',
+    '.' + p + 'copy-menu-item:hover {',
+    '  background: var(--soft);',
+    '}',
+    // 标签（格式键）：显式一条——省得继承菜单项的既有值，也让「CSS 里每个类名都有产出者、
+    // 每个产出类名都有 CSS」这条跨文件检查两面都成立（`style.test.mjs` T10）。
+    '.' + p + 'copy-menu-item > .' + p + 'copy-menu-label {',
+    '  color: var(--fg);',
+    '  font-size: 13px;',
+    '}',
+    // 用途提示：老仓是 `.fmt-item span`（后代选择器，两项 span 都染 11px 灰）；本仓显式给类名，
+    // 标签那半仍取 13px／`--fg`（上一条）。选择器用 `>` ——本仓跨文件交叉检查按**整段选择器**比对。
+    // **返修**：字色由 `--fg3`（#86868b）改为 `--fg2`（#6e6e73）——11px 属正文，AA 要 4.5:1，
+    // 前者对白卡片仅 3.62:1、后者 5.07:1；与同批「12px ＋ `--fg3`」那 7 处改用的是同一个做法（#152）。
+    '.' + p + 'copy-menu-item > .' + p + 'copy-menu-hint {',
+    '  color: var(--fg2);',
+    '  font-size: 11px;',
+    '  white-space: nowrap;',
+    '}',
+    // #179 触控目标：窄屏菜单项抬到 44px（与复制按钮同一口径；老仓 `.fmt-item` 是 36px 上下）。
+    '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
+    '  .' + p + 'copy-menu-item {',
+    '    min-height: 44px;',
+    '  }',
+    // 窄屏改**贴按钮算**（老仓那句「右对齐视口内,手机不超界」的落法）：桌面档按钮靠左，200px 的菜单
+    // 贴按钮会有一半越到屏幕左外；窄屏按钮在右半格，故改成
+    // 「宽 = 视口 − 左右各 16px、右缘贴按钮右缘」——既恒在视口内，又跟着按钮（滚动时不漂、不挡按钮），
+    // 也不会像 `position: fixed` 那样把浮层钉在视口底、压住别的正文。
+    //
+    // **#249 修正**：原先「宽 = 视口 − 32px ＋ 右缘贴按钮」只在按钮位于**右格**时成立；复制数据排在
+    // 复制日志前头（`renderActionBar` 的 ghost 行顺序），窄屏上它在**左格**，菜单右缘贴左格右缘 ⇒
+    // 菜单左缘跑到视口外 167px（390 实测 x=-167，三项的格式名全看不见）。修法：窄屏把锚点从**包裹层**
+    // 换成**整行**（行在这一档挂 `position: relative`，见 `actionBar` 区）；菜单 `left:0; right:0`
+    // 就落在行盒（＝内容宽 358）里，按钮在哪一格都在视口内，且仍是「跟着按钮走」的绝对定位浮层。
+    '  .' + p + 'copy-menu-wrap {',
+    '    position: static;',
+    '  }',
+    '  .' + p + 'copy-menu {',
+    '    left: 0;',
+    '    right: 0;',
+    '    width: auto;',
+    '    min-width: 0;',
+    '    max-width: none;',
+    '  }',
+    '}',
+    focusRing('.' + p + 'copy-btn'),
+].join(LF);

package/dist/components/style/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.js","sourceRoot":"","sources":["../../../src/components/style/copy-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1E,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,CAAC,EAAE,EAAE,CAAC;IAClE,GAAG,GAAG,CAAC,GAAG,YAAY;IACtB,yBAAyB;IACzB,wBAAwB;IACxB,4BAA4B;IAC5B,aAAa;IACb,gBAAgB,GAAG,mBAAmB,CAAC,WAAW,GAAG,KAAK;IAC1D,oBAAoB;IACpB,kCAAkC;IAClC,yBAAyB;IACzB,4BAA4B;IAC5B,uBAAuB;IACvB,yBAAyB;IACzB,eAAe,GAAG,mBAAmB,CAAC,UAAU,GAAG,KAAK;IACxD,iBAAiB,GAAG,mBAAmB,CAAC,UAAU,GAAG,GAAG;IACxD,mBAAmB;IACnB,oBAAoB;IACpB,6CAA6C;IAC7C,+BAA+B;IAC/B,0FAA0F;IAC1F,GAAG;IACH,GAAG,GAAG,CAAC,GAAG,oBAAoB;IAC9B,4BAA4B;IAC5B,uBAAuB;IACvB,GAAG;IACH,GAAG,GAAG,CAAC,GAAG,kBAAkB;IAC5B,uBAAuB,GAAG,QAAQ,GAAG,IAAI,GAAG,mBAAmB,CAAC,gBAAgB,GAAG,IAAI;IACvF,4BAA4B;IAC5B,gEAAgE;IAChE,6DAA6D;IAC7D,wBAAwB;IACxB,GAAG;IACH,GAAG,GAAG,CAAC,GAAG,iBAAiB;IAC3B,gBAAgB;IAChB,GAAG;IACH,GAAG,GAAG,CAAC,GAAG,mBAAmB;IAC7B,0BAA0B;IAC1B,GAAG;IACH,oEAAoE;IACpE,uEAAuE;IACvE,sFAAsF;IACtF,oDAAoD;IACpD,qDAAqD;IACrD,GAAG,GAAG,CAAC,GAAG,mBAAmB;IAC7B,4BAA4B;IAC5B,0BAA0B;IAC1B,uBAAuB;IACvB,GAAG;IACH,uDAAuD;IACvD,0DAA0D;IAC1D,sDAAsD;IACtD,EAAE;IACF,iEAAiE;IACjE,2DAA2D;IAC3D,4EAA4E;IAC5E,oCAAoC;IACpC,0DAA0D;IAC1D,4DAA4D;IAC5D,gGAAgG;IAChG,GAAG,GAAG,CAAC,GAAG,qBAAqB;IAC/B,GAAG,GAAG,CAAC,GAAG,qBAAqB;IAC/B,eAAe;IACf,8BAA8B;IAC9B,4BAA4B;IAC5B,sBAAsB;IACtB,wBAAwB;IACxB,GAAG;IACH,GAAG,GAAG,CAAC,GAAG,4BAA4B;IACtC,GAAG,GAAG,CAAC,GAAG,4BAA4B;IACtC,oBAAoB;IACpB,GAAG;IACH,8DAA8D;IAC9D,2DAA2D;IAC3D,eAAe;IACf,qBAAqB,GAAG,cAAc,CAAC,WAAW,GAAG,OAAO;IAC5D,KAAK,GAAG,CAAC,GAAG,YAAY;IACxB,uBAAuB;IACvB,KAAK;IACL,GAAG;IACH,6DAA6D;IAC7D,4EAA4E;IAC5E,+EAA+E;IAC/E,uEAAuE;IACvE,0DAA0D;IAC1D,qEAAqE;IACrE,4DAA4D;IAC5D,2EAA2E;IAC3E,kEAAkE;IAClE,wCAAwC;IACxC,GAAG,GAAG,CAAC,GAAG,kBAAkB;IAC5B,iEAAiE;IACjE,4DAA4D;IAC5D,gEAAgE;IAChE,uBAAuB;IACvB,kBAAkB;IAClB,wBAAwB;IACxB,gBAAgB;IAChB,GAAG;IACH,wDAAwD;IACxD,GAAG,GAAG,CAAC,GAAG,oBAAoB,GAAG,CAAC,GAAG,YAAY;IACjD,gBAAgB;IAChB,GAAG;IACH,6CAA6C;IAC7C,6EAA6E;IAC7E,+DAA+D;IAC/D,oDAAoD;IACpD,4DAA4D;IAC5D,oDAAoD;IACpD,GAAG,GAAG,CAAC,GAAG,oBAAoB,GAAG,CAAC,GAAG,mBAAmB;IACxD,gBAAgB;IAChB,aAAa;IACb,cAAc;IACd,qBAAqB;IACrB,uCAAuC;IACvC,wCAAwC;IACxC,uCAAuC;IACvC,wCAAwC;IACxC,GAAG;IACH,kBAAkB,GAAG,CAAC,GAAG,oBAAoB,GAAG,CAAC,GAAG,mBAAmB;IACvE,8BAA8B;IAC9B,GAAG;IACH,GAAG,GAAG,CAAC,GAAG,aAAa;IACvB,uBAAuB;IACvB,6BAA6B;IAC7B,aAAa;IACb,gBAAgB;IAChB,qBAAqB;IACrB,gEAAgE;IAChE,sDAAsD;IACtD,2BAA2B;IAC3B,kCAAkC;IAClC,iBAAiB;IACjB,kCAAkC;IAClC,wBAAwB;IACxB,4BAA4B;IAC5B,8CAA8C;IAC9C,eAAe;IACf,uBAAuB;IACvB,yBAAyB;IACzB,gEAAgE;IAChE,GAAG;IACH,iEAAiE;IACjE,wDAAwD;IACxD,yEAAyE;IACzE,kBAAkB,GAAG,CAAC,GAAG,aAAa;IACtC,eAAe;IACf,wBAAwB;IACxB,yBAAyB;IACzB,GAAG;IACH,GAAG,GAAG,CAAC,GAAG,kBAAkB;IAC5B,yEAAyE;IACzE,6EAA6E;IAC7E,kEAAkE;IAClE,gBAAgB,GAAG,mBAAmB,CAAC,WAAW,GAAG,KAAK;IAC1D,kBAAkB;IAClB,mCAAmC;IACnC,cAAc;IACd,gBAAgB;IAChB,uBAAuB;IACvB,iBAAiB;IACjB,uBAAuB;IACvB,qBAAqB;IACrB,qBAAqB;IACrB,yBAAyB;IACzB,oBAAoB;IACpB,qBAAqB;IACrB,oBAAoB;IACpB,6CAA6C;IAC7C,+BAA+B;IAC/B,GAAG;IACH,GAAG,GAAG,CAAC,GAAG,wBAAwB;IAClC,4BAA4B;IAC5B,GAAG;IACH,+CAA+C;IAC/C,mDAAmD;IACnD,GAAG,GAAG,CAAC,GAAG,oBAAoB,GAAG,CAAC,GAAG,mBAAmB;IACxD,qBAAqB;IACrB,oBAAoB;IACpB,GAAG;IACH,8DAA8D;IAC9D,4DAA4D;IAC5D,uEAAuE;IACvE,oEAAoE;IACpE,GAAG,GAAG,CAAC,GAAG,oBAAoB,GAAG,CAAC,GAAG,kBAAkB;IACvD,sBAAsB;IACtB,oBAAoB;IACpB,wBAAwB;IACxB,GAAG;IACH,8DAA8D;IAC9D,qBAAqB,GAAG,cAAc,CAAC,WAAW,GAAG,OAAO;IAC5D,KAAK,GAAG,CAAC,GAAG,kBAAkB;IAC9B,uBAAuB;IACvB,KAAK;IACL,uDAAuD;IACvD,6BAA6B;IAC7B,yDAAyD;IACzD,4CAA4C;IAC5C,EAAE;IACF,8DAA8D;IAC9D,gEAAgE;IAChE,6DAA6D;IAC7D,6EAA6E;IAC7E,kDAAkD;IAClD,KAAK,GAAG,CAAC,GAAG,kBAAkB;IAC9B,uBAAuB;IACvB,KAAK;IACL,KAAK,GAAG,CAAC,GAAG,aAAa;IACzB,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,mBAAmB;IACnB,sBAAsB;IACtB,KAAK;IACL,GAAG;IACH,SAAS,CAAC,GAAG,GAAG,CAAC,GAAG,UAAU,CAAC;CAChC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/components/style/empty-state.d.ts

@@ -0,0 +1,10 @@
+/** style 区 · emptyState
+ *
+ *  自 `src/style.ts` 的 `SECTION_BUILDERS[emptyState]` **连它上面那段注释一起**原样切出。
+ *
+ *  **住址**：目录化批次⑥把 `src/style.ts` 切成「一份令牌 ＋ 一个区一件 ＋ 一个组装器」，
+ *  正文原样搬来；搬迁判据＝产物逐字节相同（`buildStyleSheet()` 的 css 全文 ＋ 出口名单），
+ *  见 `docs/base/base-render/组件目录架构.md`。
+ */
+export declare const emptyStateSection: (prefix: string) => string;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/style/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/style/empty-state.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,eAAO,MAAM,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MA8B1C,CAAA"}