base-paint 0.3.15 → 0.3.16

package/dist/components/portion-gauge/render.js.map

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

package/dist/components/portion-gauge/style-gauge.d.ts

@@ -0,0 +1,7 @@
+/** 轨道高（px）：**命中盒那一档**（调用方把整条尺子包成入口时，命中盒不小于 44）。 */
+export declare const PORTION_GAUGE_RAIL_PX = 44;
+/** A 档那一半的样式行（`style.ts` 汇总进本件唯一的样式段）。 */
+export declare function portionGaugeGaugeCss(input?: {
+    readonly prefix?: string;
+}): readonly string[];
+//# sourceMappingURL=style-gauge.d.ts.map

package/dist/components/portion-gauge/style-gauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-gauge.d.ts","sourceRoot":"","sources":["../../../src/components/portion-gauge/style-gauge.ts"],"names":[],"mappings":"AAwBA,mDAAmD;AACnD,eAAO,MAAM,qBAAqB,KAAK,CAAC;AASxC,0CAA0C;AAC1C,wBAAgB,oBAAoB,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,MAAM,EAAE,CAwH5F"}

package/dist/components/portion-gauge/style-gauge.js

@@ -0,0 +1,154 @@
+/** portion-gauge · **A 档量感条的样式段**（本件第二份样式来源，由 `style.ts` 汇总）。
+ *
+ *  为什么有这一件：一次落两档形态，两档的规则挤在一份里会超本包告警线 350
+ *  （`packages/base-render/AGENTS.md`；拆件先例 `scatter-fit/style-forms.ts`、`date-range/style-calendar.ts`）。
+ *  **搬走的是行数，不是纪律**：这一份与 `style.ts` 同一份纪律 ——
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方页零命中）；不写 `:root`／`!important`、
+ *     不新增 token 名、零代码里写死的色值；不写任何 `@media`（宽度只许容器判，本档不需要窄档调整：
+ *     两枚参照刻度值走**在流**的两行，长了自己换行，不靠坐标也不横滑）；
+ *   · **关键语义永不 `…` 截断**：没有 `text-overflow`／`line-clamp`／`white-space: nowrap`，
+ *     长串一律 `overflow-wrap: anywhere` 换行。
+ *
+ *  几何契约（判据钉住）：
+ *   · **位置由值算出**：已用那一段的宽度是行内算出来的百分比（`model.ts` 里由 `usedPct` 出，
+ *     与那个大字、与无障碍名是**同一个数**）；刻度竖线与参照竖线的位置也是行内给的百分比；
+ *   · **三级重量**：余量底＝一根 1px 发丝线（最轻）＜ 刻度竖线（6／9px 的竖线）＜ 已用那一段
+ *     （3px 强调色实底，压在发丝线上）——三级各有各的形，不靠颜色分；
+ *   · **两枚参照刻度值的分开**：一餐建议那行在**下**（贴着轨道）、一天上限那行在**上**；
+ *     两行都是在流元素，横向居中到自己那枚刻度上（内距由 `model.ts` 算好），
+ *     所以既不会推出轨道，也不会把刻度压没。
+ */
+import { skinVar } from '../skin/contract.js';
+import { portionGaugeSlot } from './attrs.js';
+/** 轨道高（px）：**命中盒那一档**（调用方把整条尺子包成入口时，命中盒不小于 44）。 */
+export const PORTION_GAUGE_RAIL_PX = 44;
+/** 已用那一段的厚（px）：三级重量里最重的那一级（压在 1px 发丝底上）。 */
+const USED_PX = 3;
+/** 刻度竖线的高（px）：整份那一档（`is-major`）加一档。 */
+const TICK_PX = 6;
+const TICK_MAJOR_PX = 9;
+/** 参照刻度竖线的高（px）：**穿过**那根发丝线（上下各探出去一截，是三级里最高的那一级）。 */
+const MARK_PX = 20;
+/** A 档那一半的样式行（`style.ts` 汇总进本件唯一的样式段）。 */
+export function portionGaugeGaugeCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const s = (slot) => root + ' .' + portionGaugeSlot(slot, p);
+    return [
+        /* ── A 档：量感条 ── */
+        s('subject') + ' {',
+        /* 「这一份叫什么」挨着标题：内容撑宽是横溢的来源 ⇒ 可收窄 ＋ 允许在词内断行。 */
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 占比那一行：一档大字，**一行说完**（不再挂一句「占一天上限」——上限那句话已经写在
+           尺子右端那枚刻度上了，同一个数只印一次）。 */
+        s('lead') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 2px 10px;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '}',
+        s('lead-value') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-h1') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  line-height: 1.15;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 量感条那一块：上面两行参照刻度值 ＋ 下面那条尺子（两行间距就是「相邻 ≥8px」那一档）。 */
+        s('gauge') + ' {',
+        '  display: grid;',
+        '  gap: 8px;',
+        '  min-width: 0;',
+        '}',
+        /* 一枚参照刻度值：**在流**的一行（长了自己换行，不横滑、不推出轨道）；横向居中到它那枚刻度上
+          —— 居中靠 `model.ts` 算好的那一侧内距（`text-align: center` ＋ 一侧内距，见 `refPad()`）。 */
+        s('mark-label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.45;',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 右端那枚（一天上限）顶到右缘：它那枚刻度就在轨道右端。 */
+        s('mark-label') + '.is-cap {',
+        '  text-align: right;',
+        '}',
+        /* 轨道：尺子的本体。`role="img"` 的无障碍名挂在它上面；高就是命中盒那一档。 */
+        s('rail') + ' {',
+        '  position: relative;',
+        '  min-width: 0;',
+        '  height: ' + String(PORTION_GAUGE_RAIL_PX) + 'px;',
+        '}',
+        /* 余量底：三级重量里最轻的那一级（一根发丝线，横贯整条轨道）。 */
+        s('rest') + ' {',
+        '  position: absolute;',
+        '  left: 0;',
+        '  right: 0;',
+        '  top: 50%;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        /* 已用那一段：宽度＝占比本身（`model.ts` 给的数），压在发丝线上（三级里最重的那一级）。 */
+        s('used') + ' {',
+        '  position: absolute;',
+        '  left: 0;',
+        '  top: 50%;',
+        '  height: ' + String(USED_PX) + 'px;',
+        '  margin-top: -' + String(USED_PX / 2) + 'px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        /* 刻度竖线：挂在线上、往下探（四等分；整份那一档长一截）。 */
+        s('tick') + ' {',
+        '  position: absolute;',
+        '  top: 50%;',
+        '  width: 0;',
+        '  height: ' + String(TICK_PX) + 'px;',
+        '  border-left: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('tick') + '.is-major {',
+        '  height: ' + String(TICK_MAJOR_PX) + 'px;',
+        '}',
+        /* 参照刻度竖线：穿过那根发丝线（三级里最高的一级）；两枚靠**线形**分开——建议实线、上限虚线。 */
+        s('mark') + ' {',
+        '  position: absolute;',
+        '  top: 50%;',
+        '  width: 0;',
+        '  height: ' + String(MARK_PX) + 'px;',
+        '  margin-top: -' + String(MARK_PX / 2 - USED_PX) + 'px;',
+        '  border-left: 1px solid ' + skinVar('ink-2') + ';',
+        '}',
+        s('mark') + '.is-cap {',
+        '  border-left-style: dashed;',
+        '}',
+        /* 实物参照那一行（`≈ 1 个拳头 ＋ 2 汤勺`）：尺子读不出来「这一份是多少实物」这一句。 */
+        s('equiv') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('equiv') + ' b {',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-weight: 700;',
+        '}',
+    ];
+}
+//# sourceMappingURL=style-gauge.js.map

package/dist/components/portion-gauge/style-gauge.js.map

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

package/dist/components/portion-gauge/style.d.ts

@@ -0,0 +1,10 @@
+/** 占比条那一轨的**最小宽**（px）：容器宽全被占比句吃掉时，条仍要留得下一条读得出比例的实底
+ *  （同族口径先例 `compare-columns` 的 `COMPARE_COLUMNS_BAR_MIN_PX`）。
+ *  **只有一个来源** —— `style.ts` 读它拼轨宽；判据拿它对真机读数（条宽 ≥ 它）。
+ *  窄档（`≤ PORTION_GAUGE_NARROW_PX`）走单列、条占满整行，不靠这条最小宽。 */
+export declare const PORTION_GAUGE_BAR_MIN_PX = 72;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function portionGaugeCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/portion-gauge/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/portion-gauge/style.ts"],"names":[],"mappings":"AAwBA;;;wDAGwD;AACxD,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,4BAA4B;AAC5B,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAwQ5E"}

package/dist/components/portion-gauge/style.js

@@ -0,0 +1,293 @@
+/** portion-gauge · **样式段**（本件唯一的样式来源；A 档量感条那半在 `style-gauge.ts`，由这里汇总）。
+ *
+ *  纪律（与本节其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方页零命中）；不写 `:root`／`!important`、
+ *     不新增 token 名、零代码里写死的色值（占比填充走强调色实底，缺换算那一行走提醒色）；
+ *   · **宽度只许容器判**：布局靠 `@container` ＋ 内在尺寸 ＋ 纯 CSS 等分；本件不写任何 `@media`。
+ *
+ *  两处几何契约（判据钉住）：
+ *   · **位置由值算出**：占比填充的宽度是行内算出来的百分比（`model.ts` 里由同一个占比出，
+ *     与占比那句的字是同一个数）——读者按条读到的占比就是那句说的占比；
+ *     **条那一轨有最小宽**（`PORTION_GAUGE_BAR_MIN_PX`）：长占比句让位换行，不许把条挤成 0 宽
+ *     （条是 0 长而那句写着 70% ＝ 两处读数走散）。A 档量感条的已用那一段同此（它压在余量底上，
+ *     宽度也是行内算出来的百分比）——那一半的规则见 `style-gauge.ts`；
+ *   · **色不是唯一信息**：占比条是强调色**实底**（无文字的图形那一档）＋ 那句占比给字；
+ *     缺换算那一行是提醒软底 ＋ 提醒字（两样同时在）。**没有一处拿正文墨色当“面”**。
+ */
+import { skinVar } from '../skin/contract.js';
+import { PORTION_GAUGE_NARROW_PX, portionGaugeSlot } from './attrs.js';
+import { portionGaugeGaugeCss } from './style-gauge.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 占比条那一轨的**最小宽**（px）：容器宽全被占比句吃掉时，条仍要留得下一条读得出比例的实底
+ *  （同族口径先例 `compare-columns` 的 `COMPARE_COLUMNS_BAR_MIN_PX`）。
+ *  **只有一个来源** —— `style.ts` 读它拼轨宽；判据拿它对真机读数（条宽 ≥ 它）。
+ *  窄档（`≤ PORTION_GAUGE_NARROW_PX`）走单列、条占满整行，不靠这条最小宽。 */
+export const PORTION_GAUGE_BAR_MIN_PX = 72;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function portionGaugeCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const box = root + ' .' + p + 'block-portion-gauge';
+    /* 槽类名（**不带 scope**）：只用在**已经落进本件某条选择器内部**的位置（前缀由外层那条选择器给）。
+       拿 `s()` 去拼后代／兄弟选择器会拼出 `.page-ui .a .page-ui .b` —— 第二条 `.page-ui` 永远匹配不到，
+       规则「看着在、其实不生效」。本文件只用 `s()` 打头；要拼嵌在选择器内部的裸槽类时，才在那一处现加 `c()`。 */
+    const s = (slot) => root + ' .' + portionGaugeSlot(slot, p);
+    const c = (slot) => '.' + portionGaugeSlot(slot, p);
+    return [
+        '/* portion-gauge（份量换算 · 换算三栏）：一行一样食材，菜谱单位 → 营养库单位 → 实物占比。',
+        '   色一律从 token 出（占比填充走强调色实底、缺换算那一行走提醒色）：换皮只换取值、不换结构；',
+        '   任何一档都不拿文字墨色当面。 */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度排。 */
+        '  container-type: inline-size;',
+        /* 宿主页不保证是 `border-box`（真页面默认 content-box）：本件带边框／内距的位子
+           在那种页里会比容器宽出边框那几像素 ⇒ 在本件**自己的子树里**把 `box-sizing` 钉成 `border-box`。 */
+        '  box-sizing: border-box;',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        box + ' * {',
+        '  box-sizing: border-box;',
+        '}',
+        /* ── 卡头 ── */
+        s('hd') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 3px 10px;',
+        '  min-width: 0;',
+        '}',
+        s('title') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.35;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('stamp') + ' {',
+        /* 内容撑宽是横溢的来源：调用方给一句长口径时，`flex: none` ＋ 不换行会让这一项拒绝收窄
+           ⇒ 父行跟着溢出。故 `flex: 0 1 auto`（可收窄）＋ `min-width: 0` ＋ 允许在词内断行。 */
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  margin-left: auto;',
+        '  padding: 1px 8px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('tail') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* ── 换算行区：一行一样 ── */
+        s('conv') + ' {',
+        '  display: grid;',
+        '  gap: 0;',
+        '  min-width: 0;',
+        '}',
+        s('row') + ' {',
+        '  display: grid;',
+        '  gap: 6px;',
+        '  min-width: 0;',
+        '  padding: 10px 0;',
+        '}',
+        /* 行与行之间一条发丝线（第一行不画：它上面是卡头那一排）。 */
+        s('row') + ' + ' + c('row') + ' {',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        /* 行头：食材名 ＋ 出处那句 ＋ 这一行合计多少克。 */
+        s('head') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 8px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('name') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('sub') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 这一行合计多少克顶到右缘；长了自己换行（`flex: 0 1 auto` ＋ `min-width: 0`），不把行头撑宽。 */
+        s('same') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  margin-left: auto;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 换算框：左栏菜谱单位 → 右栏营养库口径（三栏里的前两栏）。
+           `min-height` 是触控地板那一档（调用方把某一行做成入口时，命中盒不小于这一高）。 */
+        s('eq') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);',
+        '  gap: 8px;',
+        '  align-items: center;',
+        '  min-width: 0;',
+        '  min-height: 44px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  padding: 6px 10px;',
+        '}',
+        s('side') + ' {',
+        '  display: grid;',
+        '  gap: 1px;',
+        '  min-width: 0;',
+        '}',
+        /* 换算的那个数另起一层：上面一行是数，下面一行是说明。数可以换行——原型那一版写了不换行，
+           长单位（`12 份家庭装`）在窄容器里会把框顶宽，故这里允许在词内断行。 */
+        s('side-value') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('side-label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('side') + '.is-to {',
+        '  text-align: right;',
+        '}',
+        s('arrow') + ' {',
+        '  justify-self: center;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '}',
+        /* 实物占比：占比条 ‖ 那句占比（三栏里的第三栏）。 */
+        s('obj') + ' {',
+        '  display: grid;',
+        /* 第一轨（占比条）**有最小宽**：第二轨是 `auto`——按 max-content 吃宽，长占比句（32／64／128 字）
+           在宽档会把第一轨压成 0：条还在、长度却是 0，读者按条读到的占比是 0，而那句照写 70%
+           （2026-09 真机读数 `gridTemplateColumns = "0px 473px"`、`bar = 0px`）。故第一轨给最小宽，
+           长占比句改成**换行让位**；第二轨写 `minmax(0, auto)`，不留内容撑宽的下限。 */
+        '  grid-template-columns: minmax(' + String(PORTION_GAUGE_BAR_MIN_PX) + 'px, 1fr) minmax(0, auto);',
+        '  gap: 8px;',
+        '  align-items: center;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '}',
+        /* 占比条的轨道（中性面）；填充是强调色实底（无文字的图形那一档）。 */
+        s('bar') + ' {',
+        '  position: relative;',
+        '  min-width: 0;',
+        '  height: 12px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '}',
+        s('fill') + ' {',
+        '  position: absolute;',
+        '  left: 0;',
+        '  top: 0;',
+        '  bottom: 0;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        /* 那句占比顶到右缘；**永不截断**（长了换行：`占一天膳食纤维 100%` 在窄档会折成两行）。 */
+        s('share') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* ── 脚注 ── */
+        s('note') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.7;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 缺换算那一行：**语义档**（提醒）⇒ 提醒软底 ＋ 提醒字（两样同时在，不只染色）。 */
+        s('missing') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  padding: 8px 10px;',
+        '  border: 1px solid ' + skinVar('warn') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('warn-soft') + ';',
+        '  color: ' + skinVar('warn') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* ── A 档量感条那半（同一份纪律、同一份样式段；搬走的是行数，不是取值）── */
+        ...portionGaugeGaugeCss(input),
+        '/* 本件自身不带可点元素。这一条是**地板**：调用方把某一行包成入口时焦点必须看得见。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 窄容器（<' + String(PORTION_GAUGE_NARROW_PX) + 'px）：换算框与占比行改走单列 —— **一栏不减**。',
+        '   方向标转过去指着下一行（上 → 下），右栏的数顶到左缘（与左栏同一边）。',
+        '   宽度靠 `minmax(0, 1fr)` 自己收窄，不横滑、也不藏横滑。 */',
+        '@container (max-width: ' + String(PORTION_GAUGE_NARROW_PX) + 'px) {',
+        '  ' + s('eq') + ' {',
+        '    grid-template-columns: minmax(0, 1fr);',
+        '  }',
+        '  ' + s('side') + '.is-to {',
+        '    text-align: left;',
+        '  }',
+        '  ' + s('arrow') + ' {',
+        '    justify-self: start;',
+        '    transform: rotate(90deg);',
+        '  }',
+        '  ' + s('obj') + ' {',
+        '    grid-template-columns: minmax(0, 1fr);',
+        '  }',
+        '  ' + s('share') + ' {',
+        '    justify-self: start;',
+        '  }',
+        '}',
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map

package/dist/components/portion-gauge/style.js.map

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

package/dist/components/progress-list/attrs.js

@@ -70,3 +70,4 @@ export const PROGRESS_LIST_REMAIN_WORD = '还差';
 export const PROGRESS_LIST_EXACT_WORD = '刚好达标';
 /** 过目标时的左端词。 */
 export const PROGRESS_LIST_OVER_WORD = '已超';
+//# sourceMappingURL=attrs.js.map

package/dist/components/progress-list/index.js

@@ -12,3 +12,4 @@ export { PROGRESS_LIST_CLASS, PROGRESS_LIST_FORMS, PROGRESS_LIST_MISSING, PROGRE
 export { formatProgressNumber } from './model.js';
 export { renderProgressList } from './render.js';
 export { PROGRESS_LIST_NARROW_PX, PROGRESS_LIST_TRACK_HEIGHT_PX, progressListCss } from './style.js';
+//# sourceMappingURL=index.js.map

package/dist/components/progress-list/model.js

@@ -130,3 +130,4 @@ export function normalizeProgressList(input) {
         extraClass: optExtraClass(raw.extraClass, 'progress-list: input.extraClass'),
     };
 }
+//# sourceMappingURL=model.js.map

package/dist/components/progress-list/render.js

@@ -82,3 +82,4 @@ export function renderProgressList(input) {
     const extra = m.extraClass === undefined ? '' : ' ' + m.extraClass;
     return '<div class="' + PROGRESS_LIST_CLASS + ' is-' + m.form + extra + '">' + body + '</div>';
 }
+//# sourceMappingURL=render.js.map

package/dist/components/progress-list/style.js

@@ -205,3 +205,4 @@ export function progressListCss(input) {
         '}',
     ].join(LF);
 }
+//# sourceMappingURL=style.js.map

package/dist/components/progress-ring/attrs.js

@@ -63,3 +63,4 @@ export const PROGRESS_RING_MISSING = '—';
 export const PROGRESS_RING_RADIUS_PX = 70;
 export const PROGRESS_RING_STROKE_PX = 16;
 export const PROGRESS_RING_ARC_LEN = Math.round(Math.PI * PROGRESS_RING_RADIUS_PX * 100) / 100;
+//# sourceMappingURL=attrs.js.map

package/dist/components/progress-ring/index.js

@@ -9,3 +9,4 @@
 export { renderProgressRing } from './render.js';
 export { PROGRESS_RING_ARC_LEN, PROGRESS_RING_CLASS, PROGRESS_RING_FORMS, PROGRESS_RING_MISSING, PROGRESS_RING_RADIUS_PX, PROGRESS_RING_SLOTS, PROGRESS_RING_STROKE_PX, progressRingSlot, } from './attrs.js';
 export { PROGRESS_RING_MAX_DIAMETER_PX, PROGRESS_RING_VALUE_PX, progressRingCss } from './style.js';
+//# sourceMappingURL=index.js.map

package/dist/components/progress-ring/model.js

@@ -111,3 +111,4 @@ export function normalizeProgressRing(input) {
         extraClass: optExtraClass(raw.extraClass, 'progress-ring: input.extraClass'),
     };
 }
+//# sourceMappingURL=model.js.map

package/dist/components/progress-ring/render.js

@@ -89,3 +89,4 @@ export function renderProgressRing(input) {
     return '<div class="' + PROGRESS_RING_CLASS + ' is-' + m.form + (m.over ? ' is-over' : '') + extra + '">'
         + SKELETONS[m.form](m) + '</div>';
 }
+//# sourceMappingURL=render.js.map

package/dist/components/progress-ring/style.js

@@ -228,3 +228,4 @@ export function progressRingCss(input) {
         '}',
     ].join(LF);
 }
+//# sourceMappingURL=style.js.map

package/dist/components/punch-strip/index.js

@@ -8,3 +8,4 @@
  */
 export { PUNCH_STRIP_EMPTY_MARK, PUNCH_STRIP_MAX_CELLS, renderPunchStrip } from './render.js';
 export { PUNCH_STRIP_BOX_HEIGHT_PX, PUNCH_STRIP_BOX_RADIUS_PX, punchStripCss } from './style.js';
+//# sourceMappingURL=index.js.map

package/dist/components/punch-strip/render.js

@@ -61,3 +61,4 @@ export function renderPunchStrip(input) {
         + '<div class="' + p + '-cells">' + cells + '</div>'
         + '</div>';
 }
+//# sourceMappingURL=render.js.map

package/dist/components/punch-strip/style.js

@@ -92,3 +92,4 @@ export function punchStripCss(input) {
         '}',
     ].join(LF);
 }
+//# sourceMappingURL=style.js.map