base-paint 0.3.13 → 0.3.15

package/dist/components/date-range/style-calendar.js

@@ -0,0 +1,144 @@
+/** date-range · **日历那一段样式**（同目录第二份样式来源；由 `style.ts` 的 `dateRangeCss()` 汇总）。
+ *
+ *  为什么有这一份：本件的样式段一度到 371 行（本包告警线 350，`packages/base-render/AGENTS.md`）。
+ *  日历那一块（软底块 ＋ 翻月头 ＋ 星期表头 ＋ 42 格的四档形状）是一段边界干净的形状，独立成件；
+ *  但**取值一个字节都不许变**——拆的只是"住哪个文件"，`dateRangeCss()` 的产物必须逐字节不变
+ *  （判据里那条「拆件前后逐字节相同」就是钉这件事的）。
+ *
+ *  边界与另一半的分工：这里只管「日历块自己的形状」；
+ *  悬停／按下／焦点／禁用／减动效那些**跨槽位**的规则仍住 `style.ts`（它们同时管快捷档与起止两格）。
+ *
+ *  纪律同 `style.ts`：只经 `skinVar()` 读皮肤／全部规则 scope 在 `.<prefix>page-ui` 之下／
+ *  零 `:root`／零 `!important`／零自定义属性。
+ */
+import { skinVar } from '../skin/contract.js';
+import { DATE_RANGE_GAP_PX, DATE_RANGE_TOUCH_PX, dateRangeSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 日历格之间的矩阵缝（px）：见 `style.ts` 文件头「有意偏离」那一段。 */
+const CELL_GAP_PX = 4;
+/** 日历块的宽度上限（px）：一个月有自己的自然宽度（原型给的是 430px）。
+ *  不设它，1280 档下一格天会铺成 170px、数字孤零零吊在中间——真机截图里亲眼看到的。 */
+const CALENDAR_MAX_PX = 430;
+/** 格宽的期望量级（px）：写在这里是为了让"格宽稳在多少"有一个可对账的读数（判据断 ≥44）。 */
+const CELL_MIN_W_PX = 44;
+/** 按下反馈的时长（ms）：与 `style.ts` 里那一条同一个口径（≤80ms；两段各写一份是为了不互相 import）。 */
+const PRESS_MS = 80;
+/** 日历那一段的样式。恒返回非空 CSS 文本（由 `dateRangeCss()` 插在正确的位置上）。 */
+export function dateRangeCalendarCss(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 + ' .' + dateRangeSlot(slot, p);
+    const touch = String(DATE_RANGE_TOUCH_PX) + 'px';
+    return [
+        '/* 日历块：软底块 ＋ 发丝线（零阴影下用它立边界）。',
+        '   **宽度上限 ' + String(CALENDAR_MAX_PX) + 'px**：一个月有自己的自然宽度——1000px 宽的格子里',
+        '   一格天铺成 170px、数字孤零零吊在中间，读起来不像日历（真机 1280 档亲眼看过才发现）。',
+        '   超过上限的宽度留在块外（其余几行照常占满），格宽稳在 ' + String(CELL_MIN_W_PX) + 'px 上下。 */',
+        s('calendar') + ' {',
+        '  display: grid;',
+        '  gap: ' + String(DATE_RANGE_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '  max-width: ' + String(CALENDAR_MAX_PX) + 'px;',
+        '  padding: 10px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '}',
+        s('calHead') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: ' + String(DATE_RANGE_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('nav') + ' {',
+        '  flex: none;',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  width: ' + touch + ';',
+        '  min-width: ' + touch + ';',
+        '  height: ' + touch + ';',
+        '  padding: 0;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: inherit;',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '  transition: transform ' + String(PRESS_MS) + 'ms cubic-bezier(.22,1,.36,1);',
+        '}',
+        s('month') + ' {',
+        '  flex: 1 1 auto;',
+        '  min-width: 0;',
+        '  margin-left: 2px;',
+        '  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('week') + ',',
+        s('days') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: repeat(7, minmax(0, 1fr));',
+        '  gap: ' + String(CELL_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('week') + ' span {',
+        '  padding: 2px 0;',
+        '  text-align: center;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        '/* 每一格天：命中盒 ≥44×44（矩阵缝 4px，见文件头）。',
+        '   四档形状：区间内＝纸面块，两端＝**强调面**（格里写着那一天的数字＝有文字 ⇒ 软底 `accent-soft`',
+        '   ＋ 主色字 `accent-text` ＋ 主色描边 `accent`，见 `docs/base/base-render/选中态与皮肤语言.md` 第三节），',
+        '   相邻月＝弱字，今天＝一圈发丝线。',
+        '   `is-adj` 带 `:not(.is-end)`：相邻月那一天**可以**是这一段的一端（`render.ts` 两件事各判各的）——',
+        '   那种格子上若让"弱字"盖掉选中面的 `accent-text`，选中的字色就掉回 `ink-3`（paper 下对软底只有 4.48:1）。 */',
+        s('day') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  box-sizing: border-box;',
+        '  min-width: 0;',
+        '  min-height: ' + touch + ';',
+        '  padding: 0;',
+        '  border: 1px solid transparent;',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: transparent;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '  transition: transform ' + String(PRESS_MS) + 'ms cubic-bezier(.22,1,.36,1);',
+        '}',
+        s('day') + '.is-in {',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        s('day') + '.is-end {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-weight: 700;',
+        '}',
+        s('day') + '.is-adj:not(.is-end) {',
+        '  color: ' + skinVar('ink-3') + ';',
+        '}',
+        s('day') + '.is-today {',
+        '  border-color: ' + skinVar('ink-2') + ';',
+        '}',
+    ].join(LF);
+}

package/dist/components/date-range/style-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-calendar.js","sourceRoot":"","sources":["../../../src/components/date-range/style-calendar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,aAAa,EAAsB,MAAM,YAAY,CAAC;AAEvG,yBAAyB;AACzB,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AAEnC,+CAA+C;AAC/C,MAAM,WAAW,GAAG,CAAC,CAAC;AAEtB;qDACqD;AACrD,MAAM,eAAe,GAAG,GAAG,CAAC;AAC5B,sDAAsD;AACtD,MAAM,aAAa,GAAG,EAAE,CAAC;AAEzB,qEAAqE;AACrE,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,0DAA0D;AAC1D,MAAM,UAAU,oBAAoB,CAAC,KAAoC;IACvE,MAAM,CAAC,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;WAC1C,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvF,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,SAAS,CAAC;IACjC,MAAM,CAAC,GAAG,CAAC,IAAmB,EAAU,EAAE,CAAC,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAChF,MAAM,KAAK,GAAG,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC;IAEjD,OAAO;QACL,8BAA8B;QAC9B,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,gCAAgC;QACzE,qDAAqD;QACrD,gCAAgC,GAAG,MAAM,CAAC,aAAa,CAAC,GAAG,WAAW;QACtE,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI;QACpB,kBAAkB;QAClB,SAAS,GAAG,MAAM,CAAC,iBAAiB,CAAC,GAAG,KAAK;QAC7C,iBAAiB;QACjB,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,KAAK;QACjD,kBAAkB;QAClB,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG;QAC9C,mBAAmB,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,GAAG;QAChD,gBAAgB,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,GAAG;QAC7C,GAAG;QACH,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI;QACnB,kBAAkB;QAClB,oBAAoB;QACpB,wBAAwB;QACxB,SAAS,GAAG,MAAM,CAAC,iBAAiB,CAAC,GAAG,KAAK;QAC7C,iBAAiB;QACjB,GAAG;QACH,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;QACf,eAAe;QACf,yBAAyB;QACzB,wBAAwB;QACxB,4BAA4B;QAC5B,2BAA2B;QAC3B,WAAW,GAAG,KAAK,GAAG,GAAG;QACzB,eAAe,GAAG,KAAK,GAAG,GAAG;QAC7B,YAAY,GAAG,KAAK,GAAG,GAAG;QAC1B,eAAe;QACf,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG;QAC9C,mBAAmB,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,GAAG;QAChD,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,GAAG;QAC3C,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG;QAClC,yBAAyB;QACzB,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,qBAAqB;QACrB,mBAAmB;QACnB,oBAAoB;QACpB,+BAA+B;QAC/B,0BAA0B,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,+BAA+B;QAC/E,GAAG;QACH,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI;QACjB,mBAAmB;QACnB,iBAAiB;QACjB,qBAAqB;QACrB,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG;QAClC,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,GAAG;QAC7C,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,qBAAqB;QACrB,uCAAuC;QACvC,4BAA4B;QAC5B,GAAG;QACH,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG;QACf,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI;QAChB,kBAAkB;QAClB,qDAAqD;QACrD,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,KAAK;QACvC,iBAAiB;QACjB,GAAG;QACH,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS;QACrB,mBAAmB;QACnB,uBAAuB;QACvB,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,qBAAqB;QACrB,GAAG;QACH,mCAAmC;QACnC,8DAA8D;QAC9D,oFAAoF;QACpF,qBAAqB;QACrB,0EAA0E;QAC1E,8EAA8E;QAC9E,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;QACf,yBAAyB;QACzB,wBAAwB;QACxB,4BAA4B;QAC5B,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB,GAAG,KAAK,GAAG,GAAG;QAC9B,eAAe;QACf,kCAAkC;QAClC,mBAAmB,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,GAAG;QAChD,4BAA4B;QAC5B,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG;QAClC,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,GAAG;QAC7C,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACxC,uCAAuC;QACvC,oBAAoB;QACpB,+BAA+B;QAC/B,0BAA0B,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,+BAA+B;QAC/E,GAAG;QACH,CAAC,CAAC,KAAK,CAAC,GAAG,UAAU;QACrB,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,GAAG;QAC3C,GAAG;QACH,CAAC,CAAC,KAAK,CAAC,GAAG,WAAW;QACtB,gBAAgB,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,GAAG;QAC/C,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAG;QAC5C,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,GAAG;QAC1C,qBAAqB;QACrB,GAAG;QACH,CAAC,CAAC,KAAK,CAAC,GAAG,wBAAwB;QACnC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QACpC,GAAG;QACH,CAAC,CAAC,KAAK,CAAC,GAAG,aAAa;QACxB,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,GAAG;QAC3C,GAAG;KACJ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC"}

package/dist/components/date-range/style.d.ts

@@ -0,0 +1,5 @@
+/** 本组件的样式段（＝这一份 ＋ `style-calendar.ts` 那一份，**一次调用拿全部**）。恒返回非空 CSS 文本。 */
+export declare function dateRangeCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/date-range/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/date-range/style.ts"],"names":[],"mappings":"AA4BA,wEAAwE;AACxE,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA0OzE"}

package/dist/components/date-range/style.js

@@ -0,0 +1,259 @@
+/** date-range · **样式段**（本件唯一的样式来源）。
+ *
+ *  纪律（与本层其余件同一份）：只经 `skinVar()` 读皮肤／全部规则 scope 在 `.<prefix>page-ui` 之下／
+ *  零 `:root`／零 `!important`／零自定义属性／宽度只由 `@container` 判（`@media` 只判设备能力）。
+ *
+ *  几何契约（判据钉住）：翻月键、快捷档、起止两格、**每一格天**都不小于 `DATE_RANGE_TOUCH_PX`（44）。
+ *  两条**有意偏离原型**的间距口径，写在这里备查：
+ *   · 独立的相邻控件（翻月键之间、快捷档之间、起止两格之间）一律留 `DATE_RANGE_GAP_PX`（8px）；
+ *   · **日历格之间只留 4px**：7 列 × 44px 是硬约束（44×7 ＋ 6×8 ＋ 内距 ＝ 356px > 390 容器装得下的
+ *     日历宽），格与格之间的缝是**矩阵缝**、不是两个独立动作之间的间隔——44 的命中盒优先。
+ *
+ *  零阴影下立层次：日历块走软底（`surface-2`），区间内的格走纸面（`surface`），两端走**强调面**
+ *  （软底 `accent-soft` ＋ 主色字 `accent-text` ＋ 主色描边 `accent`：那一格里有数字＝有文字），
+ *  「今天」靠一圈发丝线（`border-color`，盒内 1px，不推版）。
+ */
+import { skinVar } from '../skin/contract.js';
+import { DATE_RANGE_GAP_PX, DATE_RANGE_TOUCH_PX, dateRangeSlot } from './attrs.js';
+import { dateRangeCalendarCss } from './style-calendar.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 窄容器阈值（px）：**本件自己的宽度**。低于它时起止两格竖排（一格一行，日期串读得全）。 */
+const NARROW_PX = 420;
+/** 按下反馈的时长（ms）：≤80ms（与 `style-calendar.ts` 里那一条同一个口径，两段各写一份不互相 import）。 */
+const PRESS_MS = 80;
+/** 本组件的样式段（＝这一份 ＋ `style-calendar.ts` 那一份，**一次调用拿全部**）。恒返回非空 CSS 文本。 */
+export function dateRangeCss(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-date-range';
+    const s = (slot) => root + ' .' + dateRangeSlot(slot, p);
+    /** 拼在 `box` **后面**的槽类（不再带 `.<prefix>page-ui`，否则会拼出嵌套的假选择器）。 */
+    const inBox = (slot) => ' .' + dateRangeSlot(slot, p);
+    const touch = String(DATE_RANGE_TOUCH_PX) + 'px';
+    return [
+        '/* date-range（日期范围 · 形态 B「日历缩略」）：起止两格 ＋ 一排快捷档（命中的带 ✓）＋ 一个月的格子，',
+        '   底下那句口径点名「当前按 哪一档、从哪天到哪天、共几天」。零阴影下层次靠发丝线与底色块。 */',
+        box + ' {',
+        '  container-type: inline-size;',
+        '  display: grid;',
+        '  gap: 10px;',
+        '  min-width: 0;',
+        '  padding: 12px 14px 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '}',
+        box + ' > * {',
+        '  min-width: 0;',
+        '}',
+        '/* 第一行：名字 ＋ 状态字（`当前按 本周`／`自定义区间`／`还未选`／`更新中`）。 */',
+        s('head') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  justify-content: space-between;',
+        '  gap: 4px 12px;',
+        '  min-width: 0;',
+        '}',
+        s('label') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 状态字：一枚带发丝线的签（**字**这一档：换皮换不掉"按的是哪一档"）。 */',
+        s('state') + ' {',
+        '  box-sizing: border-box;',
+        '  max-width: 100%;',
+        '  padding: 1px 8px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 700;',
+        '  letter-spacing: .02em;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 起止两格：两列（窄容器竖排），与快捷档／日历之间各留 ' + String(DATE_RANGE_GAP_PX) + 'px。 */',
+        s('ends') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: repeat(2, minmax(0, 1fr));',
+        '  gap: ' + String(DATE_RANGE_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('from') + ',',
+        s('to') + ' {',
+        '  display: flex;',
+        '  align-items: center;',
+        '  gap: 6px;',
+        '  min-width: 0;',
+        '}',
+        s('endLabel') + ' {',
+        '  flex: none;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('input') + ' {',
+        '  box-sizing: border-box;',
+        '  flex: 1 1 0;',
+        '  min-width: 0;',
+        '  height: ' + touch + ';',
+        '  padding: 0 10px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-variant-numeric: tabular-nums;',
+        '  cursor: pointer;',
+        '}',
+        '/* 快捷档那一排：命中的一枚带 ✓ ＋ 走**强调面**（软底 `accent-soft` ＋ 主色字 `accent-text`',
+        '   ＋ 主色描边 `accent`）＋ 加粗（**形 ＋ 字 ＋ 色**三样一起给）。口径住',
+        '   `docs/base/base-render/选中态与皮肤语言.md` 第三节：有文字的选中面不许写成"实心反白"。 */',
+        s('quick') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: ' + String(DATE_RANGE_GAP_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        s('preset') + ' {',
+        '  display: inline-flex;',
+        '  align-items: center;',
+        '  justify-content: center;',
+        '  gap: 5px;',
+        '  box-sizing: border-box;',
+        '  min-width: 72px;',
+        '  min-height: ' + touch + ';',
+        '  padding: 0 14px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-family: inherit;',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  cursor: pointer;',
+        '  touch-action: manipulation;',
+        '  transition: transform ' + String(PRESS_MS) + 'ms cubic-bezier(.22,1,.36,1);',
+        '}',
+        '/* ✓ 一直在标记里，只有按下的那一枚看得见——运行时段只管翻 `aria-pressed`，不用动标记。 */',
+        s('mark') + ' {',
+        '  display: none;',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1;',
+        '}',
+        s('preset') + '[aria-pressed="true"] {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-weight: 700;',
+        '}',
+        s('preset') + '[aria-pressed="true"]' + inBox('mark') + ' {',
+        '  display: inline;',
+        '}',
+        /* 日历那一块（软底块 ＋ 翻月头 ＋ 星期表头 ＋ 42 格的四档形状）住同目录 `style-calendar.ts`：
+           一段一段分开长大，汇总在这一次调用里（照 `sheetCss()` 的先例：调用方一行拿全部样式）。
+           插在这一行的位置上，是为了**产物逐字节不变**——拆的只是"住哪个文件"。 */
+        dateRangeCalendarCss({ prefix: p }),
+        '/* 悬停：只包在设备能力查询里（`hover:hover`），且**不是唯一通路**。',
+        '   提示只给**不是两端**的格子：那两格是选中面（软底 ＋ 主色字 ＋ 主色描边），',
+        '   若悬停时把底换成 `surface`、描边换成 `ink-2`，选中态在悬停那一刻就散了。 */',
+        '@media (hover:hover) and (pointer:fine) {',
+        '  ' + s('nav') + ':hover:not([disabled]),',
+        '  ' + s('day') + ':not(.is-end):hover:not([disabled]) {',
+        '    background: ' + skinVar('surface') + ';',
+        '    border-color: ' + skinVar('ink-2') + ';',
+        '  }',
+        '  ' + s('preset') + ':not([aria-pressed="true"]):hover:not([disabled]),',
+        '  ' + s('input') + ':hover:not([disabled]) {',
+        '    border-color: ' + skinVar('ink-2') + ';',
+        '  }',
+        '}',
+        '/* 真按下：只动 `transform`（80ms 内看得见）。 */',
+        s('nav') + ':active:not([disabled]),',
+        s('preset') + ':active:not([disabled]),',
+        s('day') + ':active:not([disabled]) {',
+        '  transform: scale(.98);',
+        '}',
+        '/* 可见焦点：翻月键、快捷档、日格、起止两格都 ≥2px 描边。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 更新中：读数与格子保持原样（宽度锁住），状态字换成「更新中」；光标给 `progress`。 */',
+        box + '.is-loading [aria-disabled="true"] {',
+        '  cursor: progress;',
+        '}',
+        '/* 禁用：说不出为什么不能改是不许留的中间档（渲染期就要求给 `disabledReason`）。 */',
+        box + ' [disabled],',
+        box + '.is-disabled [aria-disabled="true"] {',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  border-color: ' + skinVar('line') + ';',
+        '  cursor: not-allowed;',
+        '}',
+        box + '.is-disabled' + inBox('calendar') + ' {',
+        '  opacity: .55;',
+        '}',
+        '/* 错误说明：写在控件旁边（控件 `aria-describedby` 指向它），**不只染色**。 */',
+        s('error') + ' {',
+        '  margin: 0;',
+        '  padding-left: 8px;',
+        '  border-left: 2px solid ' + skinVar('danger') + ';',
+        '  color: ' + skinVar('danger') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        box + '.is-invalid' + inBox('input') + ' {',
+        '  border-color: ' + skinVar('danger') + ';',
+        '}',
+        '/* 一句口径：`本周：09-19 到 09-25，共 7 天（含首尾）`（**要读的正文**，走 ink-2）。',
+        '   调用方补的那句挂在后头，段间一条发丝线。 */',
+        s('caliber') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 8px;',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('sentence') + ' {',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('extra') + ' {',
+        '  padding-left: 8px;',
+        '  border-left: 1px solid ' + skinVar('line') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 窄容器（<' + String(NARROW_PX) + 'px）：起止两格竖排——一格一行，日期串读得全（不压字）。',
+        '   判的是**本件自己的宽度**（不用 `@media` 判宽度）。 */',
+        '@container (max-width: ' + String(NARROW_PX) + 'px) {',
+        '  ' + s('ends') + ' {',
+        '    grid-template-columns: minmax(0, 1fr);',
+        '  }',
+        '}',
+        '/* 减动效档：不许有东西卡在半路。 */',
+        '@media (prefers-reduced-motion:reduce) {',
+        '  ' + s('nav') + ',',
+        '  ' + s('preset') + ',',
+        '  ' + s('day') + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+    ].join(LF);
+}

package/dist/components/date-range/style.js.map

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

package/dist/components/dialog/attrs.d.ts

@@ -0,0 +1,100 @@
+/** dialog · **标记契约**（渲染与运行时共用的唯一事实：类名／`data-*`／事件名／闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-10-容器与浮层.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「确认型」**——图标 ＋ 标题 ＋ 副语 ＋ 正文 ＋ 两条动作（最后一条是主动作）。
+ *  用在哪：六个技能的覆盖确认、写库确认、详情确认。
+ *
+ *  落地路线（票面钉死）：**浏览器原生 `<dialog>` ＋ `showModal()`**——
+ *  焦点锁、`Esc`、背景 `inert`、顶层（top layer）都是浏览器白送的，不拿 `<div>` 叠 `z-index` 自己造。
+ *  与之配套的运行时只用**事件委派**（`document` 上一枚 `click` ＋ 捕获相位的 `close`／`cancel`）。
+ */
+/** 本件的类名根：全部槽位类名都是 `DIALOG_CLASS + '-' + 槽名`。 */
+export declare const DIALOG_CLASS = "ilife-block-dialog";
+/** 触发键的类名（与面板分开：触发键在页面正文里，面板在顶层）。 */
+export declare const DIALOG_OPENER_CLASS = "ilife-block-dialog-opener";
+/** 类名根（带前缀；样式段换前缀时走它，别处不许拼字面量）。 */
+export declare function dialogClass(prefix?: string): string;
+/** 触发键类名（带前缀）。 */
+export declare function dialogOpenerClass(prefix?: string): string;
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export declare const DIALOG_SLOTS: readonly ["head", "icon", "headtext", "title", "sub", "body", "status", "foot", "act", "note"];
+export type DialogSlot = (typeof DIALOG_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `DIALOG_CLASS + '-' + …`）。 */
+export declare function dialogSlot(slot: DialogSlot, prefix?: string): string;
+/** 形态闭集：本件只落地形态 A「确认型」（闭集外的值 → `bad-input`，不静默降级成别的骨架）。 */
+export declare const DIALOG_FORMS: readonly ["confirm"];
+export type DialogForm = (typeof DIALOG_FORMS)[number];
+/** 语气闭集：决定图标位与主动作的档（`danger`＝破坏性动作）。 */
+export declare const DIALOG_TONES: readonly ["plain", "warn", "danger"];
+export type DialogTone = (typeof DIALOG_TONES)[number];
+/** 状态行档闭集（`error`＝这次没成；`busy`＝正在写）。 */
+export declare const DIALOG_STATUS_KINDS: readonly ["error", "busy"];
+export type DialogStatusKind = (typeof DIALOG_STATUS_KINDS)[number];
+/** 关闭原因闭集（`ilife:dialog-close` 的 `detail.reason`）。 */
+export declare const DIALOG_CLOSE_REASONS: readonly ["action", "esc", "backdrop", "programmatic"];
+export type DialogCloseReason = (typeof DIALOG_CLOSE_REASONS)[number];
+/** 面板的发现锚：值＝面板 `id`（运行时按它认出「这是个对话框」）。 */
+export declare const DIALOG_ATTR = "data-ilife-dialog";
+/** 触发键：值＝它开的面板 `id`（**焦点归还的锚**）。 */
+export declare const DIALOG_OPEN_ATTR = "data-ilife-dialog-open";
+/** 渲染时就打开的面板（静态样张／打印快照）**不**由运行时接管：那是给「静态可读」用的，不是交互态。 */
+/** 动作键：值＝该动作的机器值（关闭时原样送出）。 */
+export declare const DIALOG_ACT_ATTR = "data-ilife-dialog-act";
+/** 状态行档（值＝`error`／`busy`）：样式按它分色，判据按它断「不只染色」。 */
+export declare const DIALOG_STATUS_ATTR = "data-ilife-dialog-status";
+/** 绑定完成标记（运行时幂等：重复注入只绑一次）。 */
+export declare const DIALOG_BOUND_ATTR = "data-ilife-dialog-bound";
+/** 事件名（冒泡 `CustomEvent`；`detail` 见 README 的「交互契约」）。 */
+export declare const DIALOG_EVENT_OPEN = "ilife:dialog-open";
+export declare const DIALOG_EVENT_CLOSE = "ilife:dialog-close";
+/** 几何口径（写在常量里，也钉在判据里）：动作键命中高度下限／面板宽度上限／离容器边至少留多少。 */
+export declare const DIALOG_MIN_HEIGHT_PX = 44;
+export declare const DIALOG_MAX_WIDTH_PX = 344;
+export declare const DIALOG_EDGE_PX = 16;
+/** 一枚动作键。**最后一条是主动作**（贴右、实底）；前面的按次要档排。 */
+export interface DialogAction {
+    /** 键上的字（如「覆盖」「先不写」）。非空串；**许换行、不许 `…` 截断**。 */
+    readonly label: string;
+    /** 机器值（点它关闭时原样送出，写在 `ilife:dialog-close` 的 `detail.value`）。非空串，面板内唯一。 */
+    readonly value: string;
+}
+/** 对话框入参（形态 A）。`id`／`title`／`body`／`actions` 必填。 */
+export interface DialogInput {
+    /** 面板 `id`（也是触发键 `data-ilife-dialog-open` 的值）。同页唯一；只许标识符字符。 */
+    readonly id: string;
+    /** 标题（面板的 `aria-labelledby` 指它）。一页一个 `<h2>` 的粒度。 */
+    readonly title: string;
+    /** 正文：串＝一段；数组＝逐段一枚 `<p>`（滚的是它）。至少一段。 */
+    readonly body: string | readonly string[];
+    /** 副语（跟在标题后的小字，如「这一步做完不能撤销」）。 */
+    readonly sub?: string;
+    /** 语气，缺省 `danger`（形态 A 的常见场景是覆盖，属于破坏性动作）。 */
+    readonly tone?: DialogTone;
+    /** 动作键：1～2 枚，**最后一枚是主动作**。 */
+    readonly actions: readonly DialogAction[];
+    /** 动作条上方的脚注小字（如「这一步做完不能撤销」）。 */
+    readonly note?: string;
+    /** 状态行：这次没成／正在写。给了就出那一行，并挂进 `aria-describedby`。 */
+    readonly status?: {
+        readonly kind?: DialogStatusKind;
+        readonly text: string;
+    };
+    /** 形态键（闭集，缺省 `confirm`）。 */
+    readonly form?: DialogForm;
+    /** 渲染时就打开（`<dialog open>`，**非模态**）：静态样张／打印快照用；真机交互一律由触发键开。 */
+    readonly open?: boolean;
+    /** 附加类名（空格分隔；逐个过类名正则，防选择器注入）。 */
+    readonly extraClass?: string;
+}
+/** 触发键入参（焦点归还回路的另一头：它必须带 `data-ilife-dialog-open`）。 */
+export interface DialogOpenerInput {
+    /** 它要开的面板 `id`。 */
+    readonly dialogId: string;
+    /** 键上的字。 */
+    readonly text: string;
+    /** 无障碍名（不给＝用键上的字）。 */
+    readonly label?: string;
+    /** 附加类名。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/dialog/attrs.d.ts.map

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

package/dist/components/dialog/attrs.js

@@ -0,0 +1,76 @@
+/** dialog · **标记契约**（渲染与运行时共用的唯一事实：类名／`data-*`／事件名／闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/parts-10-容器与浮层.mjs`，2026-09 用户裁定）
+ *  里的**形态 A「确认型」**——图标 ＋ 标题 ＋ 副语 ＋ 正文 ＋ 两条动作（最后一条是主动作）。
+ *  用在哪：六个技能的覆盖确认、写库确认、详情确认。
+ *
+ *  落地路线（票面钉死）：**浏览器原生 `<dialog>` ＋ `showModal()`**——
+ *  焦点锁、`Esc`、背景 `inert`、顶层（top layer）都是浏览器白送的，不拿 `<div>` 叠 `z-index` 自己造。
+ *  与之配套的运行时只用**事件委派**（`document` 上一枚 `click` ＋ 捕获相位的 `close`／`cancel`）。
+ */
+/** 本件的类名根：全部槽位类名都是 `DIALOG_CLASS + '-' + 槽名`。 */
+export const DIALOG_CLASS = 'ilife-block-dialog';
+/** 触发键的类名（与面板分开：触发键在页面正文里，面板在顶层）。 */
+export const DIALOG_OPENER_CLASS = 'ilife-block-dialog-opener';
+/** 类名根（带前缀；样式段换前缀时走它，别处不许拼字面量）。 */
+export function dialogClass(prefix = 'ilife-') {
+    return prefix + 'block-dialog';
+}
+/** 触发键类名（带前缀）。 */
+export function dialogOpenerClass(prefix = 'ilife-') {
+    return dialogClass(prefix) + '-opener';
+}
+/** 槽位闭集（标记契约的一部分：`render.ts` 与判据都用这里的名字拼类名，不各抄一份字面量）。 */
+export const DIALOG_SLOTS = [
+    /** 头部那一排（图标 ＋ 文字块）。 */
+    'head',
+    /** 图标位（纯装饰，`aria-hidden`；`tone=plain` 时整格不出）。 */
+    'icon',
+    /** 头部右侧的文字块（标题 ＋ 副语）。 */
+    'headtext',
+    /** 标题（面板的 `aria-labelledby` 指它）。 */
+    'title',
+    /** 副语（如「这一步做完不能撤销」）。 */
+    'sub',
+    /** 正文（逐段一枚 `<p>`；滚的是它）。 */
+    'body',
+    /** 状态行（`error`／`busy`：写在动作条上方，`aria-describedby` 指它）。 */
+    'status',
+    /** 动作条（滚不动的那个）。 */
+    'foot',
+    /** 一枚动作键（最后一枚是主动作）。 */
+    'act',
+    /** 动作条上方的脚注小字。 */
+    'note',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `DIALOG_CLASS + '-' + …`）。 */
+export function dialogSlot(slot, prefix = 'ilife-') {
+    return dialogClass(prefix) + '-' + slot;
+}
+/** 形态闭集：本件只落地形态 A「确认型」（闭集外的值 → `bad-input`，不静默降级成别的骨架）。 */
+export const DIALOG_FORMS = ['confirm'];
+/** 语气闭集：决定图标位与主动作的档（`danger`＝破坏性动作）。 */
+export const DIALOG_TONES = ['plain', 'warn', 'danger'];
+/** 状态行档闭集（`error`＝这次没成；`busy`＝正在写）。 */
+export const DIALOG_STATUS_KINDS = ['error', 'busy'];
+/** 关闭原因闭集（`ilife:dialog-close` 的 `detail.reason`）。 */
+export const DIALOG_CLOSE_REASONS = ['action', 'esc', 'backdrop', 'programmatic'];
+/* ── `data-*` 名（运行时与判据都只认这些名字） ─────────────────────── */
+/** 面板的发现锚：值＝面板 `id`（运行时按它认出「这是个对话框」）。 */
+export const DIALOG_ATTR = 'data-ilife-dialog';
+/** 触发键：值＝它开的面板 `id`（**焦点归还的锚**）。 */
+export const DIALOG_OPEN_ATTR = 'data-ilife-dialog-open';
+/** 渲染时就打开的面板（静态样张／打印快照）**不**由运行时接管：那是给「静态可读」用的，不是交互态。 */
+/** 动作键：值＝该动作的机器值（关闭时原样送出）。 */
+export const DIALOG_ACT_ATTR = 'data-ilife-dialog-act';
+/** 状态行档（值＝`error`／`busy`）：样式按它分色，判据按它断「不只染色」。 */
+export const DIALOG_STATUS_ATTR = 'data-ilife-dialog-status';
+/** 绑定完成标记（运行时幂等：重复注入只绑一次）。 */
+export const DIALOG_BOUND_ATTR = 'data-ilife-dialog-bound';
+/** 事件名（冒泡 `CustomEvent`；`detail` 见 README 的「交互契约」）。 */
+export const DIALOG_EVENT_OPEN = 'ilife:dialog-open';
+export const DIALOG_EVENT_CLOSE = 'ilife:dialog-close';
+/** 几何口径（写在常量里，也钉在判据里）：动作键命中高度下限／面板宽度上限／离容器边至少留多少。 */
+export const DIALOG_MIN_HEIGHT_PX = 44;
+export const DIALOG_MAX_WIDTH_PX = 344;
+export const DIALOG_EDGE_PX = 16;

package/dist/components/dialog/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/dialog/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,iDAAiD;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,oBAAoB,CAAC;AAEjD,qCAAqC;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAE/D,mCAAmC;AACnC,MAAM,UAAU,WAAW,CAAC,MAAM,GAAG,QAAQ;IAC3C,OAAO,MAAM,GAAG,cAAc,CAAC;AACjC,CAAC;AAED,kBAAkB;AAClB,MAAM,UAAU,iBAAiB,CAAC,MAAM,GAAG,QAAQ;IACjD,OAAO,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AACzC,CAAC;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,uBAAuB;IACvB,MAAM;IACN,iDAAiD;IACjD,MAAM;IACN,yBAAyB;IACzB,UAAU;IACV,oCAAoC;IACpC,OAAO;IACP,wBAAwB;IACxB,KAAK;IACL,2BAA2B;IAC3B,MAAM;IACN,yDAAyD;IACzD,QAAQ;IACR,mBAAmB;IACnB,MAAM;IACN,uBAAuB;IACvB,KAAK;IACL,kBAAkB;IAClB,MAAM;CACE,CAAC;AAGX,mDAAmD;AACnD,MAAM,UAAU,UAAU,CAAC,IAAgB,EAAE,MAAM,GAAG,QAAQ;IAC5D,OAAO,WAAW,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AAC1C,CAAC;AAED,2DAA2D;AAC3D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,CAAU,CAAC;AAGjD,wCAAwC;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAC;AAGjE,uCAAuC;AACvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;AAG9D,sDAAsD;AACtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,CAAU,CAAC;AAG3F,0DAA0D;AAE1D,yCAAyC;AACzC,MAAM,CAAC,MAAM,WAAW,GAAG,mBAAmB,CAAC;AAC/C,oCAAoC;AACpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AACzD,yDAAyD;AAEzD,8BAA8B;AAC9B,MAAM,CAAC,MAAM,eAAe,GAAG,uBAAuB,CAAC;AACvD,iDAAiD;AACjD,MAAM,CAAC,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAC7D,8BAA8B;AAC9B,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAE3D,uDAAuD;AACvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AACrD,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AAEvD,qDAAqD;AACrD,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC"}