base-paint 0.3.13 → 0.3.15

package/dist/components/step-flow/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/step-flow/render.ts"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,YAAY,EAAE,KAAK,SAAS,EAClC,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5E,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AAmCnF,sCAAsC;AACtC,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAmB3D"}

package/dist/components/step-flow/render.js

@@ -0,0 +1,65 @@
+/** step-flow · **渲染**（纯函数产 HTML；零 DOM、零副作用）。
+ *
+ *  形状：`小标题（标题 ＋ 右侧读数）` → `逐步竖排` → `脚注`。
+ *  一步：左列节点（✓／双环内点／虚线空圈 ＋ 序号）＋ 右列 `名称 · 状态字 · 估时实耗` 与说明。
+ *
+ *  它替掉的是哪几种错法：
+ *   · 一整段"做菜步骤"正文（读者不知道现在该做哪一步）⇒ 当前步有自己的形状与状态字；
+ *   · 三态只换个圆点颜色（黑白打印与色盲下全塌）⇒ 节点形状 ＋ ✓／序号 ＋ 状态字三样；
+ *   · 估时与实耗混在一句里（「大概 6 分钟，我用了 7 分钟」）⇒ 两段分槽，同一条线上对得齐。
+ */
+import { esc } from '../shared/escape.js';
+import { STEP_FLOW_MARK_DONE, STEP_STATE_WORDS, stepFlowClass, stepFlowSlot, } from './attrs.js';
+import { normalizeStepFlow } from './model.js';
+/** 槽类名的本件内缩写（前缀固定 `ilife-`：换前缀是样式段的事）。 */
+const slot = (name) => stepFlowSlot(name);
+/** 节点里的记号：已完成是 ✓，其余是序号（字总是给，形状与色只是第二、第三样）。 */
+function markOf(step, index) {
+    return step.state === 'done' ? STEP_FLOW_MARK_DONE : String(index + 1);
+}
+function stepHtml(step, index) {
+    const state = step.state;
+    const time = step.estimate === undefined && step.actual === undefined
+        ? ''
+        : '<span class="' + slot('time') + '">'
+            + (step.estimate === undefined ? '' : '<span class="' + slot('estimate') + '">' + esc(step.estimate) + '</span>')
+            + (step.actual === undefined ? '' : '<span class="' + slot('actual') + '">' + esc(step.actual) + '</span>')
+            + '</span>';
+    const word = step.stateWord === undefined ? STEP_STATE_WORDS[state] : step.stateWord;
+    return '<div class="' + slot('step') + ' is-' + state + '">'
+        + '<span class="' + slot('node') + '" aria-hidden="true">' + esc(markOf(step, index)) + '</span>'
+        + '<span class="' + slot('body') + '">'
+        + '<span class="' + slot('title-row') + '">'
+        + '<span class="' + slot('name') + '">' + esc(step.title) + '</span>'
+        + '<span class="' + slot('state') + ' is-' + state + '">' + esc(word) + '</span>'
+        + time
+        + '</span>'
+        + (step.description === undefined
+            ? '' : '<span class="' + slot('desc') + '">' + esc(step.description) + '</span>')
+        + (step.note === undefined
+            ? '' : '<span class="' + slot('note') + ' is-' + step.noteTone + '">' + esc(step.note) + '</span>')
+        + '</span>'
+        + '</div>';
+}
+/** 步骤条：竖排带说明。空步骤且没有空态那一句 ⇒ 出不了一个字。 */
+export function renderStepFlow(input) {
+    const m = normalizeStepFlow(input);
+    if (m.steps.length === 0 && m.absentLine === undefined)
+        return '';
+    const head = m.title === undefined && m.count === undefined ? '' : '<div class="' + slot('head') + '">'
+        + (m.title === undefined ? '' : '<span class="' + slot('title') + '">' + esc(m.title) + '</span>')
+        + (m.count === undefined ? '' : '<span class="' + slot('count') + '">' + esc(m.count) + '</span>')
+        + '</div>';
+    const list = m.steps.length === 0
+        ? ''
+        : '<div class="' + slot('list') + '">' + m.steps.map((step, i) => stepHtml(step, i)).join('') + '</div>';
+    const absent = m.absentLine === undefined
+        ? ''
+        : '<p class="' + slot('absent') + '">' + esc(m.absentLine) + '</p>';
+    const foot = m.foot.length === 0
+        ? ''
+        : '<div class="' + slot('foot') + '">'
+            + m.foot.map((t) => '<span>' + esc(t) + '</span>').join('') + '</div>';
+    return '<div class="' + stepFlowClass() + (m.extraClass === undefined ? '' : ' ' + m.extraClass) + '">'
+        + head + list + absent + foot + '</div>';
+}

package/dist/components/step-flow/render.js.map

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

package/dist/components/step-flow/style.d.ts

@@ -0,0 +1,13 @@
+/** 本件的内容容器名（`@container` 按它命中）。 */
+export declare const STEP_FLOW_CONTAINER = "ilife-step-flow";
+/** 窄档断点（px）：容器窄于它就让估时实耗掉到下一行（**不是**视口断点）。 */
+export declare const STEP_FLOW_NARROW_MAX_PX = 440;
+/** 节点直径（px）。 */
+export declare const STEP_FLOW_NODE_SIZE_PX = 24;
+/** 左列宽度（px）：节点居中在它里面，连线走它的中线。 */
+export declare const STEP_FLOW_NODE_COLUMN_PX = 34;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function stepFlowCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/step-flow/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/step-flow/style.ts"],"names":[],"mappings":"AAkBA,mCAAmC;AACnC,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AACrD,6CAA6C;AAC7C,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,iCAAiC;AACjC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,4BAA4B;AAC5B,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAsNxE"}

package/dist/components/step-flow/style.js

@@ -0,0 +1,240 @@
+/** step-flow · **样式段**（本件唯一的样式来源）。
+ *
+ *  三条纪律（与组件层其余件同一份）：
+ *   1. 颜色／圆角／字面／字号一律经 `skinVar()` 读；本件源码里不出现手写的 `var(--ilife-…)`；
+ *   2. 全部规则 scope 在 `.<prefix>page-ui` 之下；
+ *   3. **三态靠「字 ＋ 形 ＋ 色」**：节点＝实心圆带 ✓／双环带内点／虚线空圈带序号；
+ *      状态字＝底线／实底块／虚线框；连线＝实线（走过的）／虚线（还没走的）。
+ *
+ *  几何契约（钉在判据里）：节点列定宽（`STEP_FLOW_NODE_COLUMN_PX`）⇒ 逐行节点竖排在同一列；
+ *  名称、状态字、估时实耗三槽各自独立、窄容器里换行不挤压；关键语义（名称／状态字／估时）不截断。
+ *  本件**零动效、零可点元素**（静态件：没有可卡住的中间态，也不装作能点）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { stepFlowClass, stepFlowSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 本件的内容容器名（`@container` 按它命中）。 */
+export const STEP_FLOW_CONTAINER = 'ilife-step-flow';
+/** 窄档断点（px）：容器窄于它就让估时实耗掉到下一行（**不是**视口断点）。 */
+export const STEP_FLOW_NARROW_MAX_PX = 440;
+/** 节点直径（px）。 */
+export const STEP_FLOW_NODE_SIZE_PX = 24;
+/** 左列宽度（px）：节点居中在它里面，连线走它的中线。 */
+export const STEP_FLOW_NODE_COLUMN_PX = 34;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function stepFlowCss(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) => '.' + stepFlowSlot(name, p);
+    const sc = (name) => root + ' ' + n(name);
+    const s = root + ' .' + stepFlowClass(p);
+    const step = sc('step');
+    const v = skinVar;
+    return [
+        '/* step-flow（步骤条）：竖排带说明 —— 节点形状给三态，状态字带上，连线给"走到了哪"。 */',
+        s + ' {',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  min-width: 0;',
+        '  container: ' + STEP_FLOW_CONTAINER + ' / inline-size;',
+        '}',
+        sc('head') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  padding-bottom: 8px;',
+        '  border-bottom: 1px solid ' + v('line') + ';',
+        '}',
+        sc('title') + ' {',
+        '  color: ' + v('ink') + ';',
+        '  font-size: ' + v('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        sc('count') + ' {',
+        '  margin-left: auto;',
+        '  color: ' + v('ink-2') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        sc('list') + ' {',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  min-width: 0;',
+        '}',
+        step + ' {',
+        '  position: relative;',
+        '  display: grid;',
+        '  grid-template-columns: auto minmax(0, 1fr);',
+        '  gap: 0 10px;',
+        '  box-sizing: border-box;',
+        '  min-width: 0;',
+        '  padding: 10px 0;',
+        '}',
+        '/* 连线：从左列中线往下连到下一步；走过的实线、没走的虚线（线型自己就是第二样信息）。 */',
+        step + ':not(:last-child)::after {',
+        '  content: "";',
+        '  position: absolute;',
+        '  left: ' + (STEP_FLOW_NODE_COLUMN_PX / 2 - 0.5) + 'px;',
+        '  top: ' + (10 + STEP_FLOW_NODE_SIZE_PX + 3) + 'px;',
+        '  bottom: -2px;',
+        '  width: 1px;',
+        '  background: ' + v('line') + ';',
+        '}',
+        /* 走过的连线是**无文字的线**：走 `accent` 实底，不借正文墨色
+           （口径：`docs/base/base-render/选中态与皮肤语言.md`「无文字的点／格／条」。） */
+        step + '.is-done:not(:last-child)::after { background: ' + v('accent') + '; }',
+        step + '.is-todo:not(:last-child)::after {',
+        '  background: none;',
+        '  border-left: 1px dashed ' + v('line') + ';',
+        '  width: 0;',
+        '}',
+        sc('node') + ' {',
+        '  position: relative;',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  flex: 0 0 auto;',
+        '  width: ' + STEP_FLOW_NODE_SIZE_PX + 'px;',
+        '  height: ' + STEP_FLOW_NODE_SIZE_PX + 'px;',
+        '  border: 1.5px dashed ' + v('line') + ';',
+        '  border-radius: 50%;',
+        '  background: ' + v('surface') + ';',
+        '  color: ' + v('ink-3') + ';',
+        '  font-family: ' + v('font-num') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1;',
+        '  font-variant-numeric: tabular-nums;',
+        '}',
+        '/* 已完成：实心圆 ＋ ✓（**无文字的点**走主色实底；✓ 是主色底上的字色，见口径文件那四档）。 */',
+        step + '.is-done ' + n('node') + ' {',
+        '  border: 1.5px solid ' + v('accent') + ';',
+        '  background: ' + v('accent') + ';',
+        '  color: ' + v('accent-ink') + ';',
+        '}',
+        '/* 当前：双环 ＋ 内点（形）＋ 强一圈的边。 */',
+        step + '.is-now ' + n('node') + ' {',
+        '  border: 1.5px solid ' + v('accent') + ';',
+        '  background: ' + v('surface') + ';',
+        '  color: ' + v('accent-text') + ';',
+        '}',
+        step + '.is-now ' + n('node') + '::after {',
+        '  content: "";',
+        '  position: absolute;',
+        '  inset: 4px;',
+        '  border-radius: 50%;',
+        '  background: ' + v('accent') + ';',
+        '}',
+        step + '.is-now ' + n('node') + ' { color: transparent; }',
+        sc('body') + ' {',
+        '  display: flex;',
+        '  flex-direction: column;',
+        '  min-width: 0;',
+        '}',
+        sc('title-row') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  min-width: 0;',
+        '}',
+        sc('name') + ' {',
+        '  min-width: 0;',
+        '  color: ' + v('ink') + ';',
+        '  font-size: ' + v('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        step + '.is-todo ' + n('name') + ' { color: ' + v('ink-2') + '; font-weight: 600; }',
+        '/* 状态字三档形状：底线／实底块／虚线框。 */',
+        sc('state') + ' {',
+        '  flex: 0 0 auto;',
+        '  box-sizing: border-box;',
+        '  padding: 1px 8px;',
+        '  border: 1px dashed ' + v('line') + ';',
+        '  border-radius: ' + v('radius-pill') + ';',
+        '  color: ' + v('ink-3') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.5;',
+        '  white-space: nowrap;',
+        '}',
+        sc('state') + '.is-done {',
+        '  padding: 0 0 1px;',
+        '  border: 0;',
+        '  border-bottom: 2px solid ' + v('ok') + ';',
+        '  border-radius: 0;',
+        '  color: ' + v('ok') + ';',
+        '}',
+        sc('state') + '.is-now {',
+        '  border: 0;',
+        '  border-radius: ' + v('radius-pill') + ';',
+        '  background: ' + v('accent') + ';',
+        '  color: ' + v('accent-ink') + ';',
+        '}',
+        sc('time') + ' {',
+        '  display: inline-flex;',
+        '  flex: 0 0 auto;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 2px 10px;',
+        '  margin-left: auto;',
+        '  color: ' + v('ink-3') + ';',
+        '  font-family: ' + v('font-num') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  white-space: nowrap;',
+        '}',
+        sc('actual') + ' { color: ' + v('ink-2') + '; font-weight: 700; }',
+        sc('desc') + ' {',
+        '  margin-top: 3px;',
+        '  color: ' + v('ink-2') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        sc('note') + ' {',
+        '  margin-top: 2px;',
+        '  color: ' + v('ink-3') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        sc('note') + '.is-warn {',
+        '  padding-left: 8px;',
+        '  border-left: 3px solid ' + v('warn') + ';',
+        '  color: ' + v('warn') + ';',
+        '  font-weight: 700;',
+        '}',
+        sc('absent') + ' {',
+        '  margin: 0;',
+        '  padding: 10px 0 2px;',
+        '  color: ' + v('ink-3') + ';',
+        '  font-size: ' + v('fs-sm') + ';',
+        '}',
+        sc('foot') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 12px;',
+        '  margin-top: 10px;',
+        '  padding-top: 9px;',
+        '  border-top: 1px solid ' + v('line') + ';',
+        '  color: ' + v('ink-2') + ';',
+        '  font-size: ' + v('fs-xs') + ';',
+        '}',
+        '/* 窄档：估时实耗另起一行（不挤压名称与状态字）。 */',
+        '@container ' + STEP_FLOW_CONTAINER + ' (max-width: ' + STEP_FLOW_NARROW_MAX_PX + 'px) {',
+        '  ' + sc('time') + ' { margin-left: 0; flex: 1 1 100%; }',
+        '  ' + sc('count') + ' { margin-left: 0; }',
+        '}',
+    ].join(LF);
+}

package/dist/components/step-flow/style.js.map

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

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

@@ -0,0 +1,49 @@
+/** streak-badge · **标记契约**（渲染与调用方共用的唯一事实：类名／槽名／形态闭集／强弱闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-06-状态与台账.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「一行几个徽标（三种强弱）」**——"你已经连着做了 N 天"这一类**一句话徽标**：
+ *  前词 ＋ 数（放大成读数）＋ 量词，强弱三档。
+ *
+ *  **强弱三档靠形状分**（色只是第三样）：`strong` 实底、`mid` 描边空底、`weak` 无框只带底线，
+ *  三档的字重依次 800／700／600。「大字报刊」皮肤下强调色＝墨黑，只靠变色就分不出来了。
+ */
+export declare const STREAK_BADGE_CLASS = "ilife-block-streak-badge";
+/** 槽位闭集（数组里带注释 ⇒ 不会被当成"形态闭集"）。 */
+export declare const STREAK_BADGE_SLOTS: readonly ["head", "heading", "list", "badge", "label", "value", "unit", "absent"];
+export type StreakBadgeSlot = (typeof STREAK_BADGE_SLOTS)[number];
+/** 类名根。 */
+export declare function streakBadgeClass(prefix?: string): string;
+/** 槽类的唯一拼法。 */
+export declare function streakBadgeSlot(slot: StreakBadgeSlot, prefix?: string): string;
+/** 形态闭集：本件只落地形态 A「一行几个徽标」。 */
+export declare const STREAK_BADGE_FORMS: readonly ["row"];
+export type StreakBadgeForm = (typeof STREAK_BADGE_FORMS)[number];
+/** 强弱闭集（三档各有自己的形状，见 `style.ts`）。 */
+export declare const STREAK_STRENGTHS: readonly ["strong", "mid", "weak"];
+export type StreakStrength = (typeof STREAK_STRENGTHS)[number];
+/** 缺值的写法：**缺值写成 `—`，不许写 0、不许留空**（全仓同一条地板）。 */
+export declare const STREAK_BADGE_MISSING = "\u2014";
+/** 一个徽标：前词 ＋ 数 ＋ 量词。**数只收"已经是给人看的样子"的串**（本件不算数）。 */
+export interface StreakBadgeItem {
+    /** 强弱档（`strong` 实底／`mid` 描边／`weak` 无框只带底线）。必填——它决定形状，不是可选装饰。 */
+    readonly strength: StreakStrength;
+    /** 前词（`连续记录`／`本月`／`上次断在`）。必填非空。 */
+    readonly label: string;
+    /** 数（`37`／`21 / 30`／`08-14`）。必填非空；等宽数字、**永不截断**。 */
+    readonly value: string;
+    /** 量词或尾巴（`天`／`天有记录`）。不给＝不出这一槽。 */
+    readonly unit?: string;
+}
+export interface StreakBadgeInput {
+    /** 徽标逐个；空数组且无 `absentLine` ⇒ 空串（与"没内容不留空块"同口径）。 */
+    readonly badges: readonly StreakBadgeItem[];
+    /** 小标题（`连记`）。 */
+    readonly heading?: string;
+    /** 空态那一句（`还没有连记记录`）——**这是"没什么"，不是一个徽标**，所以住独立槽位。 */
+    readonly absentLine?: string;
+    /** 形态键（闭集，缺省 `row`）。 */
+    readonly form?: StreakBadgeForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/streak-badge/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,kCAAkC;AAClC,eAAO,MAAM,kBAAkB,mFASrB,CAAC;AACX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,WAAW;AACX,wBAAgB,gBAAgB,CAAC,MAAM,SAAW,GAAG,MAAM,CAE1D;AAED,eAAe;AACf,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,SAAW,GAAG,MAAM,CAEhF;AAED,8BAA8B;AAC9B,eAAO,MAAM,kBAAkB,kBAAmB,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,oCAAoC;AACpC,eAAO,MAAM,gBAAgB,oCAAqC,CAAC;AACnE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,8CAA8C;AAC9C,eAAO,MAAM,oBAAoB,WAAM,CAAC;AAExC,oDAAoD;AACpD,MAAM,WAAW,eAAe;IAC9B,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC,mCAAmC;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IAC5C,iBAAiB;IACjB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC;IAChC,0BAA0B;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}

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

@@ -0,0 +1,35 @@
+/** streak-badge · **标记契约**（渲染与调用方共用的唯一事实：类名／槽名／形态闭集／强弱闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-06-状态与台账.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「一行几个徽标（三种强弱）」**——"你已经连着做了 N 天"这一类**一句话徽标**：
+ *  前词 ＋ 数（放大成读数）＋ 量词，强弱三档。
+ *
+ *  **强弱三档靠形状分**（色只是第三样）：`strong` 实底、`mid` 描边空底、`weak` 无框只带底线，
+ *  三档的字重依次 800／700／600。「大字报刊」皮肤下强调色＝墨黑，只靠变色就分不出来了。
+ */
+export const STREAK_BADGE_CLASS = 'ilife-block-streak-badge';
+/** 槽位闭集（数组里带注释 ⇒ 不会被当成"形态闭集"）。 */
+export const STREAK_BADGE_SLOTS = [
+    'head',
+    'heading',
+    'list',
+    'badge',
+    'label',
+    'value',
+    'unit',
+    'absent',
+];
+/** 类名根。 */
+export function streakBadgeClass(prefix = 'ilife-') {
+    return prefix + 'block-streak-badge';
+}
+/** 槽类的唯一拼法。 */
+export function streakBadgeSlot(slot, prefix = 'ilife-') {
+    return streakBadgeClass(prefix) + '-' + slot;
+}
+/** 形态闭集：本件只落地形态 A「一行几个徽标」。 */
+export const STREAK_BADGE_FORMS = ['row'];
+/** 强弱闭集（三档各有自己的形状，见 `style.ts`）。 */
+export const STREAK_STRENGTHS = ['strong', 'mid', 'weak'];
+/** 缺值的写法：**缺值写成 `—`，不许写 0、不许留空**（全仓同一条地板）。 */
+export const STREAK_BADGE_MISSING = '—';

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

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/streak-badge/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAE7D,kCAAkC;AAClC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,MAAM;IACN,SAAS;IACT,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,MAAM;IACN,QAAQ;CACA,CAAC;AAGX,WAAW;AACX,MAAM,UAAU,gBAAgB,CAAC,MAAM,GAAG,QAAQ;IAChD,OAAO,MAAM,GAAG,oBAAoB,CAAC;AACvC,CAAC;AAED,eAAe;AACf,MAAM,UAAU,eAAe,CAAC,IAAqB,EAAE,MAAM,GAAG,QAAQ;IACtE,OAAO,gBAAgB,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AAC/C,CAAC;AAED,8BAA8B;AAC9B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAU,CAAC;AAGnD,oCAAoC;AACpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAGnE,8CAA8C;AAC9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC"}

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

@@ -0,0 +1,22 @@
+/** streak-badge · **组件出口**（本件对外的唯一名字面）。
+ *
+ *  —— 连记徽标 ——
+ *
+ *  一句话：**"你已经连着做了 N 天"那一句话**，一行几个、强弱三档——前词 ＋ 数（放大）＋ 量词。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 一句话的连记战绩／本月覆盖／上次断点 ⇒ 用本件；
+ *   · 一整排"这 7 天记了没记"的格子 ⇒ 用 `punch-strip`（打孔格带）；
+ *   · 一个比例形状（吃了几成）⇒ 用 `scale-bar`（刻度条）／`progress-ring`（进度环）；
+ *   · 一笔在途的事走到哪了 ⇒ 用 `status-row`。
+ *
+ *  两件出口：`renderStreakBadges(input)`（产标记，零 DOM）／`streakBadgeCss()`（样式段）。
+ *  本件**零 DOM、零动效、零可点元素**（静态读数件）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { STREAK_BADGE_CLASS, STREAK_BADGE_FORMS, STREAK_BADGE_MISSING, STREAK_BADGE_SLOTS, STREAK_STRENGTHS, streakBadgeClass, streakBadgeSlot, } from './attrs.js';
+export type { StreakBadgeForm, StreakBadgeInput, StreakBadgeItem, StreakBadgeSlot, StreakStrength, } from './attrs.js';
+export { renderStreakBadges } from './render.js';
+export { STREAK_BADGE_CONTAINER, STREAK_BADGE_MIN_HEIGHT_PX, STREAK_BADGE_NARROW_MAX_PX, STREAK_BADGE_VALUE_PX, streakBadgeCss, } from './style.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/streak-badge/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,cAAc,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,GACf,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,20 @@
+/** streak-badge · **组件出口**（本件对外的唯一名字面）。
+ *
+ *  —— 连记徽标 ——
+ *
+ *  一句话：**"你已经连着做了 N 天"那一句话**，一行几个、强弱三档——前词 ＋ 数（放大）＋ 量词。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 一句话的连记战绩／本月覆盖／上次断点 ⇒ 用本件；
+ *   · 一整排"这 7 天记了没记"的格子 ⇒ 用 `punch-strip`（打孔格带）；
+ *   · 一个比例形状（吃了几成）⇒ 用 `scale-bar`（刻度条）／`progress-ring`（进度环）；
+ *   · 一笔在途的事走到哪了 ⇒ 用 `status-row`。
+ *
+ *  两件出口：`renderStreakBadges(input)`（产标记，零 DOM）／`streakBadgeCss()`（样式段）。
+ *  本件**零 DOM、零动效、零可点元素**（静态读数件）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { STREAK_BADGE_CLASS, STREAK_BADGE_FORMS, STREAK_BADGE_MISSING, STREAK_BADGE_SLOTS, STREAK_STRENGTHS, streakBadgeClass, streakBadgeSlot, } from './attrs.js';
+export { renderStreakBadges } from './render.js';
+export { STREAK_BADGE_CONTAINER, STREAK_BADGE_MIN_HEIGHT_PX, STREAK_BADGE_NARROW_MAX_PX, STREAK_BADGE_VALUE_PX, streakBadgeCss, } from './style.js';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/streak-badge/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAChB,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,0BAA0B,EAC1B,qBAAqB,EACrB,cAAc,GACf,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,18 @@
+import { type StreakBadgeForm, type StreakStrength } from './attrs.js';
+/** 内部类型：每个字段都已校验、已归一。 */
+export interface StreakBadgeModel {
+    readonly form: StreakBadgeForm;
+    readonly heading?: string;
+    readonly badges: readonly NormalizedStreakBadge[];
+    readonly absentLine?: string;
+    readonly extraClass?: string;
+}
+export interface NormalizedStreakBadge {
+    readonly strength: StreakStrength;
+    readonly label: string;
+    readonly value: string;
+    readonly unit?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `StreakBadgeModel`。 */
+export declare function normalizeStreakBadges(input: unknown): StreakBadgeModel;
+//# sourceMappingURL=model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/streak-badge/model.ts"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,eAAe,EAEpB,KAAK,cAAc,EACpB,MAAM,YAAY,CAAC;AAEpB,yBAAyB;AACzB,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAClD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAgBD,4DAA4D;AAC5D,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,gBAAgB,CAmBtE"}

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

@@ -0,0 +1,44 @@
+/** streak-badge · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  两条口径：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级：档位给错若不报，
+ *      换皮后"强弱"就只是一点颜色差，读者看不出轻重；
+ *   2. 归一化只做**形状**：连记天数、分母、日期格式**归调用方**（本件只收"已经是给人看的样子"的串）。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { STREAK_BADGE_FORMS, STREAK_STRENGTHS, } from './attrs.js';
+function badgeOf(raw, field) {
+    assertPlainObject(raw, field);
+    const item = raw;
+    if (!STREAK_STRENGTHS.includes(item.strength)) {
+        badInput(field + '.strength 必须是 ' + STREAK_STRENGTHS.join('／') + ' 之一，收到：' + String(item.strength));
+    }
+    return {
+        strength: item.strength,
+        label: reqText(item.label, field + '.label'),
+        value: reqText(item.value, field + '.value'),
+        unit: optText(item.unit, field + '.unit'),
+    };
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `StreakBadgeModel`。 */
+export function normalizeStreakBadges(input) {
+    assertPlainObject(input, 'renderStreakBadges: input');
+    const raw = input;
+    const form = raw.form === undefined ? STREAK_BADGE_FORMS[0] : raw.form;
+    if (!STREAK_BADGE_FORMS.includes(form)) {
+        badInput('streak-badge: input.form 必须是 ' + STREAK_BADGE_FORMS.join('／') + ' 之一（本件只落地形态 A「一行几个徽标」）');
+    }
+    if (!Array.isArray(raw.badges))
+        badInput('streak-badge: input.badges 必须是数组');
+    const badges = [];
+    for (let i = 0; i < raw.badges.length; i += 1) {
+        badges.push(badgeOf(raw.badges[i], 'streak-badge: input.badges[' + i + ']'));
+    }
+    return {
+        form: form,
+        heading: optText(raw.heading, 'streak-badge: input.heading'),
+        badges,
+        absentLine: optText(raw.absentLine, 'streak-badge: input.absentLine'),
+        extraClass: optExtraClass(raw.extraClass, 'streak-badge: input.extraClass'),
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/streak-badge/model.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrG,OAAO,EACL,kBAAkB,EAClB,gBAAgB,GAIjB,MAAM,YAAY,CAAC;AAkBpB,SAAS,OAAO,CAAC,GAAY,EAAE,KAAa;IAC1C,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC9B,MAAM,IAAI,GAAG,GAAsB,CAAC;IACpC,IAAI,CAAE,gBAAuC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtE,QAAQ,CAAC,KAAK,GAAG,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtG,CAAC;IACD,OAAO;QACL,QAAQ,EAAE,IAAI,CAAC,QAA0B;QACzC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC5C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC5C,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;KAC1C,CAAC;AACJ,CAAC;AAED,4DAA4D;AAC5D,MAAM,UAAU,qBAAqB,CAAC,KAAc;IAClD,iBAAiB,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,KAAgC,CAAC;IAC7C,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IACvE,IAAI,CAAE,kBAAyC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/D,QAAQ,CAAC,+BAA+B,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,wBAAwB,CAAC,CAAC;IACtG,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;QAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;IAC7E,MAAM,MAAM,GAA4B,EAAE,CAAC;IAC3C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,6BAA6B,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC;IACD,OAAO;QACL,IAAI,EAAE,IAAuB;QAC7B,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,6BAA6B,CAAC;QAC5D,MAAM;QACN,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,gCAAgC,CAAC;QACrE,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,gCAAgC,CAAC;KAC5E,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type StreakBadgeSlot, type StreakStrength } from './attrs.js';
+import type { StreakBadgeForm, StreakBadgeInput, StreakBadgeItem } from './attrs.js';
+export type { StreakBadgeForm, StreakBadgeInput, StreakBadgeItem, StreakBadgeSlot, StreakStrength };
+/** 连记徽标：一行几个。空数组且没有空态那一句 ⇒ 出不了一个字。 */
+export declare function renderStreakBadges(input: StreakBadgeInput): string;
+//# sourceMappingURL=render.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/streak-badge/render.ts"],"names":[],"mappings":"AAWA,OAAO,EAC8B,KAAK,eAAe,EAAE,KAAK,cAAc,EAC7E,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAErF,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAapG,sCAAsC;AACtC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAclE"}